美文网首页iOSautolayout约束
用autolyout实现子视图对齐等宽排列

用autolyout实现子视图对齐等宽排列

作者: iHTCboy | 来源:发表于2015-07-26 11:39 被阅读1225次

    最终效果

    实现效果

    IB中实现

    组成部分

    其实,要让三个button三等分,那么一定要找一个view作为参考,所以我在底部加了一个bottomLine(距离左边0,距离右边40,距离底部0,高度为1),重要的是,我设置为隐藏。那么,分别让每个button等于bottomLine的三分之一,那么就等分了。

    三分之一的约束

    当然,三分之一的约束只是约束了每一个button的宽度,位置、高度,还要另外针对每一个设置,比如最左边的上架时间(约束:距离左边0,距离顶部0,距离底部0),其它同理之。

    最后,三条竖线,位置分别距离左边button为0,顶部、底部留距离,宽度设置为1,设置一个灰色背影就行。


    三条竖线约束

    用代码实现约束

    有了上面的思路,用代码实现应该也是一样的,用Masonry来写约束吧,代码就不写了(Swift还在学,不敢教)。

    • 如果有什么疑问,可以在评论区一起讨论;
    • 如果有什么不正确的地方,欢迎指导!

    注:本文首发于 iHTCboy's blog,如若转载,请注明来源。

    相关文章

      网友评论

      • 0176039ba631:还有更方便的,让3个btn在bjview中平排,3个的上下左右都为0,约束3个等款,就OK了,系统会自动计算宽度,达到平分的目的
        iHTCboy:@本杰明将军 嗯,感谢分享!确实,在一个父视图里排三个等宽,谢谢!
      • df57d5e6a14d:关于这个等宽等高排列 我写了一系列的便捷方法

        https://github.com/ashamp/UIView-JWMasonryConstraint
        iHTCboy:@选1个昵称 感谢分享,有时间我也去学习学习

      本文标题:用autolyout实现子视图对齐等宽排列

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