Question

我有一个WPF项目（C＃，Visual Studio 2010，MVVM）。

在这个项目中，我有一个ListBox。当我选择物品时，我的物体周围会出现一个蓝色的盒子，我不确定盒子的来源。显然它与选择有关，但我不确定要改变什么来让它消失。

列表框在这里：

<ListBox ItemsSource="{Binding ChatNodeListViewModel.ChatNodeVMs, Source={StaticResource Locator}}" Background="Transparent" Name="LbNodes" SelectedItem="{Binding ChatNodeListViewModel.SelectedNode, Source={StaticResource Locator}}" >
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas HorizontalAlignment="Left" VerticalAlignment="Top" Width="2000" Height="1600"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Setter Property="Canvas.Left" Value="{Binding XCoord}"/>
                    <Setter Property="Canvas.Top" Value="{Binding YCoord}"/>
                    <EventSetter Event="PreviewMouseLeftButtonDown" Handler="lb_PreviewMouseLeftButtonDown" />

                </Style>
            </ListBox.ItemContainerStyle>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Thumb Name="myThumb" Template="{StaticResource NodeVisualTemplate}">

                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="DragDelta">
                                    <cmd:EventToCommand Command="{Binding ChatNodeListViewModel.DragDeltaCommand, Source={StaticResource Locator}}" PassEventArgsToCommand="True"/>
                                </i:EventTrigger>

                            </i:Interaction.Triggers>
                        </Thumb>
                    </Grid>
                    <DataTemplate.Triggers>
                        <DataTrigger Binding="{Binding NodeVisualMode}" Value="0">
                            <Setter TargetName="myThumb" Property="Template" Value="{StaticResource NodeVisualTemplate}" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding NodeVisualMode}" Value="1">
                            <Setter TargetName="myThumb" Property="Template" Value="{StaticResource NodeTemplateTest}" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding NodeVisualMode}" Value="2">
                            <Setter TargetName="myThumb" Property="Template" Value="{StaticResource NodeTemplateTest2}" />
                        </DataTrigger>

                    </DataTemplate.Triggers>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

有一个主要的ControlTemplate可以为其他人切换（主要是NodeVisualTemplate）。但由于这个问题似乎发生在所有这些问题上，我倾向于相信它在树上更进一步。

尽管如此，我确实做了一些测试，并将在此处显示：

<ControlTemplate x:Key="NodeVisualTemplate">
            <Grid>
                <Border x:Name="_Border" Padding="1" SnapsToDevicePixels="true" BorderThickness="3" Margin="2" CornerRadius="5,5,5,5" BorderBrush="SteelBlue"                     Visibility="Visible">

                </Border>

            </Grid>
            <ControlTemplate.Triggers>
                <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=ListBoxItem}}" Value="true">
                    <Setter TargetName="_Border" Property="Effect">
                        <Setter.Value>
                            <DropShadowEffect ShadowDepth="0" Color="Black" Opacity="1" BlurRadius="20" />
                        </Setter.Value>
                    </Setter>
                    <Setter TargetName="_Border" Property="Background" Value="Transparent"/>
                </DataTrigger>

            </ControlTemplate.Triggers>
        </ControlTemplate>

在这个模板顶部的边框内有一些文本框和内容，但我并不怀疑它们是这件事的一部分。关键是我已经改变了这个控件模板的背景。它在上面的XAML中是“透明的”，但我已将其更改为红色和其他颜色进行测试。它没有摆脱围绕ListBoxItem的蓝色方块。

这是我得到的可怕蓝色背景的图像：

我可以摆脱它吗？老实说，我真的很茫然。

感谢。

编辑：我应该提一下我尝试过的其他相当重要的内容。我在上面的ListBox.ItemContainerStyle部分中找到了一个图层，就在这一行下面：

<EventSetter Event="PreviewMouseLeftButtonDown" Handler="lb_PreviewMouseLeftButtonDown" />

我补充说：

<Style.Triggers>
                        <Trigger Property="IsSelected" Value="True" >
                            <Setter Property="FontWeight" Value="Bold" />
                            <Setter Property="Background" Value="Transparent" />
                            <Setter Property="Foreground" Value="Black" />
                        </Trigger>
                    </Style.Triggers>

有效吗？不，它没有。它没有摆脱大蓝盒子。它确实使我的字体变粗，所以我知道它至少有这种效果。

Answer 1

我认为这是一个＆＃34;标准＆＃34;事情，wpf在ListBoxes中为你做的。它会为您突出显示当前选定的项目。我在这里找到了一个类似的帖子：WPF ListBox, how to hide border and change selected item background color?

他们通过将此代码添加到列表框并将HighlightBrushKey设置为此ListBox的透明来修复它，您是否尝试过这种情况？

<ListBox BorderThickness="0" HorizontalContentAlignment="Stretch"  >
    <ListBox.Resources>
        <Style TargetType="ListBoxItem">
            <Style.Resources>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/>
            </Style.Resources>
        </Style>
    </ListBox.Resources>                
</ListBox>

Answer 2

你的Thumb仍然在ListBoxItem中生成，它具有自己的ControlTemplate。你需要放入你的ListBoxItem样式，一个模板的Setter，并且只放在那里：

<ControlTemplate TargetType="ListBoxItem">
    <ContentPresenter ContentSource="Content"/>
</ControlTemplate>

列表框项目选择

2 个答案: