WPF入门教程系列十七——WPF中的数据绑定(三)

偏执的太偏执、 2024-03-17 11:03 54阅读 0赞

这次我们来学习新的绑定知识，XML数据绑定。XmlDataProvider 用来绑定 XML 数据，该XML数据可以是嵌入.Xmal文件的 XmlDataProvider 标记中，也可以是外部位置引用的文件中。

当然嵌入式 XML 内容必须置于 XmlDataProvider 内部的 <x:XData> 标记中，而且不容易修改，所以建议使用XML数据文件形式。对于 XmlDataProvider 必须命名一个 x:Key 值，以便数据绑定目标可对其进行引用。

XmlDataProvider 也可以指向 XML 内容的外部源。例如，项目中一个 colors.xml 文件，文件的内容就是一个颜色列表。需要在 <StackPanel.Resources>

中添加一个 XmlDataProvider 资源，并将其的Source设置为 XML 文件名即可。 代码与XML文件如下。

![e7a4f8be8be28bd8467645c9248f20cf.gif][]

![708440445be4b6daa509669fa474c83d.gif][]

XML文件:

![46d9642affb9b298166abf84088040a7.gif][]

<?xml version="1.0" encoding="utf-8" ?>
    
     <colors >
    
                                <color name="Pink"/>
    
                                <color name="Red"/>
    
                                <color name="Purple"/>
    
                                <color name="Cyan"/>
    
                                <color name="Gray"/>
    
                                <color name="Turquoise"/>
    
           </colors>

![8d0b9de8f7364857dd073ca8e13fee22.gif][]

资源绑定语法与控件绑定语法略有不同。绑定到控件时，可以设置绑定的 ElementName 和 Path 属性。但是绑定到资源时，需要设置 Source 属性，由于我们是绑定到 XmlDataProvider，所以还要设置绑定的 XPath 属性。例如，下列代码可将 ListBox 的项绑定 MyColors资源。将 Source 属性设置为资源，并将其指定为名为 MyColors 的 StaticResource。XPath 属性指示项会绑定到 XML 数据源中 <color> 元素的name属性：

![77d7f938d6340689e6dd3ad3302702c1.gif][]

![06e11c1bb45b21c917258d80bf9ae28e.gif][]

结果如下图：

![988298ceb01b12abaf408b141810ad42.png][]

## 五、对象绑定和数据模板 ##

虽然 XmlDataProvider 对 XML 非常有用，但是当您想绑定到对象或对象列表时，可以创建 ObjectDataProvider 作为资源。ObjectDataProvider 的 ObjectType 指定将提供数据绑定源的对象，而 MethodName 则指示为获得数据而需调用的方法。例如，假设我有一个名为 StudentService 的类，该类使用一种名为 GetStudentList的方法来返回列表 <Student>。那么 ObjectDataProvider 应该如下所示：

![791d935c263e08a7b76e2d62fd539648.gif][]

<StackPanel.Resources>
    
         <ObjectDataProvider x:Key="students"  ObjectType="{x:Type local:StudentService}" MethodName="GetStudentList">
    
     
    
                    </ObjectDataProvider>
    
    </StackPanel.Resources>

![c7f647835a2be64aded37fb7ad1509ad.gif][]

ObjectDataProvider 还可以使用许多其他属性。ConstructionParameters 属性允许您将参数传递给要调用的类的构造函数。此外，可以使用 MethodParameters 属性来指定参数，同时还可以使用 ObjectInstance 属性来指定现有的对象实例作为源。

如果希望异步检索数据，可以将 ObjectDataProvider 的 IsAsynchronous 属性设为 true。这样，用户将可以在等待数据填充绑定到 ObjectDataProvider 的源的目标控件时与屏幕进行交互。

在添加 ObjectDataProvider 时，必须限定数据源类的命名空间。在本例中，我必须将 xmlns 属性添加到 <Window> 标记中，以便 local 快捷方式符合要求，并指示正确的命名空间：

xmlns:local="clr-namespace:WpfApp1.Services"

既然数据源已通过 ObjectDataProvider 定义，接下来就是如何将数据显示在 ListBox 控件。我要把姓名、年龄、出生日期、国籍在每个 ListBoxItem 中一行显示。姓名用粗体，年龄、出生日期、国籍使用默认字体显示。这在 XAML 中，通过使用数据模板（DataTemplate）很容易实现的，DataTemplate 允许您定义自己的显示样式。

如下代码，在XAML代码中我将 DataTemplate 定义成如何显示Student信息的布局样式。我通过设置 DataTemplate 的 DataType 属性为students，告诉 DataTemplate 将要引用 Student类型。

我将对象数据students绑定到 ListBox 的 ItemsSource 属性，这样就把将数据绑定到 ListBox了，但是我没有指定如何显示绑定的数据，显示样式是通过将 ItemTemplate 属性设置为 studentLayout资源（即 DataTemplate 的键名），就可以根据我之前在模板中设计的显示样式显示数据了。最终结果如**下图** 所示。

![3b628b5efd208d8546d15424338be509.png][]

XMAL代码：

![791d935c263e08a7b76e2d62fd539648.gif][]

![8d0b9de8f7364857dd073ca8e13fee22.gif][]

c\#代码如下：

![791d935c263e08a7b76e2d62fd539648.gif][]

using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;
    using WpfApp1.Models;
    
    namespace WpfApp1.Services
    {
       public class StudentService
        {
           public List<Student> GetStudentList()
           {
               Student liang = new Student();
               liang.Age = "18";
               liang.Name = "梁丘";
               liang.Birthday = "1990-02-03";
               liang.Country = "中国";
               Student zuo = new Student();
               zuo.Age = "22";
               zuo.Name = "左丘";
               zuo.Birthday = "1992-02-03";
               zuo.Country = "中国";
               Student diwu = new Student();
               diwu.Age = "32";
               diwu.Name = "第五言";
               diwu.Birthday = "1982-11-03";
               diwu.Country = "中国";
               Student yang = new Student();
               yang.Age = "12";
               yang.Name = "羊舌微";
               yang.Birthday = "2002-11-13";
               yang.Country = "中国";
               List<Student> personList = new List<Student>();
               personList.Add(liang);
               personList.Add(zuo);
               personList.Add(diwu);
               personList.Add(yang);
               return personList;
           }
    
        }
    }

![3f59e25586fddd9ff47c31e3583c73c2.gif][]

[e7a4f8be8be28bd8467645c9248f20cf.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/7c8f4f0d3b3f460ea15c71711b429c9e.png
[708440445be4b6daa509669fa474c83d.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/e6f94bf5655d48d2a2807e0983cf2d8c.png
[46d9642affb9b298166abf84088040a7.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/783556b654034c0eb6a43b51798a273c.png
[8d0b9de8f7364857dd073ca8e13fee22.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/acdc18dee12e49f48477d49392f0f2b2.png
[77d7f938d6340689e6dd3ad3302702c1.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/cb640d29837f41a58db785902a3bc3a6.png
[06e11c1bb45b21c917258d80bf9ae28e.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/74134e062f8a41ccbd2b9d7531145cf2.png
[988298ceb01b12abaf408b141810ad42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1b88d20e4d124453864d320570756af6.png
[791d935c263e08a7b76e2d62fd539648.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/180edc0f877f4776b8740684596d180d.png
[c7f647835a2be64aded37fb7ad1509ad.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/5f2c4af5ab2c40be89d33bdbc9008aca.png
[3b628b5efd208d8546d15424338be509.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/7161f7599fac4afd84596a112f5e8b71.png
[3f59e25586fddd9ff47c31e3583c73c2.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/dbc6052b0aaf49a59280176dd2bcb20c.png