C#-WPF数据绑定基础(一)
前言：WPF数据绑定技术有效的提高了程序的容错率，可以最大程度的保持程序的健壮性，从而降低程序在使用过程中崩掉的可能性。
接下来，我将分享一下我在写测量程序过程中所用到的数据绑定方面的知识
首先，我所用到的数据绑定的基本原理
如上图所示，我们通过建立一个类，我们给它取名为视图模型，通过这个类里面的属性可以将我们的后台与界面实时的联系起来，以保证数据的实时更新，我们主要通过基类中的属性来进行数据绑定。
在界面设计代码中，我们用到Binding属性来进行数据绑定，代码如下所示
1 <Window x:Class="GaussProj.AzimuthWindow"
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6 xmlns:local="clr-namespace:GaussProj"
7 mc:Ignorable="d"
8 Title="坐标方位角计算" Height="380" Width="500">
9 <Window.Resources>
10 <Style TargetType="TextBox">
11 <Setter Property="Background" Value="AliceBlue"/>
12 <Setter Property="VerticalAlignment" Value="Center"/>
13 </Style>
14 <Style TargetType="TextBlock">
15 <Setter Property="Background" Value="AliceBlue"/>
16 <Setter Property="VerticalAlignment" Value="Center"/>
17 <Setter Property="HorizontalAlignment" Value="Right"/>
18 </Style>
19 </Window.Resources>
20 <Grid Margin="20">
21 <Grid.RowDefinitions>
22 <RowDefinition Height="40*"/>
23 <RowDefinition Height="40*"/>
24 <RowDefinition Height="50*"/>
25 <RowDefinition Height="30*"/>
26 </Grid.RowDefinitions>
27 <GroupBox Header="起点">
28 <Grid>
29 <Grid.ColumnDefinitions>
30 <ColumnDefinition Width="40*"/>
31 <ColumnDefinition Width="60*"/>
32 <ColumnDefinition Width="40*"/>
33 <ColumnDefinition Width="60*"/>
34 <ColumnDefinition Width="40*"/>
35 <ColumnDefinition Width="60*"/>
36 </Grid.ColumnDefinitions>
37 <TextBlock Text="点名:" Margin="2" Grid.Row="0" Grid.Column="0"/>
38 <TextBox x:Name="A_Name" Grid.Row="0" Grid.Column="1" Text="{Binding PA.Name}" Background="AliceBlue" Margin="3"/>
39
40 <TextBlock Text="X=" Margin="2" Grid.Row="0" Grid.Column="2"/>
41 <TextBox x:Name="AX_TextBox" Grid.Row="0" Grid.Column="3" Text="{Binding PA.X}" Background="AliceBlue" Margin="3"/>
42 <TextBlock Text="Y=:" Margin="2" Grid.Row="0" Grid.Column="4"/>
43 <TextBox x:Name="AY_TextBox" Grid.Row="0" Grid.Column="5" Text="{Binding PA.Y}" Background="AliceBlue" Margin="3"/>
44 </Grid>
45 </GroupBox>
46
47 <GroupBox Header="方向点" Grid.Row="1">
48 <Grid>
49 <Grid.ColumnDefinitions>
50 <ColumnDefinition Width="40*"/>
51 <ColumnDefinition Width="60*"/>
52 <ColumnDefinition Width="40*"/>
53 <ColumnDefinition Width="60*"/>
54 <ColumnDefinition Width="40*"/>
55 <ColumnDefinition Width="60*"/>
56 </Grid.ColumnDefinitions>
57 <TextBlock Text="点名:" Margin="2" Grid.Row="1" Grid.Column="0"/>
58 <TextBox x:Name="B_Name" Grid.Row="1" Grid.Column="1" Text="{Binding PB.Name}" Background="AliceBlue" Margin="3"/>
59
60 <TextBlock Text="X=" Margin="2" Grid.Row="1" Grid.Column="2"/>
61 <TextBox x:Name="BX_TextBox" Grid.Row="1" Grid.Column="3" Text="{Binding PB.X}" Background="AliceBlue" Margin="3"/>
62
63 <TextBlock Text="Y=:" Margin="2" Grid.Row="1" Grid.Column="4"/>
64 <TextBox x:Name="BY_TextBox" Grid.Row="1" Grid.Column="5" Text="{Binding PB.Y}" Background="AliceBlue" Margin="3"/>
65
66 </Grid>
67 </GroupBox>
68
69 <GroupBox Header="计算成果" Grid.Row="2">
70 <Grid>
71 <Grid.ColumnDefinitions>
72 <ColumnDefinition Width="105*"/>
73 <ColumnDefinition Width="120*"/>
74 </Grid.ColumnDefinitions>
75 <Grid.RowDefinitions>
76 <RowDefinition Height="30*"/>
77 <RowDefinition Height="30*"/>
78 </Grid.RowDefinitions>
79 <TextBlock d:Text="坐标方位角:" Name="AZ_Name" Text="{Binding AzName}" Grid.Row="0" Grid.Column="0" Margin="12"/>
80 <TextBox x:Name="Az" Grid.Row="0" Grid.Column="1" Text="{Binding AzValue}" Background="AliceBlue" Margin="3"/>
81
82 <TextBlock Text="距离:" Grid.Row="1" Grid.Column="0" Margin="12"/>
83 <TextBox x:Name="Distance" Grid.Row="1" Grid.Column="1" Text="{Binding Dist}" Background="AliceBlue" Margin="3"/>
84 </Grid>
85 </GroupBox>
86 <StackPanel Orientation="Horizontal" Grid.Row="3" HorizontalAlignment="Center">
87 <Button x:Name="Calculate" Content="计算" BorderThickness="3" BorderBrush="YellowGreen" Width="100" Click="Calculate_Click" Margin="10"/>
88 <Button x:Name="Exit" BorderThickness="3" BorderBrush="YellowGreen" Click="Exit_Click" Width="100" Content="关闭" Margin="10"/>
89 </StackPanel>
90 </Grid>
91 </Window>
数据绑定模型类的设计代码如下：
1 {
2 /// <summary>
3 ///
4 /// </summary>
5 public class AzimuthWindowVM : NotifyPropertyObject
6 {
7 //public event PropertyChangedEventHandler PropertyChanged;
8 //public void RaisePropertyChanged(string propertyName)
9 //{
10 // if (PropertyChanged != null)
11 // {
12 // PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
13 // }
14 //}
15
16 private Point pA = new Point("A",0.0,0.0);
17 public Point PA
18 {
19 get { return pA; }
20 //set
21 //{
22 // pA = value;
23 // RaisePropertyChanged("PA");
24 // //if (PropertyChanged != null)
25 // //{
26 // // PropertyChanged.Invoke(this, new PropertyChangedEventArgs("AName"));
27 // //}
28 //}
29 }
30 //private double xA;
31
32 //public double XA
33 //{
34 // get { return xA; }
35 // set
36 // {
37 // xA = value;
38 // RaisePropertyChanged("XA");
39 // //if (PropertyChanged != null)
40 // //{
41 // // PropertyChanged.Invoke(this, new PropertyChangedEventArgs("XA"));
42 // //}
43 // }
44 //}
45
46 //private double yA;
47 //public double YA
48 //{
49 // get { return yA; }
50 // set
51 // {
52 // yA = value;
53 // RaisePropertyChanged("YA");
54 // //if (PropertyChanged != null)
55 // //{
56 // // PropertyChanged.Invoke(this, new PropertyChangedEventArgs("YA"));
57 // //}
58 // }
59 //}
60
61 private Point pB = new Point("B",1.0,1.0);
62 public Point PB
63 {
64 get { return pB; }
65 //set
66 //{
67 // pB = value;
68 // RaisePropertyChanged("PB");
69 // //if (PropertyChanged != null)
70 // //{
71 // // PropertyChanged.Invoke(this, new PropertyChangedEventArgs("BName"));
72 // //}
73 //}
74 }
75
76 //private double xB;
77
78 //public double XB
79 //{
80 // get { return xB; }
81 // set
82 // {
83 // xB = value;
84 // RaisePropertyChanged("XB");
85 // //if (PropertyChanged != null)
86 // //{
87 // // PropertyChanged.Invoke(this, new PropertyChangedEventArgs("XB"));
88 // //}
89 // }
90 //}
91
92 //public double yB;
93 //public double YB
94 //{
95 // get { return yB; }
96 // set
97 // {
98 // yB = value;
99 // RaisePropertyChanged("YB");
100 // //if (PropertyChanged != null)
101 // //{
102 // // PropertyChanged.Invoke(this, new PropertyChangedEventArgs("YB"));
103 // //}
104 // }
105 //}
106
107
108 private string azName = "A001->B004的坐标方位角";
109 public string AzName
110 {
111 get { return azName; }
112 set { azName = value; RaisePropertyChanged("AzName"); }
113 }
114
115 private String azValue;
116 public String AzValue
117 {
118 get { return azValue; }
119 set { azValue = value; RaisePropertyChanged("AzValue"); }
120 }
121 private double dist;
122 public double Dist
123 {
124 get { return dist; }
125 set { dist = value; RaisePropertyChanged("Dist"); }
126 }
127
128 public void Caculate()
129 {
130 var ad = FZY.SurMath.AzimuthDistance(PA.X, PA.Y, PB.X, PB.Y);
131 AzValue = FZY.SurMath.RADtoDMSString(ad.az);
132 Dist = ad.d;
133 AzName = $"{PA.Name}->{PB.Name}的坐标方位角";
134 }
135 }
136 }
很明显，这个类是从NotifyPropertyObject类继承过来的
1 using System.ComponentModel;
2
3 namespace FZY
4 {
5 public class NotifyPropertyObject : INotifyPropertyChanged
6 {
7 public event PropertyChangedEventHandler PropertyChanged;
8 public void RaisePropertyChanged(string propertyName)
9 {
10 if (PropertyChanged != null)
11 {
12 PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
13 }
14 }
15 }
16 }
在这里，我们用到了INotifyPropertyChanged接口的一些功能。
总结：WPF数据绑定技术实质用到的就是C#中的属性的知识，我们通过set访问器来实时写入新值，这足以显示出属性的重要性，因此，熟练运用属性知识对数据绑定来说非常重要。
C#-WPF数据绑定基础(一)的更多相关文章
- WPF 数据绑定基础
纯理论,可能会枯燥. .net 技术群: 199281001 ,欢迎加入. 1.目标对象一定是派生自DependencyObject的对象,并且目标属性必须是依赖属性,否则数据绑定操作将会失 败. ...
- WPF 数据绑定 1_1 基础知识&绑定到元素属性
A.数据绑定基础: 数据源对象:WPF将从该对象中提取信息,交由目标对象进行显示. 目标对象:从数据源中提取信息,并赋给该对象的属性. B.绑定到元素属性 最简单的绑定情形则是将一个源对象指定为一个W ...
- Windows 8实例教程系列 - 数据绑定基础实例
原文:Windows 8实例教程系列 - 数据绑定基础实例 数据绑定是WPF,Silverlight以及Windows Phone应用开发中最为常用的开发技术,在基于XAML的Windows Stor ...
- 微软原文翻译：适用于.Net Core的WPF数据绑定概述
原文链接,大部分是机器翻译,仅做了小部分修改.英.中文对照,看不懂的看英文. Data binding overview in WPF 2019/09/19 Data binding in Windo ...
- WPF 数据绑定Binding
什么是数据绑定? Windows Presentation Foundation (WPF) 数据绑定为应用程序提供了一种简单而一致的方法来显示数据以及与数据交互. 通过数据绑定,您可以对两个不同对象 ...
- WPF数据绑定Binding(二)
WPF数据绑定Binding(二) 1.UI控件直接的数据绑定 UI对象间的绑定,也是最基本的形式,通常是将源对象Source的某个属性值绑定 (拷贝) 到目标对象Destination的某个属性上. ...
- WPF——数据绑定（一）什么是数据绑定
注意:本人初学WPF,文中可能有表达或者技术性问题,欢迎指正!谢谢! 一:什么是数据绑定? “Windows Presentation Foundation (WPF) 数据绑定为应用程序提供了一种简 ...
- 剖析WPF数据绑定机制
引言 WPF框架采取的是MVVM模式,也就是数据驱动UI,UI控件(Controls)被严格地限制在表示层内,不会参与业务逻辑的处理,只是通过数据绑定(Data Binding)简单忠实地表达与之绑定 ...
- WPF 10天修炼 第十天- WPF数据绑定
WPF数据绑定 数据绑定到元素属性是将源对象指定为一个WPF元素,并且源属性是一个依赖属性,依赖属性内置了变更通知.当改变源对象依赖属性值之后,绑定目标可以立即得到更新,开发人员不需要手动编写响应事件 ...
随机推荐
- oracle查看和修改session和最大连接数
第一步,在cmd命令行,输入sqlplus 第二步,根据提示输入用户名与密码 1. 查看processes和sessions参数 SQL> show parameter processes NA ...
- 手机淘宝轻店业务 Serverless 研发模式升级实践
一.前言 随着 Serverless 在业界各云平台落地,阿里内部 Serverless 研发平台.各种研发模式也在业务中逐步落地,如火如荼.在此契机下,淘系团队启动了轻店 Serverless 研发 ...
- 项目实战 Prometheus环境搭建
项目摘要: 本文是搭建一套prometheus环境的教程. 前期准备:准备三台虚拟机,本文以centos7为例. 项目具体实施:分别进入每台虚拟机设置hostname:# hostnamectl se ...
- python 类中的公有属性 私有属性 实例属性
class parent(): i=1 __j=2 class child(parent): m=3 __n=4 def __init__(self,age,name): self.age=age s ...
- django 1.11.16之环境搭建
django版本:django1.11.16 windows环境 python 3.6.3 !!!可先安装虚拟环境在进行环境搭建 1.安装django:pip install django= ...
- python字符串调用举例
以如下打印为例: my name is tom and my age is 12 方式一:字符串格式化表达式 name = 'tom' age = 12 print("my name is ...
- javascript-jquery插件
1.jquery创建插件 jQuery.extend({插件名:函数体,插件名:函数体}): html部分 <div id="div1">开始动画</div> ...
- 如何从一台OPC Server访问多个PLC
项目中遇到如下情况: 1. 整条生产线由多个PLC分别控制,但是所有PLC在同一个局域网内.PLC采用西门子的S7-200 Smart 2. 客户希望在操作工站的电脑(跟PLC在同一个局域网内)上提供 ...
- Java：volatile笔记
Java:volatile笔记 本笔记是根据bilibili上 尚硅谷 的课程 Java大厂面试题第二季 而做的笔记 1. volatile 和 JMM 内存模型的可见性 JUC 下的三个包 java ...
- （数据科学学习手札129）geopandas 0.10版本重要新特性一览
本文示例代码及文件已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 就在前不久,我们非常熟悉的Python地理 ...