【WPF】布局容器/面板总结XAML-Panel控件

Panel元素是控制元素呈现(大小、尺寸、位置、字内容排列)的组件。

常用布局容器

Grid

用于创建网格区域(行列)

// 在Grid里面使用
//定义列的数量
<Grid.ColumnDefinitions>
        <ColumnDefinition />
</Grid.ColumnDefinitions>
//定义行的数量
<Grid.RowDefinitions>
        <RowDefinition />
</Grid.RowDefinitions>
<Button Grid.Row = "1"></Button>

StackPanel

将子元素排列成水平或垂直的一行(默认值为拉伸)

WrapPanel

按从左到右的顺序位置定位子元素,在包含框的边缘处将内容切换到下一行-自动换行。 后续排序按照从上至下或从右至左的顺序进行,具体取决于 Orientation 属性的值。

DockPanel

将内容布局到4个方向Top,Left,Bottom,Right

UniformGrid

提供一种在网格(网格中的所有单元格都具有相同的大小)中排列内容的方法。

Virtual派生面板

常用布局属性

属性 作用
HorizontalAlignment 用于设置有元素水平位置
VerticalAligment 用于设置元素的垂直位置
Margin 元素与容器的边距
Height/Weight 元素高宽
Padding 内边距

…持续编辑
附上微软文档地址
https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/panels-overview?view=netframeworkdesktop-4.8

相关推荐

  1. WPF布局容器/面板总结XAML-Panel

    2024-02-06 07:24:05       39 阅读
  2. WPF 布局 Grid表格

    2024-02-06 07:24:05       7 阅读
  3. WPF中的选项卡布局TabControl

    2024-02-06 07:24:05       35 阅读
  4. WPF 获取父容器的宽度

    2024-02-06 07:24:05       25 阅读
  5. WPF应用13】WPF基本-DockPanel布局详解与示例

    2024-02-06 07:24:05       20 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-06 07:24:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-06 07:24:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-06 07:24:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-06 07:24:05       20 阅读

热门阅读

  1. leetcode 74.搜索二维矩阵

    2024-02-06 07:24:05       36 阅读
  2. I3c的上拉电阻选择

    2024-02-06 07:24:05       30 阅读
  3. React 错误边界组件 react-error-boundary 源码解析

    2024-02-06 07:24:05       38 阅读
  4. golang开源定时任务调度框架

    2024-02-06 07:24:05       32 阅读
  5. 这是为什么啊!

    2024-02-06 07:24:05       30 阅读
  6. Rust消费kafka

    2024-02-06 07:24:05       32 阅读
  7. Spring boot 集成redis

    2024-02-06 07:24:05       29 阅读
  8. 【案例】--分布式”雪花算法案例

    2024-02-06 07:24:05       31 阅读
  9. Springboot使用kafka的两种方式

    2024-02-06 07:24:05       33 阅读