WPF基础入门-Class3-WPF数据模板

WPF基础入门

Class3:WPF数据模板

1、先在cs文件中定义一些数据

cs 复制代码
public partial class Class_4 : Window
    {
        public Class_4()
        {
            InitializeComponent();
            List<Color> test = new List<Color>();
            test.Add(new Color() { Code = "Yellow", Name = "Red" });
            test.Add(new Color() { Code = "#00FF00", Name = "Green" });
            test.Add(new Color() { Code = "#0000FF", Name = "Blue" });
            //数据绑定到list
            list.ItemsSource = test;
        }
    }
    public class Color
    {
        public string Code { get; set;}

        public string Name { get; set; }
    }

2、xaml中编写模板

xml 复制代码
<Grid>
        <!--WPF数据模板-->
        <ListBox x:Name="list">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <!--通过Binding绑定了Background和Text 不用再业务代码cs中穿插控件操作-->
                        <Border
                            Width="10"
                            Height="10"
                            Background="{Binding Code}"></Border>
                        <TextBlock Margin="10, 0" Text="{Binding Name}"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
</Grid>

3、效果:

相关推荐
CsharpDev-奶豆哥1 小时前
ASP.NET中for和foreach使用指南
windows·microsoft·c#·asp.net·.net
The Sheep 20234 小时前
WPF自定义路由事件
大数据·hadoop·wpf
阳光雨滴4 小时前
使用wpf用户控件编程落石效果动画
c++·wpf
cimeo5 小时前
【C 学习】12.2-函数补充
学习·c#
wuty0075 小时前
WPF 调用 ChangeWindowMessageFilterEx 修改指定窗口 (UIPI) 消息筛选器的用户界面特权隔离
wpf·sendmessage·changewindowmessagefilterex·uip·消息筛选器的用户界面特权隔离·window message
晚枫~8 小时前
零基础快速上手Playwright自动化测试
javascript·python·测试工具·c#·自动化
爱编程的鱼8 小时前
C# 变量详解:从基础概念到高级应用
java·算法·c#
cimeo9 小时前
【C学习】13-数组使用与运算
学习·c#
攻城狮CSU11 小时前
WPF中核心接口 INotifyPropertyChanged
wpf
c#上位机11 小时前
wpf之Interaction.Triggers
c#·wpf