WPF排版方法整理

最新推荐文章于 2024-07-10 09:43:56 发布

nippon1218

最新推荐文章于 2024-07-10 09:43:56 发布

阅读量2.2k

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/nippon1218/article/details/88083235

版权

本文介绍了WPF中四种常用的排版控制面板：StackPanel、WrapPanel、DockPanel和Grid。StackPanel将元素按行或列堆积，WrapPanel会自动换行排列，DockPanel允许元素停靠在四周，而Grid则提供表格形式的布局。详细讲解了每个面板的特点和使用示例。

摘要由CSDN通过智能技术生成

WPF排版方法整理

WPF使用控制面板来进行排版，控制面板是一种可以放入WPF界面元素的容器。当用户把界面元素放入控制面板后，WPF会把这些界面元素放在合适的地方。

在这里插入图片描述

1 StackPanel

StackPanel是最简单的一种控制面板，它把其中的UI元素按横向或纵向堆积排列，每个元素占一行或者一列，Orientation属性指定排列方式：Vertical(垂直)[默认]、Horizontal(水平)，默认情况下，水平排列时，每个元素都与面板一样高；垂直排列时，每个元素都与面板一样宽。如果包含的元素超过了面板空间，它只会截断多出的内容。元素的Margin属性用于使元素之间产生一定得间隔，当元素空间大于其内容的空间时，剩余空间将由HorizontalAlignment和VerticalAlignment属性来决定如何分配。
案例：

<Window x:Class="My1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel Name="stackpanel" Margin="0" Orientation="Vertical" >
        <Button Content="first" ></Button>
        <Button Content="second"></Button>
        <Button Content="第三个"></Button>
        <Button Content="第5个"></Button>
    </StackPanel>
</Window>

效果如下：