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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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