列表框设计问题

Question

我正在尝试设计一些不错的列表框，但每次我点击列表框中的项目 选择背景毁了一切...... 我怎么能把它变得无关紧要？

这是XAML：

<!-- Site List View -->
<ListBox Grid.Row="1" Name="SiteListBox" ItemsSource="{Binding}" HorizontalContentAlignment="Stretch">
    <ListBox.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="White" Offset="0" />
            <GradientStop Color="Gainsboro" Offset="0.805" />
        </LinearGradientBrush>
    </ListBox.Background>
    <ListBox.ItemContainerStyle>
        <Style>
            <Setter Property="Control.Padding" Value="0"></Setter>
            <Style.Triggers>
                <Trigger Property="ListBoxItem.IsSelected" Value="True">
                    <Setter Property="ListBoxItem.Background" Value="DarkRed" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ListBox.ItemContainerStyle>
    <ListBox.ItemTemplate>
        <DataTemplate>
                <Border Margin="5" BorderThickness="1" BorderBrush="SteelBlue" CornerRadius="4"
                        Background="{Binding Path=Background, RelativeSource={
                        RelativeSource
                        Mode=FindAncestor,
                        AncestorType={x:Type ListBoxItem}
                        }}">
                    <TextBlock Margin="5" Text="{Binding Path=Name}" />
                </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

a还附有一个打印屏幕。

Answer 1

您可以更改ListBoxItem容器IsSelected的默认颜色。将它们设置为Transparent以获得您之后的效果

<ListBox ...>
    <ListBox.Resources>
        <!-- Brush for selected item that doesn't have focus -->
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
        <!-- Brush for selected item that has focus -->
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/>
    </ListBox.Resources>
    <!-- ... -->
</ListBox>