布局篇-WrapPanel布局

最新推荐文章于 2024-08-05 17:22:05 发布
最新推荐文章于 2024-08-05 17:22:05 发布
阅读量7.6k 收藏 1
点赞数 1
分类专栏： WPF 文章标签： button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iamsupercola/article/details/7039658
版权

 WrapPanel内部采用流式布局，使用orientation属性控制流延伸方向，用HorizontalAlignment和VerticalAlignment两个属性控制内部控件的对齐，例子如下

    <WrapPanel>
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
        <Button Width="50" Height="50" Content="OK" />
    </WrapPanel>


效果如下，改变窗口大小，内部控件的位置会自动调整

 

同样的代码，改成垂直布局后的效果

C# WPF WrapPanel控件实现响应式布局效果
Code365
03-31 40
在 WPF 中，WrapPanel本身就具有一定的自适应性，当空间不足时会自动换行或换列。要使用WrapPanel实现响应式布局效果，可以结合窗口大小变化事件、动态调整元素大小和排列方式等手段。下面为你详细介绍实现步骤和提供相应的代码示例。
WrapPanel：自动折行面板（环绕面板）基础简述
m0_57759387的博客
10-18 579
每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。Orientation属性的值设置为 Horizontal：元素是从左向右排列的，然后自上至下自动换行。Orientation属性的值设置为Vertical：元素是从上向下排列的，然后从左至右自动换行。，当长度或高度不够时就会自动调整进行换行或换列，后续排序按照从上至下或从右至左的顺序进行。从左至右按照行或列的顺序罗列。
WPF—WrapPanel布局
ting2267的博客
07-01 686
WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够是就会自动调整进行换行，后续排序按照从上至下或从右至左的顺序进行。 Orientation——根据内容自动换行。当 Horizontal选项看上去类似于Windows资源管理器的缩略图视图：元素是从左向右排列的，然后自上至下自动换行。Vertical 选项看上去类似于Windows资源管理器的列表视图：元素是从上向下...
【WP7】关于WrapPanel的使用和动画效果
weixin_33921089的博客
11-09 159
除了三个常用的布局控件（Grid，Canvas，StackPanel）外，有时候我们需要做一些更加丰富的布局功能 例如： 下面介绍这个WrapPanel，叫自动排列面板，控件按顺序排列，当遇到末尾是自动换行 　　1、添加引用　　Microsoft.Phone.Controls.Toolkit.dll 　　2、在xaml控件中添加　 xmlns:toolkit="clr...
WrapPanel面板布局
★匆匆★的专栏
08-11 948
<Window x:Class="WrapPanel面板布局.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="WrapP
Flutter开发之——多组件布局容器-Wrap
我的博客
04-09 660
一 概述 Wrap是多组件布局容器，可以为子控件进行水平或者垂直方向布局 当Wrap空间用完时，Wrap会自动换行，也是常说的流式布局 二 Wrap 2.1 构造方法 Wrap({ Key? key, this.direction = Axis.horizontal, this.alignment = WrapAlignment.start, this.spacing = 0.0, this.runAlignment = WrapAlignment.start
Flutter-Wrap_Layout 流式布局
qq_41255975的博客
12-02 1154
1. 流式布局 Wrap ​ 流式布局，允许有多个子组件，可以实现组件换行。Wrap可以为子控件进行水平或者垂直方向布局，且当空间用完时，Wrap会自动换行，也是常说的流式布局。 direction ​ 控制布局方向，默认水平方向（Axis.horizontal)，可以设置谁知方向（Axis.vertical)。 alignment ​ alignment属性控制主轴对齐方式，crossAxisAlignment属性控制交叉轴对齐方式，对齐方式只对有剩余空间的行或者列起作用，例如水平方向
WPF篇（3）- WrapPanel控件（瀑布流布局）+DockPanel控件（停靠布局）
一个人的江湖
08-05 1104
WrapPanel控件表示将其子控件从左到右的顺序排列，如果第一行显示不了，则自动换至第二行，继续显示剩余的子控件。提供了3个属性，分别是Orientation代表子控件的排列方向，ItemWidth代表子控件的（最大）宽度，ItemHeight代表子控件的（最大）高度。默认的排列方向是水平方向。
C# WPF入门学习主线篇（十四）—— WrapPanel布局容器
weixin_56595425的博客
06-09 2246
在《C# WPF入门学习主线篇（十四）—— WrapPanel布局容器》这篇文章中，我们详细介绍了WPF中的 `WrapPanel` 布局容器。本文涵盖了 `WrapPanel` 的基本概念、常见属性及使用方法，并通过具体的示例代码展示了如何实现控件的自动换行或换列排列。此外，还讨论了 `WrapPanel` 布局容器的优缺点，帮助读者在实际开发中做出更好的布局选择。
wpf 布局控件 StackPanel DockPanel WrapPanel UniformGrid Canvas I
07-04
wpf 布局控件demo Grid StackPanel DockPanel WrapPanel UniformGrid Canvas InkCanvas Border
WPF入门-01布局(附代码)
最新发布
10-16
3,WrapPanel 布局控件 WrapPanel面板在可能的空间中，一次以一行或一列的方式布置控件。默认情况下，WrapPanel.Orientation属性设置为Horizontal，控件从左向右进行排列， 然后再在下一行中排列，但你可将...
Wrap流式布局使用
weixin_45625639的博客
09-19 533
Wrap流式布局使用
wpf wrapPanel居中并从左到右排列
JOJOL1N的博客
03-26 1002
public class AlignableWrapPanel : Panel { /// <summary> /// 注册新的属性 HorizontalContentAlignment /// </summary> public HorizontalAlignment HorizontalContentAlignment { get { return (Horizont.
WPF教程三：布局之WrapPanel面板
weixin_34277853的博客
01-12 450
WrapPanel：环绕面板      WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够时就会自动调整进行换行，后续排序按照从上至下或从右至左的顺序进行。      Orientation——根据内容自动换行。当Orientation属性的值设置为 Horizontal：元素是从左向右排列的，然后自上至下自动换行。当Orientation属性的值设置为Vertic...
WPF教程三：布局之WrapPanel面板（转 ）
weixin_30515513的博客
05-15 247
WPF教程三：布局之WrapPanel面板 WrapPanel：环绕面板 WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够时就会自动调整进行换行，后续排序按照从上至下或从右至左的顺序进行。 Orientation——根据内容自动换行。当Orientation属性的值设置为 Horizontal：元素是从左向右排列的，然后自上...
WPF教程（二十五）WrapPanel
热门推荐
刺猬的优雅
10-22 1万+
WrapPanel用于一个接一个的排列子控件，以水平或者垂直方向，当空间不足时就会自动切换到下一行。适合于需要水平或者垂直排列控件且能自动换行的情况。 水平方向排列时，每一行所有子控件的高度都被统一成固定的值，这个值由最高的那个决定；每一列垂直方向排列时，所有子控件的宽度都被统一成固定的值，这个值由最宽的那个决定。 我们先来看默认情况下的WrapPanel： <Window x:Class=
WrapPanel
dinghutian1305的博客
12-28 145
WrapPanel将子元素自左向右逐个地排列, 若一个水平行中放不下,就排在下一行。面板的方向可以是水平或垂直的 <Window x:Class="Panel布局.WrapPanelxaml" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x=...
WPF 入门教程WrapPanel介绍
liaohaiyin的专栏
10-28 782
WrapPanel将定位每个子控件的旁边，另外，水平方向（默认值）或垂直，直到没有更多的空间，在那里将换到下一行，然后继续。当您想要一个垂直或水平列表控件在没有更多空间时自动换行时使用它。 当 WrapPanel 使用 Horizo​​ntal 方向时，子控件将 被赋予相同的高度，基于最高的项目。当 WrapPanel 为垂直方向时，子控件将被赋予相同的宽度，基于最宽的项目。 在第一个示例中，我们将检查具有默认（水平）方向的 WrapPanel： <Window x:Class="WpfTu
WPF 控件专题 WrapPanel 控件详解
^@^lemon tea^@^
06-22 5920
WPF 控件专题 WrapPanel 控件详解
WPF布局的终极示例集锦
WrapPanel是一种布局容器，它的子元素会按照水平方向排列，当行满时则自动换行。它适用于创建动态宽度的布局，当容器大小改变时，子元素会自动换行以适应新的空间。 - **换行特性**：元素宽度大于WrapPanel的宽度时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值