wpf-DataTemplate应用

在WPF中，决定数据外观的是DataTemplate，即DataTemplate是数据内容的表现形式，一条数据显示成什么样子，是简单的文本还是直观的图形，就是由DataTemplate决定的。
下面通过设计ListBox及ComboBox控件的DataTemplate，把单调的数据显示成直观的柱状图。

<Window x:Class="WpfDataTemplate.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <DataTemplate x:Key="MyItem">
            <StackPanel Orientation="Horizontal">
                <Grid>
                    <Rectangle Stroke="Yellow" Fill="Orange" Width="{Binding Price}"></Rectangle>
                    <TextBlock Text="{Binding Year}"></TextBlock>
                </Grid>
                <TextBlock Text="{Binding Price}"></TextBlock>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    
    <StackPanel>
        <ListBox ItemTemplate="{StaticResource MyItem}" x:Name="listBox1"></ListBox>
        <ComboBox ItemTemplate="{StaticResource MyItem}" x:Name="comboBox1"></ComboBox>
    </StackPanel>
</Window>

后台代码：

namespace WpfDataTemplate
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<Unit> units = new List<Unit>();
            Unit unit1 = new Unit() { Year = "2001", Price = 100 };
            Unit unit2 = new Unit() { Year = "2002", Price = 120 };
            Unit unit3 = new Unit() { Year = "2003", Price = 140 };
            Unit unit4 = new Unit() { Year = "2004", Price = 160 };
            Unit unit5 = new Unit() { Year = "2005", Price = 180 };
            units.Add(unit1);
            units.Add(unit2);
            units.Add(unit3);
            units.Add(unit4);
            units.Add(unit5);

            listBox1.ItemsSource = units;
            comboBox1.ItemsSource = units;
        }
    }

    public class Unit
    {
        public string Year { get; set; }
        public int Price { get; set; }
    }
}