WPF WrapPanel:自动折行面板「建议收藏」

WPF WrapPanel:自动折行面板「建议收藏」WrapPanel:自动折行面板。内部元素在排满一行后能够自动折行,类似于Html中的流式布局WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。常用的方法:1.Orientation——根据内容自动换行。当Orientation属性的值设置为Horizontal:元素是从左向右排列…

大家好,又见面了,我是你们的朋友全栈君。

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>

当窗体高度较小时候的效果

WPF WrapPanel:自动折行面板「建议收藏」

窗体的高度较大时

WPF 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:自动折行面板「建议收藏」

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/163333.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Vue生成二维码_后端生成二维码还是前端

    Vue生成二维码_后端生成二维码还是前端vue生成二维码分享功能生成二维码听起来很难,其实也很简单先看一下效果:效果就是这个样子首先给要分享的dom一个点击触发事件<!–分享–><divclass=”rightimg”@click=”share”><imgsrc=”../assets/img/share.png”/></div>然后在vant-ui框架里找到合适组件(遮罩层)直接复制过去就可以,不要的东西删掉

  • pygame安装超详细讲解「建议收藏」

    pygame安装超详细讲解「建议收藏」1.进入python官网:https://www.python.org/2.点击PyPI3.输入框输入pygame4.根据顺序依次点击5.根据自己python版本号选择对应的文件6.把下载的whl文件放在python的对应目录下7.回到上一句目录,按住shift然后鼠标点击右键,打开windowsPowerShell命令窗口输入pygame_2048-1.9.4-py3-none-any.whl(这个是你下载的对应版本名)安装过程中出现了两个问题:1)Youareusin

  • mse均方误差计算公式_视觉SLAM十四讲实践之真实轨迹和估计轨迹均方根误差「建议收藏」

    mse均方误差计算公式_视觉SLAM十四讲实践之真实轨迹和估计轨迹均方根误差「建议收藏」为了理解RMSE首先介绍一些统计学的概念,然后介绍SLAM领域里面的计算精度ATE和RPE的用法。中位数一组数据按大小顺序排列,位于最中间的一个数据(当有偶数个数据时,为最中间两个数据的平均数)叫做这组数据的中位数。用中位数作为一组数据的代表,可靠性不高,但受极端数据影响的可能性小一些,有利于表达这组数据的“集中趋势”。众数几组数据中出现次数最多的那个数据,叫做这批数据的众数。用众…

  • js数组删除元素_js清空数组的方法

    js数组删除元素_js清空数组的方法js的数组删除,我建议大家使用splice函数,不要使用slice函数,因为slice是返回一个新数组,并不是从原来的数组中删除。比如:leta=[111,222,333,444];a.splice(2,1);上面的代码运行后,a数组的值变成:[111,222,444]假如用slice实现:leta=[111,222,333,444];letb=a.slice(2,1);这时a的值不会改变,而b的值变成了[111,222,444]所以splice是比slice用起来简单的

  • 利用Pytorch torchvision完成Faster-rcnn目标检测demo及源码详解

    利用Pytorch torchvision完成Faster-rcnn目标检测demo及源码详解Torchvision更新到0.3.0后支持了更多的功能,其中新增模块detection中实现了整个faster-rcnn的功能。本博客主要讲述如何通过torchvision和pytorch使用faster-rcnn,并提供一个demo和对应代码及解析注释。目录如果你不想深入了解原理和训练,只想用Faster-rcnn做目标检测任务的demo,请看这里torchvision中Faste…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号