WPF依賴項屬性可以實作屬性的系結，成功系結之后只要修改后臺系結的屬性，即可UI同步自動更新系結的值，無需手動重繪界面；同樣，前臺的值變化后，通過獲取系結的屬性值也可獲取UI變化后的值，實作雙向變化的效果，屬性系結使得UI更新非常的方便，下面分享一個小栗子說明使用的方式，
1、先做了一個有一個TextBlock和一個Button的UI，想要實作點擊后TextBlock發生變化，
<Window x:Class="WPFDemo.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WPFDemo" mc:Ignorable="d" Title="Window1" Height="300" Width="300"> <Grid> <Button Name="Button_OK" MaxWidth="50" MaxHeight="20" Click="Button_OK_Click">OK</Button> <TextBlock MaxWidth="50" MaxHeight="20" VerticalAlignment="Top" HorizontalAlignment="Left" Text="{Binding Text}"></TextBlock> </Grid></Window>
2、創建UI更新類(現在是測驗，所以屬性比較少，正常開發建議一個UI創建一個UI更新類專門用于UI更新)，如下為完整代碼
public class PropertyToUI : INotifyPropertyChanged { #region 私有變數 /// <summary> /// 狀態欄顯示文本 /// </summary> private string text = ""; #endregion #region 屬性 /// <summary> /// 屬性-顯示文本 /// </summary> public string Text { get { return text; } set { text = value; OnPropertyChanged("Text"); } } #endregion #region 屬性變化通知事件 /// <summary> /// 屬性變化通知事件 /// </summary> public event PropertyChangedEventHandler PropertyChanged; /// <summary> /// 屬性變化通知 /// </summary> /// <param name="e"></param> public void OnPropertyChanged(PropertyChangedEventArgs e) { if (PropertyChanged != null) { PropertyChanged(this, e); } } /// <summary> /// 屬性變化通知事件 /// </summary> /// <param name="PropertyName"></param> public void OnPropertyChanged(string PropertyName) { PropertyChangedEventArgs e = new PropertyChangedEventArgs(PropertyName); if (PropertyChanged != null) { PropertyChanged(this, e); } } #endregion }
這個部分有如下幾個關鍵點：
(1)、需要實作INotifyPropertyChanged介面，這是一個屬性更新介面，可以看一下它的實作，有一個屬性更新事件，所以要說宣告該事件，
namespace System.ComponentModel{ // // 摘要: // Notifies clients that a property value has changed. public interface INotifyPropertyChanged { // // 摘要: // Occurs when a property value changes. event PropertyChangedEventHandler PropertyChanged; }}
(2)、創建屬性更新函式
/// <summary> /// 屬性變化通知 /// </summary> /// <param name="e"></param> public void OnPropertyChanged(PropertyChangedEventArgs e) { if (PropertyChanged != null) { PropertyChanged(this, e); } }
引數為某個屬性的更新事件，而后觸發PropertyChanged(this, e)通知UI更新指定屬性
(3)、包裝屬性
public string Text
{ get { return text; } set { text = value; OnPropertyChanged("Text"); } }
在設定器中呼叫屬性更新事件，即當后臺設定值時(想要更新UI值)，就會觸發屬性更新事件，通知前臺系結的依賴項屬性進行更新(事件中帶有屬性的身份標識和值進行傳遞)，
3、前臺依賴項屬性對屬性更新類中的屬性進行系結(Binding語法)
<TextBlock MaxWidth="50" MaxHeight="20" VerticalAlignment="Top" HorizontalAlignment="Left" Text="{Binding Text}"></TextBlock>
屬性名系結即可
4、系結資料源的說明（這是比較容易忘記的地方）
PropertyToUI UI = new PropertyToUI();this.DataContext = UI; //事件系結資料源
以上就是屬性系結的必要步驟了，如果沒什么問題基本就成功了，沒成功的再好好檢查一下，
如下為完整的后臺代碼：
/// <summary> /// Window1.xaml 的互動邏輯 /// </summary> public partial class Window1 : Window { /// <summary> /// UI更新類物件 /// </summary> PropertyToUI UI = new PropertyToUI(); /// <summary> /// 建構式 /// </summary> public Window1() { InitializeComponent(); this.DataContext = UI; //事件系結資料源 UI.Text = "程式開啟"; } /// <summary> /// OK按鍵點擊事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> private void Button_OK_Click(object sender, RoutedEventArgs e) { UI.Text = "我更新了"; MessageBox.Show(UI.Text); } }
運行效果如下：
點擊OK按鍵后：
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/25886.html
標籤：WPF
下一篇：WPF自定義控制元件的制作