WPF WrapPanel

2024-05-12 22:08:08

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

Orientation——根据内容自动换行。当 Horizontal选项看上去类似于Windows资源管理器的缩略图视图：元素是从左向右排列的，然后自上至下自动换行。Vertical 选项看上去类似于Windows资源管理器的列表视图：元素是从上向下排列的，然后从左至右自动换行。

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

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

Horizontal横着排列出来，不够排的情况下会自动上下换行

<Window x:Class="WpfCS.布局面板.WrapPanel"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:local="clr-namespace:WpfCS.布局面板"

mc:Ignorable="d"

Title="WrapPanel" Height="300" Width="300">

<Grid>

<WrapPanel Orientation="Horizontal">

<TextBox Name="textBox_CityID" MinWidth="150" Text="1" />

<TextBox Name="textBox_CityName" MinWidth="50" Text="2" />

<TextBox Name="textBox_ZipCode" MinWidth="150" Text="3" />

<TextBox Name="textBox_ProvinceID" MinWidth="50" Text="4" />

<TextBox Name="textBox_DateCreated" MinWidth="50" Text="5" />

<TextBox Name="textBox_DateUpdated" MinWidth="50" Text="6" />

</WrapPanel>

</Grid>

</Window>

Vertical竖着排列出来，不够排的情况下会自动左右换行

<Window x:Class="WpfCS.布局面板.WrapPanel"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:local="clr-namespace:WpfCS.布局面板"

mc:Ignorable="d"

Title="WrapPanel" Height="300" Width="300">

<Grid>

<WrapPanel Orientation="Vertical">

<TextBox Name="textBox_CityID" Width="100" Text="1" />

<TextBox Name="textBox_CityName" Width="90" Text="2" />

<TextBox Name="textBox_ZipCode" Width="80" Text="3" />

<TextBox Name="textBox_ProvinceID" Width="70" Text="4" />

<TextBox Name="textBox_DateCreated" Width="60" Text="5" />

<TextBox Name="textBox_DateUpdated" Width="50" Text="6" />

</WrapPanel>

</Grid>

</Window>

WPF WrapPanel相关推荐

WPF WrapPanel、UniformGrid、DockPanel介绍
WPF WrapPanel.UniformGrid.DockPanel介绍 WrapPanel WrapPanel , 具有在有限的容器范围内, 可以自动换行, 或者换列处理.具体则取决于WrapPa ...
wpf wrapPanel居中并从左到右排列
public class AlignableWrapPanel : Panel{/// <summary>/// 注册新的属性 HorizontalContentAlignment/// ...
WPF WrapPanel：自动折行面板
WrapPanel:自动折行面板.内部元素在排满一行后能够自动折行,类似于Html中的流式布局 WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行 ...
WPF—WrapPanel布局
WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够是就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行. Orientation--根据内容自动换行.当 H ...
WPF WrapPanel IsMouseOver 控制Visibility控件不停闪烁
搜索问题,发现答案都是如果使控件闪烁的答案,最后去stackflow找答案,如果希望鼠标进入就显示控件,可以使用Opacity属性控制显隐. code: <WrapPanel.Resources ...
WPF编程基础入门 ——— 第三章布局（五）布局面板WrapPanel
WPF布局--布局面板WrapPanel WPF--WrapPanel布局控件 WrapPanel实例--十个按钮 WPF--WrapPanel布局控件 WrapPanel(自动折行面板),允许任意多 ...
分享Silverlight/WPF/Windows Phone一周学习导读(8月28日-9月3日)
分享Silverlight/WPF/Windows Phone一周学习导读(8月28日-9月3日) 本周Silverlight学习资源更新: Silverlight动画 cutylongshen Si ...
WPF中的StackPanel、WrapPanel、DockPanel
一.StackPanel StackPanel是以堆叠的方式显示其中的控件 1.可以使用Orientation属性更改堆叠的顺序 Orientation="Vertical" 默认 ...
WPf 带滚动条WrapPanel 自动换行和控件右键菜单
技能点包括 WPf 样式的引用数据的验证和绑定比较适合初学者前台: <Window.Resources><local:PathToSource x:Key="n2&q ...

最新文章

热门文章