WPF - StackPanel 堆栈面板

StackPanel 堆栈面板是 XAML 中的一个简单且有用的布局面板。 在堆栈面板中,子元素可以根据方向属性水平或垂直排列在一行中。 每当要创建任何类型的列表时都经常使用它。 StackPanel类的层次继承如下 −

Stackpanel 的层次结构

StackPanel常用属性

Sr. No. 属性和描述
1

Background

获取或设置填充面板内容区域的Brush。 (继承自Panel)

2

Children

获取此面板的子元素的 UIElementCollection。 (继承自Panel。)

3

Height

获取或设置元素的建议高度。 (继承自FrameworkElement。)

4

ItemHeight

获取或设置一个值,该值指定 WrapPanel 中包含的所有项目的高度。

5

ItemWidth

获取或设置一个值,该值指定 WrapPanel 中包含的所有项目的宽度。

6

LogicalChildren

获取一个可以迭代此Panel 元素的逻辑子元素的枚举器。 (继承自Panel。)

7

LogicalOrientation

面板的方向(如果面板仅支持单个维度的布局)。 (继承自Panel。)

8

Margin

获取或设置元素的外边距。 (继承自FrameworkElement。)

9

Name

获取或设置元素的标识名称。 该名称提供了一个引用,以便代码隐藏(例如事件处理程序代码)可以在 XAML 处理器处理期间构造标记元素后引用该标记元素。 (继承自FrameworkElement。)

10

Orientation

获取或设置一个值,该值指定子内容的排列维度。

11

Parent

获取该元素的逻辑父元素。 (继承自FrameworkElement。)

12

Resources

获取或设置本地定义的资源字典。 (继承自FrameworkElement。)

13

Style

获取或设置此元素在呈现时使用的样式。 (继承自FrameworkElement。)

14

Width

获取或设置元素的宽度。 (继承自 FrameworkElement。)

示例

以下示例演示如何将子元素添加到 StackPanel 中。 以下 XAML 实现在 StackPanel 内创建具有某些属性的按钮。

<Window x:Class = "WPFStackPanel.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPFStackPanel" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid> 
      <StackPanel Orientation = "Horizontal"> 
         <Button x:Name = "button" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
         <Button x:Name = "button1" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
         <Button x:Name = "button2" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
         <Button x:Name = "button3" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
      </StackPanel>  
   </Grid> 
	
</Window> 

当您编译并执行上述代码时,将产生以下窗口。 您可以看到子元素是按水平顺序排列的。 可以通过将方向属性设置为水平来更改排列。 默认情况下,子元素将按垂直顺序排列。

Stackpanel 的输出

我们建议您执行上面的示例代码并尝试该类的其他属性。

❮ wpf_layouts.html