【Win 10应用开发】分阶段进行数据绑定

使用x:Bind扩展标记进行数据绑定，是在编译阶段完成，至于说性能优化方面，大概主要是优化CPU资源的使用，因为免去了运行阶段进行绑定的过程。当然，使用这个标记仅仅是绑定上的优化，并不包括数据源。数据源的合理提取就得看开发者的策略了，如果你要提取很大批量的数据放到内存中，那么，你是免不了要消耗大量内存的。这个事情，得看实际情况而定了，任何的优化都不是绝对的，个别情况下，不优化反而会更好。

x:Bind在界面绑定不经常变更的情况下用（数据一旦显示到界面，就不再改动），会好一些。如果数据更新频繁，估计Bind和Binding的效果差不多。

在使用x:Bind标记时，可以结合使用x:Phase标记，该标记指定一个整数值，该值是从0开始的，如0、1、2、3等。在数据加载时会根据x:Phase的值来排序，即Phase为0的先加载，1的次之，最后加载2的。Phase的使用有点像ZIndex值。Phase值越大，就越放在后面加载，但值不一定要连续的，你可以设置成0、1、3、4、7。

为啥要弄这玩意儿呢。主要是针对某个数据源实例的某些属性可能无法立刻返回内容的情况。比如，要加载一个山寨汽车的产品列表，可能每款汽车信息都会配上一张图片，以方便用户查看汽车的外观和造型。我们知道，如果数据是从网络上提取的话，图片可能会加载得较慢。要是等所有对象的所有属性都加载完成再显示到界面上，给用户的感觉很不好，你的应用就有可能被差评。

如果用上了x:Phase值，先把汽车型号、山寨厂商名字、配置参数等先加载，Phase设置为0；由于图片比较慢，就将它设为Phase = 1。如此一来，数据在提取时不再等待图片加载就直接显示到界面上；随后，当图片属性返回有效值了再慢慢把图片显示出来。虽然用户看不到山寨车的图片，但至少可以看到汽车的相关信息了。

 

好，说了那么多废话，咱们还是上实例吧。

首先，我定义了一个Student类，表示一位学生信息，至于说是哪个学校的学生，你就别管了，反正不是女子学校。

    public class Student
    {
        private string _name;
        private string _city;
        private int _age;
        private float _height;

        public string Name
        {
            get { return _name; }
            set { _name = value; }
        }
        public string City
        {
            get
            {
                Task.Delay(975).Wait();
                return _city;
            }
            set { _city = value; }
        }

        public int Age {
            get
            {
                Task.Delay(1100).Wait();
                return _age;
            }
            set { _age = value; }
        }
        public float Height {
            get
            {
                Task.Delay(1899).Wait();
                return _height;
            }
            set { _height = value; }
        }
    }

可能有小伙伴看不懂各个属性的get访问器里面是啥意思，如果真是这样，老周觉得应该拉你去批斗，说明你没认真学.net 4.x。Task.Delay方法表示延迟N毫秒的意思，就相当于以前的Thread.Sleep方法。不过嘛，Task的Delay方法的返回类型是Task，这说明它是可以异步等待的，但是，await是用在方法中的，不用于属性，所以为了让代码在这里暂停N毫秒，我还得调用一下Wait方法，这样一来，代码就会停在那里，等Delay完了才会继续执行。

为什么我要在属性的get访问器中拖延一下时间呢，这还用说嘛，当然是为了模拟网速慢，加载慢的情况。

 

随后，用XAML声明列表控件，并设计一下它的项数据模板，以便能显示Student类的各个属性的值。

        <ListView Name="lv" ReorderMode="Enabled">
            <ListView.ItemTemplate>
                <DataTemplate x:DataType="local:Student">
                    <StackPanel>
                        <TextBlock FontWeight="Bold" FontSize="24" Text="{x:Bind Name}" x:Phase="0"/>
                        <TextBlock Text="{x:Bind City}" x:Phase="1"/>
                        <TextBlock Text="{x:Bind Age}" x:Phase="2"/>
                        <TextBlock Text="{x:Bind Height}" x:Phase="3"/>
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

各个值的Phase分别是0、1、2、3，让这几个值产生加载的先后顺序。如果不显式设置x:Phase值，就表示它使用默认值0，即立即加载。各位要注意，如果你在DataTemplate模板中用x:Bind标记进行绑定，那么，在DataTemplate上必须用x:DataType标记指明数据源对象的类型。因为这种绑定是在编译阶段完成的，编译必须知道数据源的确切类型，不然的话，容易造成类型安全问题。更何况，你不这样指定，编译器是不会让你编译的。

运行应用程序后，你会看到，学生姓名马上就出来了，但其他属性值会慢慢出现。请看下图表演。

 

好了，废话就说到这儿了，估计该知识点没什么难度的，别告诉我你没看懂。如果有这个示例你还不懂，那老周只好“伤心秦汉，生灵涂炭，读书人一声长叹”了。

其实，老周这个示例是有超级大Bug的，但为了简单演示，就不管那么多了。

示例源码下载