StackPanel 堆栈面板

堆栈面板通过水平或垂直堆叠其子控件来排列它们。堆栈面板通常用于在页面上排列UI的一个小部分。

在堆栈面板内部，如果子控件在垂直于堆栈的方向上没有设置大小属性，那么子控件将扩展以填充可用空间。例如，在水平方向上，如果未设置，子控件的高度将会扩展。

在堆栈的方向上，堆栈面板将总是扩展以适应所有子控件。

常用属性

你可能最常使用这些属性：

属性	描述
`Orientation`	设置堆栈的方向。可选择水平或垂直（默认）。
`Spacing`	在子控件之间创建均匀间距。

示例

以下XAML展示了如何创建一个垂直的堆栈面板。

<StackPanel Width="200">
    <Rectangle Fill="Red" Height="50"/>
    <Rectangle Fill="Blue" Height="50"/>
    <Rectangle Fill="Green" Height="100"/>
    <Rectangle Fill="Orange" Height="50"/>
</StackPanel>

结果显示子控件被拉伸以适应宽度，而堆栈面板的总高度等于子控件高度的总和。

常用属性​

示例​

更多信息​

常用属性

示例

更多信息