WPF綁定Binding用法
什么是綁定(Binding)?
在winform中, 我們常常會用到各種類型的賦值, 例如:
- button1.Text="Hello";
- label.Text="Hello";
- ...
類似這種賦值操作, 我們之所以不稱之為綁定, 主要原因是因為他們大多數(shù)操作都是一次性的, 無論是數(shù)據(jù)還是按鈕本身發(fā)生變化,對兩者而言都是不可見的。
而綁定的概念則側重于: 兩者的關聯(lián),協(xié)議與兩者之間的影響。
首先, 從一個簡單的例子來理解什么是綁定。
創(chuàng)建一個滑塊控件, 并且希望在滑動的過程中, 把值更新到另外一個靜態(tài)文本上。代碼如下:
在winform中, 我們常規(guī)的做法會給滑塊創(chuàng)建一個值改變事件,同時將滑塊的值賦值給文本。
接下來, 我只需要在靜態(tài)文本中添加一小段綁定的聲明,即可完整原本很復雜的操作:
Text={Binding ElementName=slider,Path=Value}
- {Binding }: Binding的聲明語法, 一對尖括號,開頭聲明以Binding 開始。
- ElementName= : 該聲明意為, 設置元素的名稱
- Path: 設置關聯(lián)元素的位置,上例中設置為元素的value屬性。
那么該如何理解整句話的意義, 翻譯: 靜態(tài)文本TextBlock的Text屬性將通過綁定的方式關聯(lián)到元素名'slider'的value屬性上。
效果圖所示:
可以看到,在滑塊不斷的滑動過程中, TextBlock也在不斷的發(fā)生變化, 說明TextBlock已經(jīng)得到了滑動滑動過程中的值變化, 這種關聯(lián), 我們稱之為綁定, 在WPF當中, 綁定又分很多種, 而上面這種則是通過元素綁定的方式。
理解了基礎的綁定之后,然后就是理解綁定的模式。
綁定的模式就類似我們商業(yè)中的合作, 是一次性回報還是持續(xù)獲益, 是否可以單方面終止, 是否具有投票權等, 在WPF中綁定的模式又分為五種:
- OneWay(單向綁定) : 當源屬性發(fā)生變化更新目標屬性, 類似上面的例子中, 滑動變化更新文本的數(shù)據(jù)。示例:
效果:
- TwoWay(雙向綁定) : 當源屬性發(fā)生變化更新目標屬性, 目標屬性發(fā)生變化也更新源屬性。
與單向綁定的區(qū)別可以理解為, 前者只能打你,被打者不能還手, 雙向綁定的意思則是: 你敢打我一巴掌,我也能回你一巴掌。示例:
效果:
- OneTime(單次模式) : 根據(jù)第一次源屬性設置目標屬性, 在此之后所有改變都無效。
如第一次綁定了數(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學生列表, 后臺代碼:
窗口代碼
效果預覽
關于以上, 基本介紹了WPF元素綁定的方式與幾種模式, 接下講的是, WPF中的事件如果通過綁定的方式和UI分離。盡管WPF中仍然可以兼容winform中的事件模型, 而binding也是MVVM架構中的重要組成部分(下節(jié)會介紹)。
到此這篇關于WPF綁定Binding用法的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
asp.net FindControl方法誤區(qū)和解析
在ASP.NET中Control都有一個FindControl方法,其作用是根據(jù)ID(注意既不是UniqueID也不是ClientID)在Control所在的命名容器中尋找相應控件,但實際使用中存在很多誤區(qū)和陷阱,下面談談個人對此的理解2012-01-01使用vs2022在.net6中調(diào)試帶typescript的靜態(tài)頁面
這篇文章介紹了使用vs2022在.net6中調(diào)試帶typescript的靜態(tài)頁面,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-12-12asp.net實例代碼protected override void Render(HtmlTextWriter wri
把最終要輸出的html壓縮后再輸出和最終輸出前先存為html文件,如果發(fā)布最新信息了,可以打開一次default.aspx,然后他又會生成一次html2008-08-08ASP.NET?Core開發(fā)環(huán)境安裝配置
這篇文章介紹了ASP.NET?Core開發(fā)環(huán)境安裝配置,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-02-02