浅谈WPF之Binding表达式

不管是定义控件还是用户控件都会用到一个功能——绑定(binding)。书面的叫法:元素绑定。意思就是让绑定的元素实现数据同步。在笔者看来wpf引入这一个功能实在是太完美了。编程更加的具体化。特别是跟mvvm模式的配合,那叫完美。笔者不是学术派的。全面性的讲述的话那是不现实。就从笔者的使用经验来谈binding吧。

最普通的使用方式,他的目标元素是控件上的DataContext对象。如下:

 

登录后复制

DataContext这个属性是在FrameworkElement类上面的。也就是说大部分的控件上都会有自己的DataContext的。那么我们一般只有在最外层设置DataContext属性。为了更加清楚的了解DataContext绑定。笔者做了一个简单的例子。笔者给最外面的Window设置了DataContext值。同时也给他的内部的Grid也设置了DataContext值。但是他们俩个不是同一个对象类型只是属性相同而以。如下


登录后复制

执行结果:

浅谈WPF之Binding表达式

实验可以证明标准的绑定方式的目标元素是DataContext。他会去找当前绑定元素最接近的DataContext。我们在来一个假设——如果GridDataContext类里面属性TestName换成TestName1的话,又是什么样子呢?如下

 1 public class GridDataContext : NotifyPropertyChanged 2     { 3         private string _testName1 ="GridDataContext"; 4  5         public string TestName1 6         { 7             set 8             { 9 10                 if (this._testName1 != value)11                 {12                     this._testName1 = value;13                     OnPropertyChanged("TestName1");14                 }15             }16             get { return this._testName1; }17         }18     }

登录后复制

执行结果:

浅谈WPF之Binding表达式

不好意思!笔者以为他会去找Window的DataContext的属性TestName。显然他不会。又说明了一点,他只会去接近的DataContext里面找。不会一个直一个的往上面去找。

值得注意的是如果上面只是写{Binding}的话,那就是把当前的DataContext绑定过来。而不是他的属性。

在开发过程中,我们往往希望某个元素能跟另一个元素上面的属性进行绑定。只要另一个元素属性改变就会通知某个元素一起改变。这个时候就是不得不用下面的方式来了。

{Binding ElementName=SomeThingName, Path=Text}

登录后复制

ElementName:表示元素的名称。

Path:表示元素对象的属性。

事实上我们可以想到一个问题。绑定是不是只能一方影响一方呢。这就是绑定的里面要用到的模式。如下

{Binding ElementName=SomeThindName, Path=Text,Mode=TwoWay}

登录后复制

TwoWay:导致对源属性或目标属性的更改可自动更新对方。

OneWay: 当绑定源(源)更改时,更新绑定目标(目标)属性。

OneTime:当应用程序启动或数据上下文更改时,更新绑定目标。

OneWayToSource:当目标属性更改时更新源属性。

以上的用法算是比较常用的。也是比较简单的。不如让我们看一下开源项目里面的一个绑定表达式吧。如下

登录后复制

不知道大家看得明不明白。上面的意思是从父节点Button的Foreground和当前Path的Stroke绑定在一起。主要的关键在AncestorType。用于指定父亲的类型。Mode是一个RelativeSourceMode类型。他有四个值。如下。

PreviousData: 用于数据列表,意指以前的数据项。即是数据集合上面的显示。不包括控件。

TemplatedParent:用于模板上的绑定。

Self:元素自己本身上的属性相绑定。

FindAncestor:用于查找父级元素。

只要这样子一讲解就可以理解RelativeSource用于指定相对的源元素。即是目标元素。

事实上,上面的表达式还有一种可能用到的写法。即是多出了一个用于限制父级的深度(AncestorLevel)。如下

{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}, AncestorLevel=2}, Path=Name}

登录后复制

注意:如果想对绑定的值进行修改的话,要用转化器。如下

{Binding ElementName=SomeThindName, Path=Text,Mode=TwoWay,Converter=XXXConverter}

登录后复制

在开发自定义控件的时候,我们会经常用到一个表达式。如下

  Width="{TemplateBinding Width}"

登录后复制

上面的写法只是一种缩写。完整的如下

 Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Width}"

登录后复制

可以说上面的内容是笔者最常用到的。接下来让我们在去看一些绑定其他的内容点。即是那些不常见的内容。

1.StringFormat的功能。相当于string.format功能一样子。举个列子。如果我们要在金额的前加上“¥”的时候,可以用一下。如下 

 

登录后复制

如果不是这样子做的话,你就不得不给“¥”一个TextBlock来显示,或是MoneyText变成string类型,然后设置值里面加上¥。但是笔者这里却是double类型的。所以用StringFormat的功能有就可以完美的决解了显示“¥”的问题。

执行结果:

浅谈WPF之Binding表达式

2.TargetNullValue的功能,用于绑定目标是一个null值的时候,要显示的内容。如下笔者给NullName赋null。

 

登录后复制

执行结果:

浅谈WPF之Binding表达式

3.FallbackValue的功能,用于绑定目标是发生错误的时候,要显示的内容。如下


登录后复制

执行结果笔者就不贴了。

文章最后。在来说明一个不常用的功能——PriorityBinding。这个功能笔者不好说。只能让读者们自行体会吧。他主要用于在加载时间比较多的时候,要显示的信息。比如显示“正在加载中…”。笔者做了例子吧。

Xaml:


登录后复制

ViewModel:

 public class MainViewModel : NotifyPropertyChanged    {private string _userName ="Haya";private string _loadingName = "正在加载中...";public string UserName        {set{if (this._userName != value)                {this._userName = value;                    OnPropertyChanged("UserName");                }            }get {                Thread.Sleep(7000);return this._userName;            }        }public string LoadingName        {set{if (this._loadingName != value)                {this._loadingName = value;                    OnPropertyChanged("LoadingName");                }            }get { return this._loadingName; }        }    }

登录后复制

执行结果:

浅谈WPF之Binding表达式

七秒后:

浅谈WPF之Binding表达式

本章的内容比较简单。笔者只是讲述了常用的一些知识点。但是必不是说就这些了。例如Binding还关系到Xml的绑定和集合的绑定功能。读者们可以自行去找一下资料。

以上就是浅谈WPF之Binding表达式的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2494005.html

(0)
上一篇 2025年3月5日 01:43:18
下一篇 2025年3月5日 01:43:37

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 关于HTML用正则表达式检验表格方法

    本文主要介绍了html用正则表达式检验表格的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下,希望对大家有帮助。  正则表达式在JavaScript脚本中是很好用的检验语法规则的方法。但是与Java中的正则表达式有所不同…

    编程技术 2025年4月1日
    100
  • PHP正则表达式分组捕获实现方法

    本文主要和大家介绍php实现正则表达式分组捕获操作,结合实例形式分析了php正则表达式获取分组捕获操作的相关实现方法与使用注意事项,需要的朋友可以参考下,希望能帮助到大家。 经过测试,发现php正则表达式获取分组捕获是从$0开始,而平时工作…

    2025年3月31日
    100
  • Linux grep与正则表达式的简单介绍

    grep 是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹配的行打印出来。下面通过本文给大家分享linux grep与正则表达式的相关知识,感兴趣的朋友一起看看吧 grep简介   grep 是一种强大的文本搜索工具,它能使用正…

    编程技术 2025年3月30日
    100
  • 正责表达式如何过滤html,取出中间的文字部分_html/css_WEB-ITnose

    正责表达式如何过滤html,取出中间的文字部分:如下面,如何使用正责表达式取出“我们去哪” 我们去哪 回复讨论(解决方案) var str = ‘我们去哪’;var reg = /\]+\>/g;str = str.replace(/…

    编程技术 2025年3月28日
    100
  • 【前端杂谈】细数前端优化的化零为整_html/css_WEB-ITnose

    很高兴看到越来越多的企业重视前端开发了,前端不再是网站开发人员的附属技能。回想我刚开始入行时,那时asp网站(非asp.net)盛行,80%的网站都是用asp来做的,一个网页可能就是一个asp文件,里面前端代码和后端代码混在一起。现在不同了…

    编程技术 2025年3月28日
    100
  • JavaScript 函数表达式

    定义函数:a.函数声明function functionname(name,age){}————函数声明提升                      b.函数表达式 var functionName=function(name,age){…

    编程技术 2025年3月28日
    100
  • JavaScript中什么是表达式

    在JavaScript中,表达式是由数字、算符、数字分组符号(括号)、自由变量和约束变量等以能求得数值的有意义排列方法所得的组合;表达式可分为两种:原始表达式和复杂表达式。 本教程操作环境:windows7系统、javascript1.8.…

    2025年3月11日
    200
  • JavaScript正则表达式常用基本语法

    本文来给大家讲解一下正则表达式常用基本语法,学习正则表达式的常用基本语法是学习编程的基础,正则表达式在程序中应用非常广泛,在我们在做验证的时候正则用的最为明显,本篇文章会带着大家来学习了解一下正则表达式的常用基本语法 1.正则表达式基本语法…

    编程技术 2025年3月8日
    200
  • JS正则表达式要点分析

    本文主要和大家分享js正则表达式的要点,由于之前在看vuejs的源码, 看到了htmlparser部分, 感觉以前看的正则表达式基础知识已经完全不够用了, 现翻阅博客资料, 将一些js中正则表达式难用的部分总结归纳, 方便自己和sf友翻阅.…

    编程技术 2025年3月8日
    200
  • js正则表达式验证时间格式实例

    在项目中,我们经常会遇到时间问题,有时候是使用时间插件,让用户选择,但有时应客户要求,能够自行输入时间,那么,我们如何来确定用户输入的时间格式是否正确,输入的时间是否合法呢?这个时候需要用到正则表达式。本文主要和大家介绍了详解js正则表达式…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论