WPF DataTrigger的使用方法

效果如下

后台代码

using Microsoft.Toolkit.Mvvm.ComponentModel;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Globalization;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Data;

namespace MvvmToolkit学习
{
    public enum EGender
    {
        [Description("男")]
        Men,

        [Description("女")]
        Women,

        [Description("其他")]
        Other
    }

    public class DataTriggerViewModel : ObservableValidator
    {
        public DataTriggerViewModel()
        {
            var stu1 = new Student()
            {
                Id = 1,
                Name = "黄蓉",
                Age = 16,
                Gender = EGender.Women,
                Height = 1.6,
                Description = "桃花岛主女儿"
            };
            var stu2 = new Student()
            {
                Id = 2,
                Name = "郭靖",
                Age = 18,
                Height = 1.8,
                Gender = EGender.Men,
                Description = "金刀驸马",
            };
            var stu3 = new Student()
            {
                Id = 3,
                Name = "欧阳克",
                Age = 24,

                Gender = EGender.Men,
                Height = 1.8,
                Description = "大坏蛋",
            };
            var stu4 = new Student()
            {
                Id = 4,
                Name = "穆念慈",
                Age = 18,
                Height = 1.6,
                Gender = EGender.Women,
                Description = "美女"
            };
            var stu5 = new Student()
            {
                Id = 5,
                Name = "杨康",
                Age = 18,
                Height = 1.7,
                Gender = EGender.Men,
                Description = "大坏蛋",
            };
            Students = new ObservableCollection<Student>();
            Students.Add(stu1);
            Students.Add(stu2);
            Students.Add(stu3);
            Students.Add(stu4);
            Students.Add(stu5);
        }

        public ObservableCollection<Student> Students { get; set; }
    }

    public class HeightValueConverter : IValueConverter
    {
        public double Height { get; set; } = 1.5d;

        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value == null)
            {
                return false;
            }
            var height = System.Convert.ToDouble(value);
            return height >= Height;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

    public class Student : ObservableObject
    {
        private int _age;
        private string _description;
        private EGender _gender;
        private double _height;
        private int _id;
        private string _name;

        public int Age
        {
            get => _age;
            set => SetProperty(ref _age, value);
        }

        public string Description
        {
            get => _description;
            set => SetProperty(ref _description, value);
        }

        public EGender Gender
        {
            get => _gender;
            set => SetProperty(ref _gender, value);
        }

        public double Height
        {
            get => _height;
            set => SetProperty(ref _height, value);
        }

        public int Id
        {
            get => _id;
            set => SetProperty(ref _id, value);
        }

        public string Name
        {
            get => _name;
            set => SetProperty(ref _name, value);
        }
    }
}

前台代码

<Window
    x:Class="MvvmToolkit学习.DataTriggerView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:MvvmToolkit学习"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:pu="clr-namespace:Panuon.UI.Silver;assembly=Panuon.UI.Silver"
    Title="DataTriggerView"
    Width="800"
    Height="450"
    d:DataContext="{d:DesignInstance Type=local:DataTriggerViewModel}"
    mc:Ignorable="d">
    <Window.Resources>
        <local:HeightValueConverter x:Key="HeightConverter" Height="1.7" />
        <Style x:Key="Normal" TargetType="TextBlock">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="FontSize" Value="18" />
            <Setter Property="Margin" Value="10,0" />
        </Style>
        <DataTemplate x:Key="StudentDatatemplate" DataType="{x:Type local:Student}">
            <Grid
                x:Name="BoundaryGrid"
                Width="450"
                Margin="5,10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="2*" />
                    <ColumnDefinition Width="6*" />
                    <ColumnDefinition Width="3*" />
                    <ColumnDefinition Width="4*" />
                    <ColumnDefinition Width="4*" />
                    <ColumnDefinition Width="8*" />
                </Grid.ColumnDefinitions>
                <TextBlock
                    x:Name="IdTextBlock"
                    Grid.Column="0"
                    Style="{StaticResource Normal}"
                    Text="{Binding Id}" />
                <TextBlock
                    x:Name="NameTextBlock"
                    Grid.Column="1"
                    Style="{StaticResource Normal}"
                    Text="{Binding Name}" />
                <ComboBox
                    Grid.Column="2"
                    pu:ComboBoxHelper.BindToEnum="{x:Static local:EGender.Men}"
                    SelectedValue="{Binding Gender}" />
                <TextBlock
                    Grid.Column="3"
                    Style="{StaticResource Normal}"
                    Text="{Binding Age}" />
                <TextBlock
                    x:Name="HeightTextBlock"
                    Grid.Column="4"
                    Style="{StaticResource Normal}"
                    Text="{Binding Height}" />
                <TextBlock
                    Grid.Column="5"
                    Style="{StaticResource Normal}"
                    Text="{Binding Description}" />
            </Grid>
            <DataTemplate.Triggers>
                <!--  当Age=16时候，改变文本的Foreground  -->
                <DataTrigger Binding="{Binding Age}" Value="16">
                    <Setter TargetName="IdTextBlock" Property="TextBlock.Foreground" Value="Blue" />
                </DataTrigger>
                <!--  设置性别的颜色  -->
                <DataTrigger Binding="{Binding Gender}" Value="{x:Static local:EGender.Women}">
                    <Setter TargetName="NameTextBlock" Property="TextBlock.Background" Value="Pink" />
                </DataTrigger>
                <DataTrigger Binding="{Binding Gender}" Value="{x:Static local:EGender.Men}">
                    <Setter TargetName="NameTextBlock" Property="TextBlock.Background" Value="LightBlue" />
                </DataTrigger>
                <!--  设置高度的颜色  当高度>1.7的时候设置背景色(使用转换器)  -->
                <DataTrigger Binding="{Binding Height, Converter={StaticResource HeightConverter}}" Value="True">
                    <Setter TargetName="HeightTextBlock" Property="TextBlock.Background" Value="Green" />
                </DataTrigger>
                <!--  多条件触发，Men和Description为大坏蛋的时候 禁用控件同时设置背景颜色  -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Gender}" Value="{x:Static local:EGender.Men}" />
                        <Condition Binding="{Binding Description}" Value="大坏蛋" />
                    </MultiDataTrigger.Conditions>
                    <Setter TargetName="BoundaryGrid" Property="Grid.IsEnabled" Value="False" />
                    <Setter TargetName="BoundaryGrid" Property="Grid.Background" Value="Gray" />
                </MultiDataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </Window.Resources>

    <Grid>
        <ListBox ItemTemplate="{StaticResource StudentDatatemplate}" ItemsSource="{Binding Students}" />
    </Grid>
</Window>