我有一个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 :它看起来像什么?
像这样:
不要担心线条 - 它们没有关联(我不管怎么说) . 但是关于它们的相关变化,我有两个ListBox . 第一个是行,它使用与Thumbs相同的数据 . 一个坐在另一个上面(拇指一个在上面) .
谢谢你的时间 .
1 回答
这里的问题是(我以前遇到过这个,很明显我没有学到这一点)是Canvas似乎默认为非常小的尺寸 . 所以包含拇指的Canvas很小,即使可以清楚地看到节点本身 .