WPF 簡單資料繫結例項
阿新 • • 發佈:2019-02-16
建立一個WPF窗體,加一個TextBox和Button控制元件,控制元件button用於控制資料更改,TextBox用於顯示更改後的資料,這項資料對於WinForm來說是很容易實現的,用控制元件點選事件對另一個控制元件訪問,控制控制元件的重新整理。但是在WPF中,控制元件重新整理完全由資料驅動,使用資料繫結,當資料變化時自動更新控制元件。在大量的資料和劇烈的變化中,這種資料驅動的方式更加有優勢。
程式碼實現如下:
//建立一個Student類,需要繼承INotifyPropetyChanged介面
public class Student : INotifyPropertyChanged
{
//建構函式
public Student(string name,int age)
{
this.age = age;
this.name = name;
}
private string name;
private int age;
public event PropertyChangedEventHandler PropertyChanged;
public int getAge
{
get { return age; }
set {
age = value;
if (PropertyChanged != null)
{
//給getAge賦值時觸發事件
this.PropertyChanged.Invoke(this,new PropertyChangedEventArgs("getAge"));
}
}
}
}
窗體設計器程式碼很簡單,如下程式碼:
<Window x:Class="WPFtest.MainWindow"
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:WPFtest"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="91*"/>
<RowDefinition Height="93*"/>
<RowDefinition Height="136*"/>
</Grid.RowDefinitions>
<TextBox x:Name="tbx" HorizontalAlignment="Left" Height="43" Margin="128,26,0,0" Grid.Row="1" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="269"/>
<Button x:Name="btn" Content="ClickMe" HorizontalAlignment="Left" Margin="208,54,0,0" Grid.Row="2" VerticalAlignment="Top" Width="75" Click="btn_Click"/>
</Grid>
</Window>
下面是邏輯程式碼:
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
//新建繫結類,引用為System.Windows.Data
Binding newbind = new Binding();
//繫結源為Student的例項stu1
newbind.Source = stu1;
//繫結屬性為"getAge"
newbind.Path = new PropertyPath("getAge");
//設定繫結TextBox控制元件,顯示在TextProperty中
//TextBox是System.Windows.Controls中的,不是System.Windows.Forms中的,需要注意
tbx.SetBinding(TextBox.TextProperty,newbind);
}
//新建例項
public Student stu1 = new Student("123",16);
private void btn_Click(object sender, RoutedEventArgs e)
{
//自加1
stu1.getAge += 1;
}
}
實現效果如下:
至此,例項已完成。