Wpf基础之数据绑定

原创 2016年06月01日 22:26:47

 Wpf绑定自定义数据源(将前端控件内容与后台自定义类数据绑定,单击按钮是可改变前端数据值)


1.xml页面代码,3个TxtBox框,3个Button控件,代码如下:

<Window x:Class="_232.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBox Margin="109,14,119,0" Name="textBox1" VerticalAlignment="Top" Text="{Binding Path=ID}"/>
        <TextBox Margin="109,54,119,0" Name="textBox2" VerticalAlignment="Top" Text="{Binding Path=Name}"/>
        <TextBox Margin="109,94 119,0" Name="textBox3" VerticalAlignment="Top" Text="{Binding Path=Sex}"/>
        <Button Height="28" Margin="109,144,119,0" Name="Btn1" Content="ID" VerticalAlignment="Top" Click="Btn1_Click"/>
        <Button Height="28" Margin="109 184,119,0" Name="Btn2" Content="Name" VerticalAlignment="Top" Click="Btn2_Click"/>
        <Button Height="28" Margin="109,224,119,0" Name="Btn3" Content="Sex" VerticalAlignment="Top" Click="Btn3_Click"/>
    </Grid>
</Window>

2.后台代码如下,实现一个Student类,绑定数据源,及按钮触发事件

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace _232
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {

        //public class Student
        //{
        //    public string Name { get; set; }
        //    public string ID { get; set; }
        //    public string Sex { get; set; }
        //}

    
        /// <summary>
        /// 创建类Student
        /// </summary>
        public class Student : INotifyPropertyChanged
        {
            string id;
            /// <summary>
            /// ID号
            /// </summary>
            public string ID
            {
                get
                {
                    return id;
                }
                set
                {
                    if (id != value)
                    {
                        id = value;
                        NotifyPropertyChangedID("ID");
                    }
                }
            }

            string name;
            /// <summary>
            /// 姓名
            /// </summary>
            public string Name 
            {
                get
                {
                    return name;
                }
                set
                {
                    if(value!=name)
                    {
                        name = value;
                        NotifyPropertyChangedName("Name");
                    }
                }
            }

            string sex;
            /// <summary>
            /// 性别
            /// </summary>
            public string Sex
            {
                get
                {
                    return sex;
                }
                set
                {
                    if(value!=sex)
                    {
                        sex = value;
                        NotifyPropertyChangedSex("Sex");
                    }
                }
            }

            /// <summary>
            /// 事件是否触发
            /// </summary>
            public event PropertyChangedEventHandler PropertyChanged;

            /// <summary>
            /// ID号发生改变
            /// </summary>
            /// <param name="info"></param>
            private void NotifyPropertyChangedID(String info)
            {
                if (PropertyChanged != null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs(info));
                }
            }

            /// <summary>
            /// Name发生改变
            /// </summary>
            /// <param name="info"></param>
            private void NotifyPropertyChangedName(string info)
            {
                if(PropertyChanged!=null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs(info));
                }
            }

            /// <summary>
            /// 性别发生改变
            /// </summary>
            /// <param name="infoSex"></param>
            private void NotifyPropertyChangedSex(string infoSex)
            {
                if(PropertyChanged!=null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs(infoSex));
                }
            }
        }

        /// <summary>
        /// New 一个对象
        /// </summary>
        Student student;

        public MainWindow()
        {
            InitializeComponent();
            student = new Student();
            student.ID = "1010202";
            student.Name = "张三";
            student.Sex = "男";
            textBox1.DataContext = textBox2.DataContext = textBox3.DataContext = student;
        }

     
        /// <summary>
        /// 单击按钮改变ID号
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Btn1_Click(object sender, RoutedEventArgs e)
        {
            student.ID = "1";
        }

        /// <summary>
        /// 单击按钮改变Name
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Btn2_Click(object sender, RoutedEventArgs e)
        {
            student.Name = "June";
        }

        /// <summary>
        /// 单击按钮改变Sex
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Btn3_Click(object sender, RoutedEventArgs e)
        {
            student.Sex = "女";
        }
    }
}

测试结果:

1.单击按钮之前


2.单击按钮之后



版权声明:本文为博主原创文章,转载请注明出处,否则予以追究。

WPF学习笔记:(一)数据绑定与DataContext

前一段半心半意地学习了一下WPF,是从控件入手的,发现巨容易,甚至有些无趣。昨天面试,被问到了很多WPF的特性的东西,直接就傻了。于是乎,还是要去深刻的学习一下WPF。刚刚试了一下数据绑定,几次都没有...
  • bfboys
  • bfboys
  • 2016年09月27日 16:04
  • 377

WPF数据绑定-简单对象的绑定

绑定自定义的数据类对象 在xaml代码中,Binding标记扩展中仅定义了Path属性,将它绑定到StudentData类的属性上。不需要定义源对象,因为通过指定DataContext类定义源对象...
  • i1tws
  • i1tws
  • 2017年03月28日 22:15
  • 2511

WPF之数据绑定总结

最近几天高强度开发,暴露出不少问题,WPF还达不到信手拈来的地步,好些东西还要去看看以前的项目。平时还是要多总结的,层次高了之后关注的知识点才会更深入。下面总结下WPF的绑定相关,总结之前又看了一遍深...
  • pfe_Nova
  • pfe_Nova
  • 2014年02月15日 18:00
  • 21495

WPF 简单数据绑定实例

创建一个WPF窗体,加一个TextBox和Button控件,控件button用于控制数据更改,TextBox用于显示更改后的数据,这项数据对于WinForm来说是很容易实现的,用控件点击事件对另一个控...
  • loveyou388i
  • loveyou388i
  • 2017年04月14日 11:05
  • 578

WPF 中的数据绑定

WPF 中的数据绑定 John Papa 代码下载位置: DataPoints2007_12.exe (161 KB)  Browse the Code Online ...
  • findsafety
  • findsafety
  • 2014年02月21日 11:26
  • 1619

WPF中DataGrid数据绑定(泛型和datatable)

前台代码: ...
  • kwy15732621629
  • kwy15732621629
  • 2016年07月16日 19:53
  • 3538

WPF数据绑定-用XAML绑定

用XAML绑定          WPF元素不仅是数据绑定的目标,它还可以是绑定的源。 可以把一个WPF元素的源属性绑定到另一个WPF元素的目标属性上。 ElementName指向绑定...
  • i1tws
  • i1tws
  • 2017年03月28日 21:42
  • 887

WPF ListView绑定数据实例

WPF中ListView用来显示数据十分方便, 我们可以将它分成
  • u010799162
  • u010799162
  • 2014年05月02日 22:10
  • 7370

WPF中关于ListBox绑定数据的问题

在定义ListBox的ItemSource绑定时,出现了初次绑定有数据,但是数据变化时视图没有更新的情况。...
  • loveyou388i
  • loveyou388i
  • 2017年05月03日 09:19
  • 661

WPF ListView 的三种数据绑定方式

ListView 的三种数据绑定方式 1.最原始的绑定方式:   public ObservableCollectionobject> ObservableO...
  • AAA123524457
  • AAA123524457
  • 2015年06月02日 15:49
  • 1798
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Wpf基础之数据绑定
举报原因:
原因补充:

(最多只允许输入30个字)