WrapPanel：自动折行面板（环绕面板）基础简述

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

Orientation——根据内容自动换行。当Orientation属性的值设置为 Horizontal：元素是从左向右排列的，然后自上至下自动换行。当Orientation属性的值设置为Vertical：元素是从上向下排列的，然后从左至右自动换行。

ItemHeight——所有子元素都一致的高度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。任何比

ItemHeight高的元素都将被截断。

ItemWidth——所有子元素都一致的宽度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。任何比

ItemWidth高的元素都将被截断。

WrapPanel：自动折行面板在默认情况下的排布

XAML代码
<!--WrapPanel：自动折行面板，在默认情况下他是水平排布的，从左往右，从上往下--><WrapPanel><Button>查询</Button><Button>新增</Button><Button>修改</Button><Button>删除</Button>
</WrapPanel>

1.Orientation属性的值设置为 Horizontal

示例效果图如下图1所示

XAML代码
<!--WrapPanel：自动折行面板，在默认情况下他是水平排布的，从左往右--><!--Orientation="Vertical":从上至下--><!--Orientation="Horizontal":从左至右它同时是默认的--><!--长度或高度不够时就会自动调整进行换行或换列--><WrapPanel Orientation="Horizontal"><Button>查询</Button><Button>新增</Button><Button>修改</Button><Button>删除</Button></WrapPanel>

2、Orientation属性的值设置为Vertical

示例效果图如下图2所示

XAML代码
<!--WrapPanel：自动折行面板，在默认情况下他是水平排布的，从左往右--><!--Orientation="Vertical":从上至下--><!--Orientation="Horizontal":从左至右它同时是默认的--><!--长度或高度不够时就会自动调整进行换行或换列--><WrapPanel Orientation="Vertical"><Button>查询</Button><Button>新增</Button><Button>修改</Button><Button>删除</Button></WrapPanel>

Orientation属性的值设置为Vertical 高度height为100超出范围

示例效果图如下图3所示

XAML代码<!--WrapPanel：自动折行面板，在默认情况下他是水平排布的，从左往右--><!--Orientation="Vertical":从上至下--><!--Orientation="Horizontal":从左至右它同时是默认的--><!--长度或高度不够时就会自动调整进行换行或换列--><WrapPanel Orientation="Vertical" Height="100"><!--Orientation="Vertical":从上向下内容超出范围它就会从左往右，意思就是如果它从上往下时发现装不下内容了，它就会从左往右进行内容的显示--><Button Height="100">查询</Button><Button Height="100">新增</Button><Button>修改</Button><Button>删除</Button></WrapPanel>

3、Orientation属性的值设置为Vertical 宽度height为100超出范围

示例效果图如下图4所示

<!--WrapPanel：自动折行面板，在默认情况下他是水平排布的，从左往右--><!--Orientation="Vertical":从上至下--><!--Orientation="Horizontal":从左至右它同时是默认的--><!--长度或高度不够时就会自动调整进行换行或换列--><WrapPanel Orientation="Horizontal" Width="100"><!--Orientation="Horizontal:从左往右内容超出范围它就会从上向下，意思就是如果它从左往右时发现装不下内容了，它就会从上往下进行内容的显示-->
<!--因和DockPanel很像所以也可用Margin进行元素的隔开--><Button Width="100">查询</Button><Button Width="100">新增</Button><Button>修改</Button><Button>删除</Button></WrapPanel>

WrapPanel：自动折行面板（环绕面板）基础简述相关推荐

C#四种布局方式（网格、泊靠式面板、栈式面板、自动折行式）
C#四种布局面板利用网格将四种布局面板整合到一个窗口,讲解都在注释中,代码如下 <Grid><Grid.RowDefinitions><RowDefinition He ...
WPF WrapPanel：自动折行面板
WrapPanel:自动折行面板.内部元素在排满一行后能够自动折行,类似于Html中的流式布局 WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行 ...
WPF的自动折行面板
自动折行面板自动折行面板:WrapPanel WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行. ...
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) ...

WrapPanel：自动折行面板（环绕面板）基础简述

WrapPanel：自动折行面板（环绕面板）基础简述相关推荐

最新文章

热门文章