Auto Layout 实现三等分

作者: Tanyfi | 来源:发表于2016-08-12 21:55 被阅读176次

    如何实现Auto Layout 实现三等分:

    Auto Layout 的本质原理
    Auto Layout 的本质是用一些约束条件对元素进行约束,从而让他们显示在我们想让他们显示的地方。
    约束主要分为以下几种(欢迎补充):
    相对于父 view 的约束。如:距离上边距 10,左边距 10。
    相对于前一个元素的约束。如:距离上一个元素 20,距离左边的元素 5 等。
    对齐类约束。如:跟父 view 左对齐,跟上一个元素居中对齐等。
    相等约束。如:跟父 view 等宽。

    三等分设计思路
    许多人刚开始接触 Auto Layout,可能会以为它只能实现上面的1、2功能,其实后面3、4两个功能才是强大、特别的地方。接下来我们将尝试设计横向三等分:
    第一个元素距离左边一定距离。
    最后一个元素距离右边一定距离。
    三者高度恒定,宽度相等。(此处我们设置为高度恒定(height 属性),如果你需要的是固定长宽比,则需要设定 Aspect Ratio 属性)

    1和2、2和3的横向间距固定。

    三等分.gif 20371425646865.jpg

    如何实现4个等高等宽的view 在宽高不变的情况下 实现他们4个间的距离相等

    思入:可以放四个间距为零的四等分元素,然后把你想要的四个元素加入进去分别居中显示

    相关文章

      网友评论

        本文标题:Auto Layout 实现三等分

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