【Win10】UAP/UWP/通用 开发之 x:Bind

[Some information relates to pre-released product which may be substantially modified before it‘s commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.]

[涉及某信息预发布的版本可能在它的商业版本大幅修改。对于这里提供的信息,微软不作任何担保。]

在MSDN中,Windows 10 SDK 的东东上,都会声明这一句话,我也引过来吧啦,他不担保,我也保不了。

正文

  在Win10 UWP开发中,新加入了一个关键字 x:Bind. 它好在哪?为什么要用他。

  build大会视频资源:http://www.microsoftvirtualacademy.com/training-courses/a-developers-guide-to-windows-10-preview?prid=ch9courselink

一、x:Bind 好在哪?

从这两张画可以看出来,x:Bind的性能要优于Binding。为什么?

这个绑定被称为 "compiled data bindings", 从字面上看 编译的数据绑定。

我们以前常用的Binding,是运行时(Run Time)的绑定,而这个 在编译时(Build Time)就已经决定。

好处就是效率高,速度快,绑定的错误在编译时就会提示出来,方便调试。

二、x:Bind

x:Bind 主要的几点:

1. 强类型

2.上下文为page 或 UserControl

3.绑定的默认Mode为OneTime

我们用Binding的时候,有的时候可以不用去考虑类型,因为有好多默认的转换(如,TypeConverter),但是使用x:Bind时,如果类型不匹配编译时,就会出错。

例如:

<CheckBox IsChecked="{x:Bind}" />

我们把当前的上下文绑定到 IsChecked(bool?) 上

Invalid binding path ‘‘ : Cannot bind type ‘BindDemo.MainPage‘ to ‘System.Nullable(System.Boolean)‘ without a converter

结果就会这样子。当然,如果你绑到String类型的属性上是不会错的,他会帮你ToString()地。

而绑定的上下文,现在看来就是当前的类的本身了,就是继承自Page和UserControl的本身。

对于在初学的同学,再也不怕找不到对象了,也不用设置DataContext。

对于熟悉MVVM的同学,要用x:Bind 就要把ViewModel写到CodeBehand中一个,真心怪怪的说,好多框架可能也得调整啦。

三、小试牛刀

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock Text="{x:Bind}"
                   VerticalAlignment="Center"
                   HorizontalAlignment="Center" />
    </Grid>

CodeBehand不做任何代码啦.

结果:

从这结果也可以看出来,他的上下文,是当前的这个页。

咱们在CodeBehand里加一Title的属性。

    public sealed partial class MainPage : Page
    {
        public string Title { get; set; } = "Bind Demo";

        public MainPage()
        {
            this.InitializeComponent();
        }
    }
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock Text="{x:Bind Title}"
                   VerticalAlignment="Center"
                   HorizontalAlignment="Center" />
    </Grid>

这里,熟悉MVVM的人就要想了,我们怎么绑定ViewModel呢。其实就是把ViewModel的对象,写在CodeBehand里一个就好啦。

    public class MainViewModel
    {
        public string Name { get; set; } = "Bind";

        public string Content { get; set; } = "Demo";
    }
    public sealed partial class MainPage : Page
    {
        public string Title { get; set; } = "Bind Demo";

        public MainViewModel ViewModel { get; set; } = new MainViewModel();

        public MainPage()
        {
            this.InitializeComponent();
        }
    }
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel HorizontalAlignment="Center">
            <TextBlock Text="{x:Bind Title}" />
            <TextBlock Text="{x:Bind ViewModel.Name}" />
            <TextBlock Text="{x:Bind ViewModel.Content}" />
        </StackPanel>
    </Grid>

结果

四、数据模板中使用

因为x:Bind 是强类型,所以你在使用DataTemplate的时候,要指定x:DataType,我们改写一下上面的例子。

CodeBehand的代码不用变,我们直接变Xaml中的。加一个Key为TestDataTmpleate的数据模板,为了区别,我们给一个背景色,把顺序也换一下.

<Page x:Class="BindDemo.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:BindDemo"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d">
    <Page.Resources>
        <DataTemplate x:Key="TestDataTemplate"
                      x:DataType="local:MainViewModel">
            <StackPanel Background="Orange">
                <TextBlock Text="{x:Bind Content}" />
                <TextBlock Text="{x:Bind Name}" />
            </StackPanel>
        </DataTemplate>
    </Page.Resources>

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel HorizontalAlignment="Center">
            <TextBlock Text="{x:Bind Title}" />
            <ContentControl ContentTemplate="{StaticResource TestDataTemplate}"
                            Content="{x:Bind ViewModel}" />
        </StackPanel>
    </Grid>
</Page>

结果:

如果,我们不设置x:DataType呢。他就会告诉我们这个Error。

五、绑定事件到方法

x:Bind 是支持事件绑定到方法的,例如我给MainViewModel 加一个Test方法。然后在数据模板中加一个Button。

Click这个不用想都支持,我就随便试了一个PointerEntered事件啦。

绑定的这个方法,可以不写参数,也可以把事件的参数写全。

        <DataTemplate x:Key="TestDataTemplate"
                      x:DataType="local:MainViewModel">
            <StackPanel Background="Orange">
                <TextBlock Text="{x:Bind Content}" />
                <TextBlock Text="{x:Bind Name}" />
                <Button  PointerEntered="{x:Bind Test}" />
            </StackPanel>
        </DataTemplate>

完美进入断点。

六、总结

  现在Binding也是可以一同使用的,至少不带表x:Bind可以全完替代Binding,至少在动态类型的绑定上,x:Bind是玩不转的。而且使用x:Bind 多少打乱一些我们已习惯的MVVM的结构。

  但是x:Bind所带来的性能的提升,真心让人心动,可以的话,可以尽量的使用这个。

本文只是我的x:Bind的初步理解,也没找到什么文档,如果有不对的地方,请大家指出来。谢谢。

本文地址:http://www.cnblogs.com/gaoshang212/p/4534138.html

时间: 2025-02-01 06:41:49

【Win10】UAP/UWP/通用 开发之 x:Bind的相关文章

【Win10】UAP/UWP/通用 开发之 SplitView

SplitView,这个控件,好像在WinJs中早早就有了,我们好多人也在WPF/WinRT 等Xaml环境中实现过,但官方的才姗姗来迟. 一.效果 二.SplitView 在效果的Gif中,一共展示了四种方式,通过设置DisplayMode来改变,分别是: Inline Overlay CompactInline CompactOverlay 前两种模式当IsOpen 为False 时,是完全隐藏的. 后两种模式,当IsOpen为False时,不会完全隐藏,剩余的大小是由 CompactPan

【Win10】UAP/UWP/通用 开发之 x:DeferLoadStrategy

[Some information relates to pre-released product which may be substantially modified before it's commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.] [涉及某信息预发布的版本可能在它的商业版本大幅修改.对于这里

UWP开发之Template10实践二:拍照功能你合理使用了吗?(TempState临时目录问题)

最近在忙Asp.Net MVC开发一直没空更新UWP这块,不过有时间的话还是需要将自己的经验和大家分享下,以求共同进步. 在上章[UWP开发之Template10实践:本地文件与照相机文件操作的MVVM实例(图文付原代码)]已经谈到了使用FileOpenPicker进行文件选择,以及CameraCaptureUI进行拍照. 对于文件选择一般进行如下设置就能实现: // 选择多个文件 FileOpenPicker openPicker = new FileOpenPicker(); openPic

UWP开发之Mvvmlight实践七:寻找Mobile模拟器或者实体机中Packages文件夹小技巧

在开发中或者后期测试乃至最后交付使用的时候,如果应用出问题了我们一般的做法就是查看Log文件.上章也提到了查看Log文件,这章重点讲解下如何查看Log文件?如何找到我们需要的Packages安装包目录? 桌面系统应用 安装在桌面系统上的应用,我们是很容易就可以找到安装包的目录. 目录结构:C:\Users\{用户名}\AppData\Local\Packages\{UWP应用包名}\ {用户名}=系统登录用户名,{UWP应用包名}=UWP应用打包时的名称. 比如查看[UWP开发之Mvvmligh

Liferay7 BPM门户开发之37: Liferay7下的OSGi Hook集成开发

hook开发是Liferay客制扩展的一种方式,比插件灵活,即可以扩展liferay门户,也能对原有特性进行更改,Liferay有许多内置的服务,比如用hook甚至可以覆盖Liferay服务. 可作为系统服务挂钩(Liferay Service Hook),还有其他类型的hook... Liferay6.2 时的hook开发比较有限,而在Liferay7则大为不同,OSGi services的彻底改进至Liferay的底层模型框架,使得Liferay可以支持更多的定制扩展!OSGi plugin

Android开发之WebService介绍

经常有网友问:“在Android平台如何调用WebService”?经过沟通我发现,甚至有些朋友连什么是WebSerivce都不知道就在问怎么使用,更别说和WebService有关的SOAP.WSDL这类“火星”名词了.所以,我就想在讲解Android平台如何调用WebSerivce之前,先来介绍下WebService,看看它到底有多神秘.      记得我的硕士论文题目中就包含“Web Service”这个词,当时还是花了大量时间去研究Web Service在系统集成.企业应用整合方面的应用:

iOS项目开发之Socket编程

有一段时间没有认真总结和写博客了 前段时间找工作.进入工作阶段.比较少静下来认真总结,现在静下心来总结一下最近的一些心得 前言 AsyncSocket介绍 AsyncSocket详解 AsyncSocket示例 一.前言 公司的项目用到了Socket编程,之前在学习的过程当中,用到的更多的还是http请求的方式.但是既然用到了就必须学习一下,所以就在网上找一些例子,然后想自己写一个demo.可是发现很多写iOS Socket的博客并没有很详细的说明,也可能是大神们觉得其他东西都浅显易懂. 自己专

ArcGIS Engine开发之旅02--ArcGIS Engine中的类库

原文 ArcGIS Engine开发之旅02--ArcGIS Engine中的类库 System类库 System类库是ArcGIS体系结构中最底层的类库.System类库包含给构成ArcGIS的其他类库提供服务的组件.System类库中定义了大量开发者可以实现的接口.AoInitializer对象就是在System类库中定义的,所有的开发者必须使用这个对象来初始化ArcGISEngine和解除ArcGIS Engine的初始化.开发者不能扩展这个类库,但可以通过实现这个类库中包含的接口来扩展A

Android开发之TextView高级应用

我们平时使用TextView往往让它作为一个显示文字的容器,但TextView的功能并不局限于此.下面就和大家分享一下TextView的一些使用技巧. Android中设置文本样式的几种方法: 1.将android:autoLink属性值设为true.系统会自动识别E-mail.电话.网址等特殊文本. 2.使用Html标签,例如,<font>.<img>等.不要设置 android:autoLink 属性. 3.在Java代码中直接使用Span对象来设置文本样式.这种方法需要将文本