(精华)2020年01月02日 WPF布局

举报
愚公搬代码 发表于 2021/10/19 23:22:35 2021/10/19
【摘要】 WPF布局基础 1:WPF布局原则 一个窗口中只能包含一个元素不应显示设置元素尺寸不应使用坐标设置元素的位置可以嵌套布局容器 2:WPF布局容器 StackPanel: 水平或垂直排列元素、Ori...

WPF布局基础

1:WPF布局原则

  • 一个窗口中只能包含一个元素
  • 不应显示设置元素尺寸
  • 不应使用坐标设置元素的位置
  • 可以嵌套布局容器

2:WPF布局容器

  • StackPanel: 水平或垂直排列元素、Orientation属性分别: Horizontal / Vertical

StackPanel主要用于垂直或水平排列元素、在容器的可用尺寸内放置有限个元素,元素的
尺寸总和(长/高)不允许超过StackPanel的尺寸, 否则超出的部分不可见。
在这里插入图片描述

  • WrapPanel : 水平或垂直排列元素、针对剩余空间不足会进行换行或换列进行排列

WrapPanel默认排列方向与StackPanel相反、WrapPanel的Orientation默认为Horizontal。
WrapPanel具备StackPanel的功能基础上具备在尺寸变更后自动适应容器的宽高进行换行换列处理。
在这里插入图片描述

  • DockPanel : 根据容器的边界、元素进行Dock.Top、Left、Right、Bottom设置

默认DockPanel中的元素具备DockPanel.Dock属性, 该属性为枚举具备: Top、Left、Right、Bottom。
默认情况下, DockPanel中的元素不添加DockPanel.Dock属性, 则系统则会默认添加 Left。
DockPanel有一个LastChildFill属性, 该属性默认为true, 该属性作用为, 当容器中的最后一个元素时,
默认该元素填充DockPanel所有空间。
在这里插入图片描述

  • Grid : 类似table表格、可灵活设置行列并放置控件元素、比较常用

学过web的老弟应该知道table表格, 而Grid与其类似, Grid具备分割空间的能力。 RowDefinitions /
ColumnDefinitions 用于给Grid分配行与列。 ColumnSpan / RowSpan 则用于设置空间元素的 跨列与阔行。
在这里插入图片描述
在这里插入图片描述

  • UniformGrid : 指定行和列的数量, 均分有限的容器空间
  • Canvas : 使用固定的坐标设置元素的位置、不具备锚定停靠等功能。

该容器就相当于一个 “地图”, 包含内的所有控件元素, 则都通过使用XY来定位, 由于不太常用, 所以简单掠过。

文章来源: codeboy.blog.csdn.net,作者:愚公搬代码,版权归原作者所有,如需转载,请联系作者。

原文链接:codeboy.blog.csdn.net/article/details/111713370

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。