[uwp]数据绑定再学习

在开始上代码前,先来假设这样一种情形:

出于某些原因,创建一个自定义控件(UserControl),然后为它定义一个依赖属性,这个属性有两个作用,一是调用控件方通过数据绑定技术为它赋值,二是控件内部的其他属性需要从这个自定义的属性获取数据。这个自定义的依赖属性充当的是一个中间件的作用。

用到的技术就是数据绑定和依赖属性。

针对这种情形,做一个例子如下:

这是充当中间件的Model,只有一个Name属性

public class Entity{
    public string Name{get;set;}
}

 

自定义控件(这儿我给他起名为MyTextBox)的XAML代码如下:

<Grid>
        <TextBox x:Name="textbox" Text="{Binding Data.Name,Mode=TwoWay}"></TextBox>
</Grid>

很简单,就一个TextBox,注意Text和Name绑定.

下面是MyTextBox对应的后台代码:

public sealed partial class MyTextBox : UserControl{
        public MyTextBox(){
            this.InitializeComponent();
            this.textbox.DataContext = this;
        }
        public static readonly DependencyProperty DataProperty = DependencyProperty.Register("Data", typeof(Entity), typeof(MyTextBox), new PropertyMetadata(null));
        public Entity Data
        {
            get { return (Entity)GetValue(DataProperty); }
            set { SetValue(DataProperty, value); }
        }
    }

这儿就用到了自定义依赖属性的知识,其实就是一个固定套路,但一定注意,在Data属性的get和set访问器中,最好不要添加额外的代码,因为不一定会执行的。因为在内部可以直接调用GetValue和SetValue来访问依赖属性DataProperty。这点可以去MSDN上查阅。

至于这句

this.textbox.DataContext=this;

待会儿再说,应该是比较核心的一句代码,当然也有变通方式。

至此,自定义的一个MyTextBox就完成了。

接着就要使用我们这个自定义的MyTextBox了,怎么用呢?接着看

我准备在MainPage中直接使用这个控件,但在这之前,先为MainPage定义一个ViewModel,顺便玩玩MVVM。

ViewModel如下:

public class ViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private Entity _info;
        public Entity Info
        {
            get { return _info; }
            set { _info= value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Info")); }
        }
    }

这个结构应该很简单了,为ViewModel实现INotifyPropertyChanged接口,然后定义一个Entity类型的属性Info,在属性的Set访问其中,调用事件的Invoke方法(现在编译器会自动优化,所以这儿不存在线程安全的问题。),Entity是之前定义的一个Model类。

接着是MainPage的XAML了,。。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <local:MyTextBox Data="{Binding Info,Mode=OneWay}" Height="50" VerticalAlignment="Stretch"></local:MyTextBox>
        <Button Content="test" Click="Button_Click" HorizontalAlignment="Stretch" VerticalAlignment="Bottom"></Button>
</Grid>

这儿为自定义属性Data做了一个数据绑定,结合上面的ViewModel,很显然,是把Data和ViewModel中的Info绑定了。
至于下面那个Button,是为了通过调试来查看数据绑定的效果来设置的。

然后就是最后的MainPage.cs了

    public sealed partial class MainPage : Page
    {
        ViewModel VM;
        public MainPage()
        {
            this.InitializeComponent();
            VM = new ViewModel();
            this.DataContext = VM;
        }
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            //VM.Info = new Entity() { Name = "我心爱的姑娘" };
            //VM.Info.Name = "你好吗";
            //VM.Info= null;
        }
    }

因为是一个简单的MVVM嘛,所以先定义一个字段VM,然后再构造函数里把Page的DataContext设置为VM;
工作差不多了,接下来就是通过F9,F10还有那个Button来调试了。

下面一一列举:

1.当Button_Click中代码为

VM.Info= new Entity() { Name = "我心爱的姑娘" };

这一句时,会看到MainPage中的文本框里出现了“我心爱的姑娘”字样。

基本满足要求,继续···

2.当Button_Click中代码为

VM.Info= new Entity() { Name = "我心爱的姑娘" };
VM.Info.Name = "你好吗";

这次是不是会出现“你好吗”?执行完成后,会发现字样没变,依然是“我心爱的姑娘”.

为什么会这样呢?通过调试发现,Name在内存中的确是“你好吗”,只是界面上没有显示出来。答案待会儿解释。

3.当Button_Click中代码为

VM.Info= new Entity() { Name = "我心爱的姑娘" };
VM.Info= null;

这次执行完后,结果显而易见,文本框会一片空白。

现在来分析:ViewModel实现了INotifyPropertyChanged接口,而Entity并没有实现该接口.

Info定义在ViewModel里,在属性值改编后会会调用事件的Invoke方法通知系统,实现界面的同步。

Name定义在Entity中,值改变与否,都不会通知系统。

所以,如果想要让Name的值也同步显示,只需要为Entity实现INotifyPropertyChanged该接口即可。

好,说了一大堆,启示和我写博客的初衷并不相同,我是来解释这一句的

this.textbox.DataContext=this;

为什么要这么做呢?
在XAML的控件树中,DataContext是可以继承的。因为之前设置了Page的DataContext为VM,如果不加这一句的话,会导致自定义控件的DataContext也是VM,显然在VM里是找不到Data.Name的。

VM中只有Info.Name,当然,吧Info和Data改一致后,比如说都改为Data,那么的确表面上数据得到了绑定,但是却会深度耦合。

当然还有其他办法。

欢迎交流。

demo下载点击这儿

时间: 2024-10-10 02:11:03

[uwp]数据绑定再学习的相关文章

JDBC再学习

JDBC是规范,地球人都知道. 啥是规范呢?反正我说不好,真要让我说的话,就是SUN制订了一大堆接口,然后你要是想实现一些功能就要去实现这些接口,他要是也想要实现这些功能也得去老实儿的实现这些接口. JDBC就是这些接口们,java.sql包下面有好多个接口文件,这些接口文件就是所谓的规范,标准. 无论Oracle,MySql,还是DB2,SqlServer都实现了这些接口.这样一来我们只需要针对着jdk中的接口编程就可以了. 记得上学的时候,最讨厌的就是JDBC,因为就这里需要记一大串东西,第

Java泛型再学习

泛型是对于数据的一种规范,他限定了类.容器.方法可以接受的参数类型,避免参数类型混乱. 一.基本泛型 泛型最常见的地方就是集合,如: -- ArrayList<String>  表示这个集合中只能存放String类型的元素 -- HashMap<String, Object>  表示这个图中只能存放键为String类型,值为Object类型的元素 特别要注意的时,泛型只存在于编译阶段,在程序运行阶段,我们定义的泛型是并不存在的,这种方案叫“擦除”,示例: 1 public clas

Java注解再学习

注解就是一个标识符,用来标识身份.处理规则等.注解是出现可以代替XML配置文件,使程序更加清晰明了.注解也是框架配置的发展方向,对于Spring而言,虽然有人反对使用注解对Spring进行配置,说这是违背了Spring的IoC的理念,其实不然.使用注解将Java类注解为配置文件和使用XML是一样的,还可以减少配置文件,并且更加自由化的定义bean的初始化过程. 注解是一门比较简单却很实用的技术,定义注解使用@interface关键字: 1 public @interface MyAnnotati

恶补java(十)---泛型与集合的再学习

其余的就不多说了,一切都在代码中 package com.gc.generic; /** * JDK5 之前集合对象使用问题: * 1.向集合添加任何类型对象 * 2.从集合取出对象时,数据类型丢失,使用与类型相关方法,强制类型转换 * 存在安全隐患 * * ***************************** * * JDK5中的泛型:允许程序员使用泛型技术限制集合的处理类型 * List<String> list=new ArrayList<String>(); * 从而

Java反射再学习

在最初学习Java的时候觉得反射真的好难,并不是技术负责,而是思想复杂,无法接受.随着工作经验的增多,今日偶然间又看见某智的一个视频,感觉茅塞顿开.顺便在此系统整理一下反射的知识. 一言以蔽之:反射就是将Java类的各个组成部分转换为对应的Java对象. 我们知道,一切皆对象,那么这个“一切”必然也包含了Java类啊,Java类也是一种事物,那么他是什么的对象呢?毫无疑问,Java类是Class类的对象.(PS:那么Class类又是谁的对象呢?求大神指教?这问题貌似无穷无尽啊 %>_<% )

UNIX再学习 -- 文件I/O

在 UNIX/Linux 系统中,一切皆文件,这句话想必都有听过.对于文件的操作几乎适用于所有的设备,这也就看出了文件操作的重要性了.在C语言再学习部分有讲过标准I/O文件操作,参看:C语言再学习 -- 文件 下面我们来讲解下系统文件I/O的. 一.文件描述符 1.文件描述符简介 首先从文件描述符开始讲起.因为,对于内核而言,所有打开的文件都是通过文件描述符引用的.那么文件描述符到底是什么? 文件描述符(file descriptor)通常是一个小的非负整数,内核用以标识一个特定进程正在访问的文

【C语言学习】指针再学习(二)之数组的指针

★一维数组 一个整型数据为4个字节.4个字节就是32位,即可以表示2^32个数字 在程序中定义一个数组a[5] = {1,2,3,4,5}; 那么a[0]的地址就是0x00000000,数组名a是数组首元素的地址,a的地址也是0x00000000.a+1则表示的地址是0x00000004,而不是0x00000001.因为1这个值,根据前面的指针a所指向的类型的长度来调整自己的长度.也就是说如果a是指向整型的指针,那么后面加的1也表示4个字节,如果a是指向字符型的指针,那么后面加的1表示1个字节.

PHP再学习5——RESTFul框架 远程控制LED

0.前言 去年(2013年)2月第一次接触yeelink平台,当时该平台已经运行了一些时间也吸引了不少极客.试想自己也将投身IoT(物联网)行业,就花了些时间研究了它.陆陆续续使用和研究了一年,大致围绕两个问题展开——1.yeelink平台如何使用,2.如何构造一个功能简单些的yeelink平台.    [PHP学习笔记——索引博文] 本文将讨论如何构造一个简单restful架构平台(该平台有点像yeelink,不过功能比yeelink少的多),并结合树莓派实现LED的远程控制(网络控制).构建

express再学习

对比spring,django,再学习express就有很多共通的地方啦... 看的书是一本小书,<express in action>,排版比较好. 昨天开始看,看了快四分之一啦... 练习代码: var express = require("express"); var http = require("http"); var path = require("path"); var logger = require("mo