WPF WrapPanel:自动折行面板
WrapPanel:自动折行面板。内部元素在排满一行后能够自动折行,类似于Html中的流式布局
WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的 顺序进行。
常用的方法:
1. Orientation——根据内容自动换行。当Orientation属性的值设置为 Horizontal:元素是从左向右排列的,然后自上至下自动换行。当Orientation属 性的值设置为Vertical:元素是从上向下排列的,然后从左至右自动换行。
2.ItemHeight——所有子元素都一致的高度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。任何比ItemHeight高的 元素都将被截断。
3 ItemWidth——所有子元素都一致的宽度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。任何比ItemWidth高的元 素都将被截断。
代码:
<WrapPanel Orientation="Vertical" ItemHeight="50" ItemWidth="50" Margin="0,0,0,-2" >
<Button Background="Red">按钮1</Button>
<Button Background="Red">按钮2</Button>
<Button Background="Red">按钮3</Button>
<Button Background="Red">按钮4</Button>
<Button Background="Red">按钮5</Button>
<Button Background="Red">按钮6</Button>
</WrapPanel>
当窗体高度较小时候的效果
窗体的高度较大时
Orientation属性的值设置为Vertical
代码:
<WrapPanel Orientation="Horizontal" ItemHeight="50" ItemWidth="70" Margin="0,0,0,159" >
<Button Background="Red">按钮1</Button>
<Button Background="Red">按钮2</Button>
<Button Background="Red">按钮3</Button>
<Button Background="Red">按钮4</Button>
<Button Background="Red">按钮5</Button>
<Button Background="Red">按钮6</Button>
</WrapPanel>
宽度较小时的效果:
宽度较大效果:
WPF WrapPanel:自动折行面板相关推荐
- WPF的自动折行面板
自动折行面板 自动折行面板:WrapPanel WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的 顺序进行. ...
- WrapPanel:自动折行面板(环绕面板)基础简述
WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行或换列,后续排序按照从上至下或从右至左的顺序进行. Orientation--根据内容自动换行. ...
- C#四种布局方式(网格、泊靠式面板、栈式面板、自动折行式)
C#四种布局面板 利用网格将四种布局面板整合到一个窗口,讲解都在注释中,代码如下 <Grid><Grid.RowDefinitions><RowDefinition He ...
- linux vim自动换行,VIM 的自动换行及自动折行设置
VIM 的自动换行及自动折行设置 以 .vimrc 文件中的设置为例: " 自动换行是每行超过 n 个字的时候 vim 自动加上换行符 " 需要注意的是,如果一个段落的首个单词很长 ...
- 子元素自动填充父容器, 并且会自动折行- dispaly: grid
很多时候,我们都需要这样的布局 父元素宽度是resizable 子元素个数不确定 子元素无论都少宽度都可以自动填充父元素 当子元素过多时, 子元素可以自动折行 每行的子元素宽度一置,都是左对齐 如图: ...
- html div文本自动换行,html中使用css控制div、p、td等自动换行、自动折行方法
自动换行.自动折行已经是个老问题,使用css控制很简单,不过如果稍不注意可能解决了一却忽略了二,所以需要个完整解决办法. 需要搞定html中所有标签,比如div.p.td等. 方法: 这个方法支持ie ...
- spacevim 添加自动折行
spacevim 非常好用,强烈的安利.但是有一样不好用的地方就是写markdown的时候不会自动的折行,这点体验非常的不好.经过查询我找到了方法. vim ~/.SpaceVim/vimrc 添加一 ...
- 不再为DataGrid生成的表格的单无格中的内容过长、自动折行、表格撑开等问题而烦恼----一个很久以前的做品...
是我以前用在一个项目中的,如有些地方不适用于你,你可以修改部分代码. 功能: 按列分色: 过长内容自动隐藏: 鼠标Over自动展开 ...
- html的td中自动折行无效,Html中td自动换行问题
来自:http://blog.csdn.net/dududu01/article/details/6000350 Html中td自动换行问题 2010-11-10 15:27 478人阅读 评论(0) ...
最新文章
- 【译】使用自定义ViewHelper来简化Asp.net MVC view的开发------part1
- c语言中size of 用法,C语言中sizeof()的用法
- Excel关于使用图形的妙招技法
- 列表数据提交_Mybatis-实现数据的增删改查
- web.xml与index.html
- django orm 中表与表之间建关系 视图层 路由层 django请求生命周期...
- ubuntu16.xxx安装mysql5.0项目迁移环境搭建
- android设备连接工具箱,ADB工具连接Android手机
- Android 热修复原理
- aspen怎么做灵敏度分析_灵敏度分析 aspen
- linux flash文件系统,需要了解Linux flash文件系统
- 谈程序员的职业发展前景
- java effective
- android 怎么去掉标题,android中如何去掉标题栏
- 教你用Python制作微信好友背景墙
- bat批处理静默自动安装证书
- 微信服务器 系统发生错误,微信系统故障 仍未修复
- python---爬虫
- keras导入VGG16下载太慢解决办法
- go学习笔记之bufio的使用
热门文章
- 视频设置封面的方法有哪些
- 计算机网络p2p应用,计算机网络(十二):P2P应用
- 建站技术:不懂设计怎么也能做出好看的banner
- 小冰发布全球首款人工智能「Office」,沈向洋:我们不走寻常路
- jquery 实现时间倒计时,精确到时分秒@令狐张豪
- 微信平台之坐标系与位置
- Python标准库datetime之datetime模块详解
- 限时免费学习课程内容:亚马逊云科技云概念、亚马逊云科技服务、安全性、架构。
- python实现城市气候与海洋的关系研究
- android 锤子便签图文混排,锤子便签(com.smartisan.notes) - 3.7.3 - 应用 - 酷安