美文网首页
2020-01-02

2020-01-02

作者: 牛1688 | 来源:发表于2020-01-02 01:33 被阅读0次

    UIStackView 的 distribution 属性详解

    原创Sodaslay 发布于2017-12-31 18:59:48 阅读数 1274  收藏

    展开

    iOS9 提供的 UIStackView 简化了布局操作,它有些像 Android 中的 liner layout。以前不用 UIStackView 也是可以做出类似的效果的,不过要添加许多的约束,看得头都大了,使用了 UIStackView 后,约束得到了简化。

    UIStackView 中主要有 axis、alignment、distribution、spacing 四个属性,不太好理解的就是 distribution 这个属性,它的值如下:

    typedef NS_ENUM(NSInteger, UIStackViewDistribution) {

        UIStackViewDistributionFill = 0,

        UIStackViewDistributionFillEqually,

        UIStackViewDistributionFillProportionally,

        UIStackViewDistributionEqualSpacing,

        UIStackViewDistributionEqualCentering,

    } NS_ENUM_AVAILABLE_IOS(9_0);

    需要注意的是,UIStackView 内部也是通过约束来实现的,因此,必须提供足够的且正确的约束才能使用好它。

    1. UIStackViewDistributionFill

    Fill,就是填满了。这里分2种情况。

    情况1,stackview 的大小是固定的

    如图,stackview 的大小被固定了,那么它包含的 4 个子视图就一定会充满整个 stackview,怎么分配这 4 个子视图的大小呢?这就需要我们提供 constraint 来实现了。如果我们提供的 contraint 不对,就会产生问题。这里建议加入 3 个 view 的高度 contraint,并且这 3 个高度之和要小于实际 stackview 的高度,这样,stackview 就能通过调整第四个 view 达到 fill 的效果。

    情况2,stackview 的大小没有进行限制。

    在垂直布局的情况下,如果不对 stackview 的高度进行约束,如图,

    我们删除了 stackview 的底部约束。这样,只要我们提供了详细的 4 个子 view 的高度约束,stackview 就会自动调整高度,包裹住内容,很像 android 中的线性布局。

    看看效果

    2. UIStackViewDistributionFillEqually

    这个比较好理解,就是会自动调整高度,使它们高度一致。

    也是存在 2 种情况,当 stackview 的高度有约束时,我们就不需要对子 view 添加高度约束了,系统会为我们做好。

    当 stackview 的高度没约束时,我们就必须提供某个子 view 的高度约束,让系统好计算出剩下子 view 的高度和 stackview 的高度。

    3. UIStackViewDistributionFillProportionally

    按照原比例缩放。原比例哪里来?官方文档说,来自 intrinsic size,我感觉比较简单的方法还是自己添加约束。

    这个属性,一般是 stackview 的高度有约束,而 4 个 subview 的高度也有约束,注意 subview 的高度约束的 priority 要低于 1000。stackview 可以根据 subview 的约束,计算出比例,进行缩放。

    4. UIStackViewDistributionEqualSpacing & UIStackViewDistributionEqualCentering

    这 2 个选项也是应用于 stackview 高度确定,subview 的高度也确定,想让 subview 比较均匀地分布在 stckview 中。均匀分布的方法不同,所以有 2 个选项。

    另外,stackview 的一个特点是,当把其中的一个子 view 去掉后,布局会重新渲染,就如同 android 布局中的 gone 选项,十分好用!省去了以前大把大把的代码。那么这个所谓的去掉是什么操作呢?一般来说,是设置子 view 的 hidden = true,并且调用 stackview 的函数,removeArrangedSubview。在当前 iOS 版本,如果仅仅设置 hidden 属性,在有些时候,无法对剩下的子 view 进行自动布局。当需要重新显示的时候,设置 hidden 属性,并调用 insertArrangedSubview: atIndex:方法

    ————————————————

    版权声明:本文为CSDN博主「Sodaslay」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

    原文链接:https://blog.csdn.net/sodaslay/article/details/78942767

    相关文章

      网友评论

          本文标题:2020-01-02

          本文链接:https://www.haomeiwen.com/subject/nelnoctx.html