WPF ItemTemplate绑定多个DataTemplate (多类型)

1.Xaml代码

<Window x:Class="Test.MainWindow"
        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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <ListView x:Name="list" ItemsSource="{Binding List}">
            <ListView.Resources>
                <DataTemplate DataType="{x:Type local:TA}">
                    <StackPanel Orientation="Horizontal">
                        <Label Width="50" Height="25" Content="{Binding MyPropertyA}"/>
                        <Label Width="50" Height="25" Content="{Binding My2PropertyA}"/>
                    </StackPanel>
                </DataTemplate>
                <DataTemplate DataType="{x:Type local:TB}">
                    <StackPanel Orientation="Horizontal">
                        <TextBox Width="50" Height="25" Text="{Binding MyPropertyB}"/>
                        <TextBox Width="50" Height="25" Text="{Binding My2PropertyB}"/>
                    </StackPanel>
                </DataTemplate>
                <DataTemplate DataType="{x:Type local:TC}">
                    <StackPanel Orientation="Horizontal">
                        <Button Width="50" Height="25" Content="{Binding MyPropertyC}"/>
                        <Button Width="50" Height="25" Content="{Binding My2PropertyC}"/>
                    </StackPanel>
                </DataTemplate>
            </ListView.Resources>
        </ListView>
    </Grid>
</Window>

2.ViwModel

  public class ViewModel
    {
        public List<object> List { get; set; }
        public ViewModel()
        {
            List = new List<object>();
            for (int i = 0; i < 3; i++)
            {
                List.Add(new TA() { My2PropertyA = i, MyPropertyA = i });
                List.Add(new TB() { My2PropertyB = i, MyPropertyB = i });
                List.Add(new TC() { My2PropertyC = i, MyPropertyC = i });
            }

        }
    }

3.数据绑定

    public partial class MainWindow : Window
    {

        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new ViewModel(); ;
        }

    }

运行结果:

 

结论:指定DataTemplate的type,数据绑定后listview数据模板会自动根据type,生成UI,实现根据类型绑定多个DataTemplate模板效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值