首页 文章

XAML列表框项目没有突出显示

提问于
浏览
0

我有一个ListBox,在ListBox中你可以选择项目 . 由于某种原因,没有这种可视化表示,如果可能的话,我想添加一个 . 我甚至没有看到默认的蓝色 . 根本不值一提 .

Project :WPF,使用XAML,C#和MVVM(MVVM Light) . Visual Studio 2010 .

首先要看ListBox本身:

<ListBox ItemsSource="{Binding NodeListViewModel.NodeList, Source={StaticResource Locator}}" Background="Transparent" Name="LbNodes">
            <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                    <Canvas HorizontalAlignment="Left" VerticalAlignment="Top" Width="1400" Height="1200"/>
                </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemContainerStyle>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="Canvas.Left" Value="{Binding CanvasLeft}"/>
                <Setter Property="Canvas.Top" Value="{Binding CanvasTop}"/>
                <EventSetter Event="PreviewMouseLeftButtonDown" Handler="lb_PreviewMouseLeftButtonDown" />
                </Style>
        </ListBox.ItemContainerStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                    <Canvas Background="Black">
                        <Thumb Name="myThumb" Template="{StaticResource NodeVisualTemplate}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="DragDelta">
                                        <cmd:EventToCommand Command="{Binding NodeListViewModel.DragDeltaCommand, Source={StaticResource Locator}}" PassEventArgsToCommand="True"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Thumb>
                    </Canvas>
                </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

所以它是一个带有数据模板的ListBox,其中包含一个包含Thumb的Canvas . 'NodeVisualTemplate'如下:

<ControlTemplate x:Key="NodeVisualTemplate">
            <Border BorderThickness="2" BorderBrush="LightBlue" Margin="2" CornerRadius="5,5,5,5">
                <StackPanel>
                    <TextBlock Text="Test" Background="AntiqueWhite"/>
                    <TextBlock Text="{Binding Path=NodeText}" Background="Aqua"/>
                    <StackPanel Orientation="Horizontal">
                        <TextBox Text="Type here" MinWidth="50"/>
                        <Image Source="{StaticResource ImgFolder}" Margin="0,0,5,0" Width="32" Height="32"/>
                    </StackPanel>
                </StackPanel>
            </Border>
        </ControlTemplate>

正如我前面提到的,问题在于,当选择一个项目时,没有视觉突出显示的状态 .

Question 1 :这个项目真的被选中了吗?

我认同 . 后面的代码包含:

private void lb_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        ListBoxItem lbi = sender as ListBoxItem;
        LbNodes.SelectedItem = lbi.DataContext;

        //MessageBox.Show("Selected node name: " + ((lbi.DataContext) as NodeViewModel).NodeText);
    }

MessageBox是一个小测试,允许我检查选择代码是否正在运行以及是否选择了正确的项目 . 它是 .

Question 2 :你尝试过这样的事吗:

<Style x:Key="myListboxStyle">
<Style.Resources>
    <!-- Background of selected item when focussed -->
    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Red" />                
    <!-- Background of selected item when not focussed -->
    <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Green" />
</Style.Resources>

为什么我做了 . 然后我将Style =“”添加到我的ListBox中,但没有变化 .

Question 3 :你试过通过ItemContainerStyle做到了吗?

当然是兄弟 . ItemContainerStyle从我在顶部显示的内容改为:

<ListBox.ItemContainerStyle>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="Canvas.Left" Value="{Binding CanvasLeft}"/>
                <Setter Property="Canvas.Top" Value="{Binding CanvasTop}"/>
                <EventSetter Event="PreviewMouseLeftButtonDown" Handler="lb_PreviewMouseLeftButtonDown" />


                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True" >
                            <Setter Property="Background" Value="Red" />
                        </Trigger>
                    </Style.Triggers>
                    <Style.Resources>
                        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Red"/>
                    </Style.Resources>
                </Style>
        </ListBox.ItemContainerStyle>

没变 . 仍然没有看到任何亮点 .

Question 4 :它看起来像什么?

像这样:

enter image description here

不要担心线条 - 它们没有关联(我不管怎么说) . 但是关于它们的相关变化,我有两个ListBox . 第一个是行,它使用与Thumbs相同的数据 . 一个坐在另一个上面(拇指一个在上面) .

谢谢你的时间 .

1 回答

  • 0

    这里的问题是(我以前遇到过这个,很明显我没有学到这一点)是Canvas似乎默认为非常小的尺寸 . 所以包含拇指的Canvas很小,即使可以清楚地看到节点本身 .

相关问题