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:自动折行面板相关推荐

  1. WPF的自动折行面板

    自动折行面板 自动折行面板:WrapPanel WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的 顺序进行. ...

  2. WrapPanel:自动折行面板(环绕面板)基础简述

    WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行或换列,后续排序按照从上至下或从右至左的顺序进行. Orientation--根据内容自动换行. ...

  3. C#四种布局方式(网格、泊靠式面板、栈式面板、自动折行式)

    C#四种布局面板 利用网格将四种布局面板整合到一个窗口,讲解都在注释中,代码如下 <Grid><Grid.RowDefinitions><RowDefinition He ...

  4. linux vim自动换行,VIM 的自动换行及自动折行设置

    VIM 的自动换行及自动折行设置 以 .vimrc 文件中的设置为例: " 自动换行是每行超过 n 个字的时候 vim 自动加上换行符 " 需要注意的是,如果一个段落的首个单词很长 ...

  5. 子元素自动填充父容器, 并且会自动折行- dispaly: grid

    很多时候,我们都需要这样的布局 父元素宽度是resizable 子元素个数不确定 子元素无论都少宽度都可以自动填充父元素 当子元素过多时, 子元素可以自动折行 每行的子元素宽度一置,都是左对齐 如图: ...

  6. html div文本自动换行,html中使用css控制div、p、td等自动换行、自动折行方法

    自动换行.自动折行已经是个老问题,使用css控制很简单,不过如果稍不注意可能解决了一却忽略了二,所以需要个完整解决办法. 需要搞定html中所有标签,比如div.p.td等. 方法: 这个方法支持ie ...

  7. spacevim 添加自动折行

    spacevim 非常好用,强烈的安利.但是有一样不好用的地方就是写markdown的时候不会自动的折行,这点体验非常的不好.经过查询我找到了方法. vim ~/.SpaceVim/vimrc 添加一 ...

  8. 不再为DataGrid生成的表格的单无格中的内容过长、自动折行、表格撑开等问题而烦恼----一个很久以前的做品...

    是我以前用在一个项目中的,如有些地方不适用于你,你可以修改部分代码. 功能:    按列分色:                 过长内容自动隐藏:                 鼠标Over自动展开 ...

  9. html的td中自动折行无效,Html中td自动换行问题

    来自:http://blog.csdn.net/dududu01/article/details/6000350 Html中td自动换行问题 2010-11-10 15:27 478人阅读 评论(0) ...

最新文章

  1. 【译】使用自定义ViewHelper来简化Asp.net MVC view的开发------part1
  2. c语言中size of 用法,C语言中sizeof()的用法
  3. Excel关于使用图形的妙招技法
  4. 列表数据提交_Mybatis-实现数据的增删改查
  5. web.xml与index.html
  6. django orm 中表与表之间建关系 视图层 路由层 django请求生命周期...
  7. ubuntu16.xxx安装mysql5.0项目迁移环境搭建
  8. android设备连接工具箱,ADB工具连接Android手机
  9. Android 热修复原理
  10. aspen怎么做灵敏度分析_灵敏度分析 aspen
  11. linux flash文件系统,需要了解Linux flash文件系统
  12. 谈程序员的职业发展前景
  13. java effective
  14. android 怎么去掉标题,android中如何去掉标题栏
  15. 教你用Python制作微信好友背景墙
  16. bat批处理静默自动安装证书
  17. 微信服务器 系统发生错误,微信系统故障 仍未修复
  18. python---爬虫
  19. keras导入VGG16下载太慢解决办法
  20. go学习笔记之bufio的使用

热门文章

  1. 视频设置封面的方法有哪些
  2. 计算机网络p2p应用,计算机网络(十二):P2P应用
  3. 建站技术:不懂设计怎么也能做出好看的banner
  4. 小冰发布全球首款人工智能「Office」,沈向洋:我们不走寻常路
  5. jquery 实现时间倒计时,精确到时分秒@令狐张豪
  6. 微信平台之坐标系与位置
  7. Python标准库datetime之datetime模块详解
  8. 限时免费学习课程内容:亚马逊云科技云概念、亚马逊云科技服务、安全性、架构。
  9. python实现城市气候与海洋的关系研究
  10. android 锤子便签图文混排,锤子便签(com.smartisan.notes) - 3.7.3 - 应用 - 酷安