wpf 模板选择器DataTemplateSelector及动态绑定,DataTemplate.Triggers触发器的使用

通常,如果有多个 DataTemplate 可用于同一类型的对象,并且您希望根据每个数据对象的属性提供自己的逻辑来选择要应用的 DataTemplate,则应创建 DataTemplateSelector。请注意,如果具有不同类型的对象,则可以对 DataTemplate 设置 DataType 属性。如果您执行了此操作,则无需创建 DataTemplateSelector。此外,如果对象类型相同但属性不同,也可以考虑使用 DataTrigger 或数据转换器。
通俗讲,就是根据不同的数据选择不同的模板。接下来,我用一个例子来讲述DataTemplateSelector和动态绑定的使用方法。

下面例子如图,只要年龄大于50的使用一种模板,否则另一种模板,并在年龄大于50的模板中是男性的添加触发器使用背景变成蓝色的。

 

1、创建模板选择器

复制代码
   public class MyDataTemplateSelector : DataTemplateSelector
    {
        public override DataTemplate SelectTemplate(object item, DependencyObject container)
        {
            var fe = container as FrameworkElement;
            var obj = item as Person;
            DataTemplate dt = null;
            if (obj != null && fe != null)
            {
                if (obj.age > 50)
                    dt = fe.FindResource("one") as DataTemplate;
                else
                    dt = fe.FindResource("two") as DataTemplate;

            }
            return dt;
        }
    }
复制代码

2、界面设计:

复制代码
<Window x:Class="WpfApplication5.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfApplication5"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:MyDataTemplateSelector  x:Key="mydt"></local:MyDataTemplateSelector>
        <DataTemplate x:Key="one">
            <Border BorderThickness="2" BorderBrush="red" Background="AliceBlue">
                <StackPanel Orientation="Horizontal" Name="skp" >
                    <TextBlock Text="{Binding name}" Margin="10"></TextBlock>
                    <TextBlock Text="{Binding age}" Margin="10"></TextBlock>
                    <TextBlock Text="{Binding sex}" Margin="10"></TextBlock>
                </StackPanel>
            </Border>
            <DataTemplate.Triggers>
                <DataTrigger  Value="" Binding="{Binding Path=sex}">
                    <Setter TargetName="skp" Property="Background" Value="CornflowerBlue" />
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
        <DataTemplate x:Key="two" >
            <Border BorderThickness="1" BorderBrush="Blue" Background="YellowGreen" Padding="5" >
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding name}"  Margin="10"></TextBlock>
                    <TextBlock Text="{Binding age}" Margin="10"></TextBlock>
                    <TextBlock Text="{Binding sex}" Margin="10"></TextBlock>
                </StackPanel>
            </Border>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <ListBox Name="lb" ItemTemplateSelector="{StaticResource mydt}">
            
        </ListBox>
    </Grid>
</Window>
复制代码

 

3、后台:

复制代码
  public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            LoadData();
            lb.ItemsSource = list;
        }
        public List<Person> list { get; set; }
        public void LoadData()
        {
            Random r = new Random();
            list = new List<Person>();
            for (int i = 0; i < 10; i++)
            {
                list.Add(new Person
                {
                    name = "张三" + i,
                    age = r.Next(100)
                });
            }
        }
    }
    public class Person
    {
        public string name { get; set; }
        public int age { get; set; }
        
    }
复制代码

 

posted @   lunawzh  阅读(12058)  评论(1编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示