什么是綁定(Binding)?

在winform中, 我們常常會用到各種類型的賦值, 例如:

• button1.Text="Hello";
• label.Text="Hello";
• ...

類似這種賦值操作, 我們之所以不稱之為綁定, 主要原因是因為他們大多數(shù)操作都是一次性的, 無論是數(shù)據(jù)還是按鈕本身發(fā)生變化,對兩者而言都是不可見的。

而綁定的概念則側(cè)重于: 兩者的關(guān)聯(lián),協(xié)議與兩者之間的影響。

首先, 從一個簡單的例子來理解什么是綁定。

創(chuàng)建一個滑塊控件, 并且希望在滑動的過程中, 把值更新到另外一個靜態(tài)文本上。代碼如下:

在winform中, 我們常規(guī)的做法會給滑塊創(chuàng)建一個值改變事件,同時將滑塊的值賦值給文本。

接下來, 我只需要在靜態(tài)文本中添加一小段綁定的聲明,即可完整原本很復雜的操作:

Text={Binding ElementName=slider,Path=Value}

• {Binding }: Binding的聲明語法, 一對尖括號,開頭聲明以Binding 開始。
• ElementName= : 該聲明意為, 設(shè)置元素的名稱
• Path: 設(shè)置關(guān)聯(lián)元素的位置,上例中設(shè)置為元素的value屬性。

那么該如何理解整句話的意義, 翻譯: 靜態(tài)文本TextBlock的Text屬性將通過綁定的方式關(guān)聯(lián)到元素名'slider'的value屬性上。

效果圖所示:

可以看到,在滑塊不斷的滑動過程中, TextBlock也在不斷的發(fā)生變化, 說明TextBlock已經(jīng)得到了滑動滑動過程中的值變化, 這種關(guān)聯(lián), 我們稱之為綁定, 在WPF當中, 綁定又分很多種, 而上面這種則是通過元素綁定的方式。

理解了基礎(chǔ)的綁定之后,然后就是理解綁定的模式。

綁定的模式就類似我們商業(yè)中的合作, 是一次性回報還是持續(xù)獲益, 是否可以單方面終止, 是否具有投票權(quán)等, 在WPF中綁定的模式又分為五種:

• OneWay(單向綁定) : 當源屬性發(fā)生變化更新目標屬性, 類似上面的例子中, 滑動變化更新文本的數(shù)據(jù)。示例:

效果:

• TwoWay(雙向綁定) : 當源屬性發(fā)生變化更新目標屬性, 目標屬性發(fā)生變化也更新源屬性。

與單向綁定的區(qū)別可以理解為, 前者只能打你,被打者不能還手, 雙向綁定的意思則是: 你敢打我一巴掌,我也能回你一巴掌。示例:

效果:

• OneTime(單次模式) : 根據(jù)第一次源屬性設(shè)置目標屬性, 在此之后所有改變都無效。

如第一次綁定了數(shù)據(jù)源為0, 那么無論后面如何改變 2、3、4... 都無法更新到目標屬性上。示例:

效果:

• OneWayToSource : 和OneWay類型, 只不過整個過程倒置。示例:

效果:

• Default : 既可以是雙向,也可以是單項, 除非明確表明某種模式, 否則采用該默認綁定

綁定到非元素上

上面的代碼中,使用的綁定方式是根據(jù)元素的方式: ElementName=xxx, 如需綁定到一個非元素的對象, 則有一下幾屬性:

• Source : 指向一個數(shù)據(jù)源, 示例, TextBox使用綁定的方式用Source指向一個靜態(tài)資源ABC:

• RelativeSource : 使用一個名為RelativeSource的對象來根據(jù)不同的模式查找源對象,

示例, 使用RelativeSource的FindAncestor模式, 查找父元素為StackPanel的Width值

• DataContext: 從當前的元素樹向上查找到第一個非空的DataContext屬性為源對象。

示例, 該示例用后臺代碼創(chuàng)建一個只包含Name的類, Test, 通過綁定窗口的DataContext上下文:

后臺代碼綁定簡單文本與列表

創(chuàng)建一個PageModel類, 定一個ClassName為班級名稱, 和一個Students學生列表, 后臺代碼:

窗口代碼

效果預覽

關(guān)于以上, 基本介紹了WPF元素綁定的方式與幾種模式, 接下講的是, WPF中的事件如果通過綁定的方式和UI分離。盡管WPF中仍然可以兼容winform中的事件模型, 而binding也是MVVM架構(gòu)中的重要組成部分(下節(jié)會介紹)。

到此這篇關(guān)于WPF綁定Binding用法的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。