美文网首页iOS开发总结
如何用xib的autolayout来实现连个view等宽高

如何用xib的autolayout来实现连个view等宽高

作者: Auditore | 来源:发表于2018-08-05 10:00 被阅读0次

    1.Question

    如题,如果我想实现两个view等宽高,而且只想用xib的autolayout怎么办?


    题目

    注意看上图,两个button之间是有一个大约2的间距的,好了这就是题目,怎么解?

    2.Answer

    2.1 首先,我们先用鼠标右键按住左边的button然后拖一根线到右边button,然后设置Equal Widths,再拖一次实现Equal Heights。最后再来一次,实现Aspect Ratio。讲解下这三次拖拽的意义:

    • 第一次是实现等宽
    • 第二次实现等高
    • 第三次是让两个button实现同比缩放

    2.2 然后,我们再右键安装左边button,拉一根线在这个button内部松手,然后设置Aspect Ratio。这个操作的目的是让这个button自身等比例缩放,对右边button同样操作。

    2.3 最后,我们要做的就是设置两个button之间的间距,以及两个view对父view的间距设置了。也很简单,以左边button为例,设置上左右间距,然后锁定button的高度。最后这个锁定button高度的意义我解释一下。因为我们现在设置的都是等比例缩放,但是button的高度没有一个参照物,所以我为了简单,就直接把左边button的高度锁死了。如果要更规范一点,那就拉一根线到父view,让左边button和父view形成等比例缩放,再设置他们直接的比例,就能让button随着父view缩放了。而右边button不需要锁死高度,因为它和左边的button已经设置了Equal heights。

    3.结语

    这只是autolayout的一个简单使用,之前已经很熟练了,今天发现竟然搞了好一会才弄好,学习是精于勤啊。

    相关文章

      网友评论

        本文标题:如何用xib的autolayout来实现连个view等宽高

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