基于FLOWLAYOUT的改造,支持每行最大个数和每行元素高度居中。

需求

产品要求做一个控件,当元素个数超过4个的时候自动换行。然后界面中每个元素都是高度居中的,每个元素有固定的间距。

FLOWLAYOUT

参考了
http://blog.csdn.net/lmj623565791/article/details/38352503/
本文也是基于着部分代码进行了定制。

固定元素个数换行

if ((lineUsed + spaceWidth > widthSize) || (lineCount > nums))

在onMeasure和onLayout换行判断的时候,计算当前行的元素个数,当当前行的元素个数大于设定值的时候同lineUsed + spaceWidth > widthSize,元素位置不足时换行的逻辑。

单个元素高度居中

每行的元素高度可能各不相同,原先的代码中通过

 if (spaceHeight > lineHeight) {
                lineHeight = spaceHeight;
            }

计算每行元素的最大高度,目前采用的方案是在onMeasure时记录每行的最大高度。

      lineHeightList.add(lineHeight);

在onLayout计算高度偏移位置,放置对应的元素,具体的代码如下:

int gap = 0;
            if (null != lineHeightList.get(lineCount)) {
                int lineMaxHeight = lineHeightList.get(lineCount);
                if (CENTER == gravity)
                    gap = (lineMaxHeight - bottom + top + 1) / 2;
                if (BOTTOM == gravity)
                    gap = lineMaxHeight - bottom + top;
            }
            if (gap < 0)
                gap = 0;
            child.layout(left, top + gap, right, bottom + gap);
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
FlowLayoutPanel 一些应用程序需要一个布局可随窗体大小的调整或其中内容大小的改变而自动进适当排列的窗体。在需要动态布局并且不希望在代码中显式处理 Layout 事件时,可考虑使用布局面板。 FlowLayoutPanel是.NET Framework的新增控件。顾名思义,面板可以采用Web窗体的方式给Windows窗体布局。FlowLayoutPanel是一个容器,允许以垂直或水平的方式放置包含的控件。除了放置控件之外,还可以剪辑控件。放置的方向使用FlowDirection属性和FlowDirection枚举来设置。WrapContents属性确定在重新设置窗体的大小时,控件是放在下一、下一列,还是剪辑控件。 FlowLayoutPanel 按特定的流方向排列其内容:水平或垂直。其内容可从一换到下一,或者从一列换到下一列。另一种情况是不换,而是将其内容截掉。 相信大家在做WinForm项目的时候,要对大量的控件进排序(位置摆放),这个容器肯定最受欢迎,但很遗憾的是,此容器本身虽支持Dock和Anchor属性,但不支持放入此容器内的控件的Dock和Anchor属性(自动调整宽度),也就说,但窗体伸缩,FlowLayoutPanel容器自身可以缩放,但是里面的控件就没那么幸运了,不支持自动缩放,这样就必须写方法来触发新的事件来调整控件的大小,这样就会导致窗体的闪烁(重绘)。 借助ManagedSpy工具,我们可以看到此容器里面的器件的结构,我们可以在Form1里面添加一个事件SizeChanged 对容器里面每个器件重新给它大小 就了。 附件:FlowLayoutPanel的Demo

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值