WPF数据绑定（四）

1、DataTemplate

上一部分已经讲了itemsource绑定，功能虽然实现了但是还是有点土，内容太单一了，如果能够修改listbox的界面，让更多的元素展示出来就完美了。

DataTemplate就可以实现这个。

            <TabItem Header="DataTemplate">
                <ListBox Name="lisboxDataTemplatebinding">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{Binding Path=Id}"/>
                                <TextBlock Text="{Binding Path=Name}"/>
                                <TextBlock Text="{Binding Path=Age}"/>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
                
            </TabItem>

    public partial class MainWindow : Window
    {
        private void DataTemplateBinding()
        {
            List<Student> stus = new List<Student>()
            {
                new Student(){Id="1", Name="Tom", Age="15"},
                new Student(){Id="2", Name="Jim", Age="15"},
                new Student(){Id="3", Name="Lily", Age="15"},
                new Student(){Id="4", Name="Lucy", Age="15"},
                new Student(){Id="5", Name="Tim", Age="15"}
            };
            lisboxDataTemplatebinding.ItemsSource = stus;
        }
    }

DataTemplate就好比是数据的外衣，它能够决定数据是用什么样的方式展示出来，这里我们展示了三个数据，Id name 和age，将这三个数据分别绑定到一个textblock控件上，而这三个textblock放在一个stackpanel中，组成了listbox的以一个item。

在XAML中将每一个textblock绑定的path设定好，在代码里面设定listbox的itemsource。

2、XML绑定

C#可以直接从XML读取数据，并且展示出来

<?xml version="1.0" encoding="utf-8" ?>
<students>
  <student Id="1">
    <Name>Tom</Name>
  </student>
  <student Id="2">
    <Name>Lucy</Name>
  </student>
  <student Id="3">
    <Name>Lily</Name>
  </student>
  <student Id="4">
    <Name>Jim</Name>
  </student>
  <student Id="5">
    <Name>Tim</Name>
  </student>
  <student Id="6">
    <Name>Tony</Name>
  </student>
</students> 

            <TabItem Header="XML">
                <StackPanel>
                    <ListView Name="listviewXML">
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="ID" DisplayMemberBinding="{Binding XPath=@Id}"/>
                                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding XPath=Name}"/>
                            </GridView>
                        </ListView.View>
                    </ListView>
                    <Button Content="Load XML" Click="ButtonXML_Click_1" />
                </StackPanel>
            </TabItem>

    public partial class MainWindow : Window
    {
        private void ButtonXML_Click_1(object sender, RoutedEventArgs e)
        {
            XmlDataProvider xpd = new XmlDataProvider();
            xpd.Source = new Uri(@"..\..\StuInfo.xml",UriKind.Relative);
            xpd.XPath = @"/students/student";

            listviewXML.DataContext = xpd;
            listviewXML.SetBinding(ListView.ItemsSourceProperty, new Binding());
        }
    }

XML数据绑定需要使用XmlDataProvider类，同样的，数据绑定需要配置好source和path两个类，因为是XML所以这里使用的是Xpath，可以很方便的帮助我们定位到需要的元素，关于Xpath的相关知识可以点击这里：http://www.w3school.com.cn/xpath/index.asp

<GridViewColumn Header="ID" DisplayMemberBinding="{Binding XPath=@Id}"/>

<GridViewColumn Header="Name" DisplayMemberBinding="{Binding XPath=Name}"/>

注意这两句， XPath=@Id和XPath=Name，@表示元素的属性，而不带@表示的是子元素。