WPF数据模板用法

陈先生☁

已于 2022-12-11 21:15:36 修改

阅读量145

点赞数

分类专栏： WPF 文章标签： wpf

于 2022-12-11 20:36:11 首次发布

本文链接：https://blog.csdn.net/qq_45057298/article/details/128278469

版权

WPF 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

优点：方便维护，根据数据产生ui

Xmal：

<ListBox x:Name="list">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <Border Width="10" Height="10" Margin="5" Background="{Binding name}"/>
                    <TextBlock Text="{Binding text}" Margin="15"  />
                </StackPanel>
            </DataTemplate>

        </ListBox.ItemTemplate>
    </ListBox>

Xmal.cs

 public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            List<color> ColorList = new List<color>();
            ColorList.Add(new color() { name="#deab8a", text="赤白橡" });
            ColorList.Add(new color() { name = "#fedcbd", text = "肌色" });
            ColorList.Add(new color() { name = "#f47920", text = "橙色" });
            ColorList.Add(new color() { name = "#905a3d", text = "灰茶" });
            list.ItemsSource = ColorList; 
        }
        
    }
    public class color
    {
        public string name { get; set; }
        public string text { get; set; }
    }

运行效果：

DataGrid使用数据模板

xmal

 <DataGrid x:Name="list" AutoGenerateColumns="False" CanUserAddRows="False">
        <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding name}" Header="Name"/>
            <DataGridTextColumn Binding="{Binding text}" Header="Text"/>
            <DataGridTemplateColumn Header="操作">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Button Content="删除"/>
                            <Button Content="复制"/>
                            <Button Content="保存"/>
                        </StackPanel>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>

xmal.cs

/// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            List<color> ColorList = new List<color>();
            ColorList.Add(new color() { name="#deab8a", text="赤白橡" });
            ColorList.Add(new color() { name = "#fedcbd", text = "肌色" });
            ColorList.Add(new color() { name = "#f47920", text = "橙色" });
            ColorList.Add(new color() { name = "#905a3d", text = "灰茶" });
            list.ItemsSource = ColorList; 
        }
        
    }
    public class color
    {
        public string name { get; set; }
        public string text { get; set; }
    }

运行效果：