1. 程式人生 > >WPF 簡單資料繫結例項

WPF 簡單資料繫結例項

建立一個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;
        }
    }

實現效果如下:
這裡寫圖片描述
這裡寫圖片描述

至此,例項已完成。