WPF的UI布局

WPF 的 UI 布局

XAML的优点

1. ui和动画更专业-好用

2. 简单易懂，结构清晰-易学

3. 使设计师直接参与软件开发，随时沟通无需二次转化-高效

4. 真正实现了UI和逻辑的剥离(ui集中在ui层、逻辑代码集中在程序逻辑层，形成高内聚低耦合的结构)

XAML是一种“声明”式语言，当你见到一个标签，就意味着声明了一个对象，对象之间的层级关系要么是并列、要么是包含，全都体现在标签的关系上。

非空标签:<Tag Attribute1=Value1 Attribute2=Value2>Content</Tag>空标签:<Tag Attribute1=Value1 Attribute2=Value2/>

【1 】布局的原则 第一、如果做屏幕适应的程序，不要显示的设置元素（控件）的尺寸，一般可以设置最小和最大尺寸。 第二、不应使用屏幕坐标指定元素位置，元素的位置应该由它所在的容器决定。 第三、布局容器可以嵌套。 【2 】布局的容器

Canvas 定义一个区域，在此区域内，您可以使用相对于 Canvas 区域的坐标显式定位子元素。

DockPanel 定义一个区域，在此区域中，您可以使子元素互相水平或垂直排列。

Grid 定义由行和列组成的灵活网格区域。

StackPanel 将子元素排列成一行（可沿水平或垂直方向）。

VirtualizingPanel 为“虚拟化”其子数据集合的 Panel 元素提供一个框架。这是一个抽象类。

WrapPanel 从左至右按顺序位置定位子元素，在包含框的边缘处将内容断开至下一行。后续排序按照从上至下