黑马程序员————WPF页面布局及数据绑定

---------------------- ASP.Net+Android+IO开发S、.Net培训、期待与您交流！ ---------------------- 

 

页面布局

 

1、WPF中三种基本布局方式：StackPanel、Grid、DockPanel

 

2、StackPanel布局方式重要属性说明

Orientation属性有两个可选值，“Horizontal”和“Vertical”它的主要作用是控制在布局当中的元素是按照横向排列还是纵向排列。

 

Orientation="Vertical"；默认布局方向是纵向排列。

 

VerticalAlignment：属性有四个可选值（center，right，left，Stretch）用来控制子元素的纵向布局方式。

 

HorizontalAlignment：属性有四个可选值（center，right，left，Stretch）用来控制子元素的横向布局方式。

 

StackPanel布局方式案例演示

下面是对应的XMAL代码：

 

其运行的结果是：

 

3、Grid布局重要属性说明

 

 XMAL代码中：Grid.Row=" 1"，Grid.Column="1"将元素控制在第二行第二列显示。

Grid.RowSpan="2"：夸两行显示。

-------->列定义

-------->行定义

Margin="3"；控件距离四周的距离。 

 

Gird布局方式案例演示

下面是相关的XMAL代码：

 

 

其运行的结果是：

 

动态生成一个水晶连连看布局样式：

后台代码：

 

 

运行的结果是：

 

4、利用DockPancel的布局方式，创建菜单和工具栏布局样式

下面是相应的XMAL代码

 

其运行的结果是：

 

 

5、布局之间相互嵌套(如XMAL中的代码所示)

 

数据绑定

 

dataContext：数据上下文。（数据源）

WPF中的数据绑定提供了很强大的功能。与普通的WinForm程序相比，其绑定功能为我们提供了很多便利，例如Binding对象的自动通知/刷新，Converter，Validation Rules，Two Way Binding等功能，省去了很多维护的繁琐工作。另外对于WPF中提供的数据模板功能，让我们可以轻松定制可以被复用的控制呈现的模块—但这是以数据绑定为前提来做到轻松易用的效果的。数据提供者例如XmlDataProvider和ObjectDataProvider更是简化了将对象以特定方式绑定并呈现的过程。可以说，数据绑定是WPF中让我们真正能够开始体现其便利性的特征之一，而对以数据驱动的应用来讲，其重要性不言而喻。

数据绑定的关键是System.Windows.Data.Binding对象，它会把两个对象(UI对象与UI对象之间，UI对象与.NET数据对象之间)按照指定的方式粘合在一起，并在他们之间建立一条通信通道，绑定一旦建立，接下来的应用生命周期中它可以自己独立完成所有的同步工作。根据其应用场合的不同我们将在本文中从以下几个部分分别讨论：

·         对象间的绑定

·         绑定到集合

·         数据模板

·         向绑定添加规则和转换器

 

1.     UI对象间的绑定

UI对象间的绑定，也是最基本的形式，通常是将源对象Source的某个属性值绑定 (拷贝) 到目标对象Destination的某个属性上。源属性可以是任意类型，但目标属性必须是依赖属性(Dependency Property)。通常情况下我们对于UI对象间的绑定源属性和目标属性都是依赖属性 (有些属性不是) ，因为依赖属性有垂直的内嵌变更通知机制，WPF可以保持目标属性和源属性的同步。

看个简单的例子是如何在XAML中实现数据绑定的：