WPF | 跟着视频敲代码5 | 数据模板 DataTemplate

视频链接：https://www.bilibili.com/video/BV1nY411a7T8?p=4

笔记：

DataTemplate：数据模板 

 <ListBox x:Name="list" >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Border Width="10" Height="10" Background="Red"></Border>
                        <TextBlock Margin="10,0" Text="Red"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>        List<int> test = new List<int>();

?

1 2 3 4 5

<em id="__mceDel">            for (var i = 0; i < 10; i++)             {                 test.Add(i);             }             list.ItemsSource = test;<br><br><br>或者：前端使用Binding连接<br><br></em>

public class Color
{
public string Code { get; set; }
public string Name { get; set; }
}

 

List<Color> test = new List<Color>();
test.Add(new Color() { Code = "#FFB6C1", Name = "粉红色" });
test.Add(new Color() { Code = "#FF0000", Name = "红色" });
list.ItemsSource = test;

 

<ListBox x:Name="list" >
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Border Width="10" Height="10" Background="{Binding Code}"></Border>
<TextBlock Margin="10,0" Text="{Binding Name}"></TextBlock>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>