布局篇-StackPanel布局

最新推荐文章于 2025-05-28 10:04:26 发布

iamsupercola

最新推荐文章于 2025-05-28 10:04:26 发布

阅读量1.8w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： WPF 文章标签： button header

本文链接：https://blog.csdn.net/iamsupercola/article/details/7039542

WPF 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了StackPanel布局控件的使用方法及其三个关键属性：Orientation、HorizontalAlignment 和 VerticalAlignment 的功能与应用。通过示例代码展示了如何利用这些属性实现元素的纵向或横向累积及不同对齐方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

StackPanel可以把内部元素在纵向或横向上紧凑排列，形成栈式布局

StackPanel的三个属性

属性名称

数据类型

可取值

描述

Orientation

Orientation枚举

Horizontal

Vertical

决定内部元素是横向累积还是纵向累积

HorizontalAlignment

HorizontalAlignment枚举

Left

Center

Right

Stretch

决定内部元素水平方向上的对齐方式

VerticalAlignment

Top

Center

Bottom

Stretch

决定内部元素竖直方向上的对齐方式

实例代码

    <Grid>
        <GroupBox Header="请选择没有错别字的成语"  BorderBrush="Black" Margin="5">
            <StackPanel Margin="5" Height="271">
                <CheckBox Content="A.迫不及待" />
                <CheckBox Content="B.首屈一指" />
                <CheckBox Content="C.陈词滥调" />
                <CheckBox Content="D.不可理喻" />
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                    <Button Content="清空" Width="60" Margin="5" />
                    <Button Content="确定" Width="60" Margin="5" />
                </StackPanel>
            </StackPanel>
        </GroupBox>
    </Grid>

效果如图：