WPF ListView 鼠标点击,移动改变背景色不启作用

构建数据源

XML 复制代码
 <Window.Resources>
        <x:ArrayExtension x:Key="stringList"
                          xmlns="clr-namespace:System;assembly=mscorlib"
                          Type="String">
            <String>第一行</String>
            <String>第二行</String>
            <String>第三行</String>
            <String>第四行</String>
        </x:ArrayExtension>
    </Window.Resources>
  1. <ListView.ItemContainerStyle> + <ListView.View> 可以生效,背景色变颜色,

ListView.ItemContainerStyle 中存放触发器

ListView.View中存放数据

这样只能按列显示多列多行,不能多行多列作为一项显示

如下所示:

XML 复制代码
 <ListView Grid.Row="0" Name="ItemList" ItemsSource="{StaticResource stringList}" >
            <ListView.ItemContainerStyle>
                <Style TargetType="{x:Type ListViewItem}">
                    <Setter Property="FontSize" Value="15" />
                    <Setter Property="Margin" Value="0,-40,0,40" />
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Background" Value="#9C71B9" />
                            <Setter Property="Foreground" Value="white" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="Green" />
                            <Setter Property="Foreground" Value="white" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Background" Value="#757575" />
                            <Setter Property="Foreground" Value="black" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.View>
                <GridView>
                    <GridViewColumn>
                        <GridViewColumn Header="Name" Width="120" DisplayMemberBinding="{Binding}" />
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
  1. <ListView.ItemContainerStyle> + <ListView.ItemTemplate> 不生效,背景色不改变颜色,

ListView.ItemContainerStyle 中存放触发器

ListView.ItemTemplate中存放数据

如下所示:

XML 复制代码
        <ListView  Name="ItemList" ItemsSource="{StaticResource stringList}">
            <ListView.ItemContainerStyle>
                <Style TargetType="{x:Type ListViewItem}">
                    <Setter Property="FontSize" Value="15" />
                    <Setter Property="Margin" Value="0,-40,0,40" />
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Background" Value="#9C71B9" />
                            <Setter Property="Foreground" Value="white" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="Green" />
                            <Setter Property="Foreground" Value="white" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel >
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding }" Height="30"  Name="Label_Amount" Width="100" Foreground="White"/>

                        </StackPanel>
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
  1. 只有ListView.ItemContainerStyle,可以生效

数据放在<Setter Property="Template">里,触发器放在 <Style.Triggers>,如下所示:

XML 复制代码
<ListView   Width="300" Height="400" x:Name="celist" ItemsSource="{StaticResource stringList}" Background="Black">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="ListBoxItem">
                                <Border Background="{TemplateBinding Background}">
                                    <StackPanel >
                                        <StackPanel Orientation="Horizontal">
                                            <TextBlock Text="{Binding }" Height="30"  Name="Label_Amount" Width="100" Foreground="White"/>
                                           
                                        </StackPanel>
                                        <StackPanel HorizontalAlignment="Left"  Orientation="Horizontal">
                                            <TextBlock Text="{Binding }" Name="Label_ShortDescription" Width="200" Foreground="White"/>

                                        </StackPanel>
                                    </StackPanel>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>

                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Background" Value="#9C71B9" />
                            <Setter Property="Foreground" Value="white" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="Green" />
                            <Setter Property="Foreground" Value="white" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListView.ItemContainerStyle>
        </ListView>
相关推荐
可喜~可乐7 小时前
C# WPF开发
microsoft·c#·wpf
界面开发小八哥9 小时前
DevExpress WPF中文教程:Grid - 如何移动和调整列大小?(二)
ui·.net·wpf·界面控件·devexpress·ui开发
界面开发小八哥9 小时前
「实战应用」如何用图表控件SciChart WPF实现应用程序的DPI感知?
信息可视化·wpf·数据可视化·图表·scichart wpf·scichart
casual_clover14 小时前
Android 之 List 简述
android·list
小手cool2 天前
List反转的方法
list
明耀2 天前
WPF TabControl 设置item不能点击
wpf
军训猫猫头2 天前
20.抽卡只有金,带保底(WPF) C#
ui·c#·wpf
明耀2 天前
WPF 设置平均布局 如果隐藏的话,能够自动扩展
wpf
晚安苏州2 天前
WPF DataTemplate 数据模板
wpf
甜甜不吃芥末3 天前
WPF依赖属性详解
wpf