10、WinRT布局系统与控件详解

WinRT布局系统与控件详解

在构建用户界面时，选择合适的元素和控件对于实现良好的可用性和用户体验至关重要。WinRT提供了一套灵活的布局系统，下面将详细介绍其布局原理、常见布局面板以及相关的重要属性。

1. 布局概述

布局是指在面对用户交互或内容变化时，元素的放置以及其大小和位置的调整过程。与Win32/MFC中简单且受限的布局模型不同，WinRT基于一组布局面板提供了更灵活的布局方式。通过不同方式组合这些面板，可以创建复杂且自适应的布局。

布局过程分为两个步骤：
1.测量阶段：布局容器询问每个子元素所需的大小。
2.排列阶段：容器根据适用的逻辑（针对该面板类型）确定每个子元素的最终位置和大小，并将其放置在相应的矩形区域中。

每个元素会向其父元素表明其大小要求，以下是与这些要求相关的重要属性：
| 属性 | 描述 |
| ---- | ---- |
| Width/Height | 元素的宽度和高度，默认值为“Auto”，表示元素会根据需要自动调整大小。实际渲染的宽度和高度可通过FrameworkElement::ActualWidth和ActualHeight只读属性获取。 |
| MinWidth/MaxWidth/MinHeight/MaxHeight | 元素大小的最小值和最大值，默认最小值为0，最大值为无穷大。 |
| Margin | 元素周围的“空白空间”，类型为Thickness，有四个字段