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

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的一个简单使用,之前已经很熟练了,今天发现竟然搞了好一会才弄好,学习是精于勤啊。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 不过是天边的一片云, 怎能妄想整片天空? 不过是水里的一块游萍, 怎敢妄想整条河流! 不过是地上的一朵小花, 怎会...
    花少颜阅读 2,994评论 0 0
  • 01 暑假最后几天,我去见了赵先生。一个月没见,想说的话很多,但没想到说着说着就吵起来。 因为七夕是周一,他要忙工...
    凌阿深阅读 5,578评论 14 18
  • 学习多线程之前有些知识我们要了解一二。比如说进程、线程的概念等。 进程: 进程是计算机中的程序关于某数据集合上的...
    桀骜不驯的搬砖者阅读 3,887评论 0 0
  • As the Spring Festival approached ,many people in ShenZhe...
    品味人生888阅读 806评论 0 0
  • 封之之阅读 988评论 0 0