首页 > 代码库 > wpf 模板选择器DataTemplateSelector及动态绑定，DataTemplate.Triggers触发器的使用

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

2024-08-17 07:23:44   220人阅读

通常，如果有多个 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=http://www.mamicode.com/"男" Binding="{Binding Path=sex}">
                    <Setter TargetName="skp" Property="Background" Value=http://www.mamicode.com/"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; }
        
    }

 

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


联系
我们