使用布局管理

核心提示： 这些代码绘制的界面效果如下：Canvas 适用于其中包含的 UI 元素比较固定的情形，但是如果你想向其中添加更多的控件，使用布局管理(2)，或者 UI 需要改变大小或能够移动，Canvas 显得不太灵活，StackPanel 会自动在一个垂直地堆叠（stack）中排列我们的按钮（【译注：这

这些代码绘制的界面效果如下：

Canvas 适用于其中包含的 UI 元素比较固定的情形，但是如果你想向其中添加更多的控件，或者 UI 需要改变大小或能够移动，Canvas 显得不太灵活。这时，你不得不忙于手写代码来移动 Canvas 中的东西（这很痛苦）。应付这种动态的场景，更好的办法通常是使用其它带有相关功能的内建语义的布局面板，如 StackPanel 和 Grid。

StackPanel

StackPanel 是一种简单的布局面板，它支持用行或列的方式来定位其中包含的控件。StackPanel 常用于安排页面上的一个很小的 UI 部分。

例如，我们可以用下面的 XAML 标签在页面上垂直的排布3个按钮：

在运行时刻，StackPanel 会自动在一个垂直地堆叠（stack）中排列我们的按钮（【译注：这也是为什么叫 StackPanel 的原因】），如下所示：

同样，我们还可以把 Orientation 属性设置为 Horizontal 而不是 Vertical （默认值）：

这会让 StackPanel 水平地排布3个按钮，如下图所示：