美文网首页iOS临时收藏iOS
iOS xib之AutoLayout添加约束

iOS xib之AutoLayout添加约束

作者: farmerly | 来源:发表于2016-09-21 11:46 被阅读3015次

希望广大程序员身体棒棒 ! 共同努力进步,不要放弃自己的梦想 !


5AEF994E-2EDB-4382-879F-11C179753541.png

第一幅图和第二幅图片来自:http://blog.csdn.net/kevindongkun

弄了点图 👆👆

当你看到这两幅图的时候你应该就会了,是的很简单下面根据这个翻译我来做一个便于体现它的作用!

翻译(特别重要).png 翻译(特别重要).png
  这个是一个cell我用来做例子,我的要求是将这几个lable水平
  对齐,等高,等宽,不错你们看第二幅图
需要等高4个同时选择设置.png
  下面我开始用autolayout约束布局,当然我们还需要第一幅
  图中的水平对齐,这个是不可缺少的。
例子.png
 全都选中command 然后点就行了
全都选中.png
 选择水平对齐,直接添加就行了不要选择update frame其他选项,因为等最后会一次性就行了
57E81E01-D390-4A4B-9DB8-1E863C971A0B.png

按理 你如果没选其他的应该是这样的

FDF8A37A-18B5-448B-9118-30B17156FAE0.png
    然后直接过去选择等高等宽选多图那个,上边有图 👌,看图操作
3B871B0E-0E58-4452-AFA7-1DB78B31A511.png
   之后应该是这样子的
15C60378-807E-43BD-A3AA-FA2EFBC9B0B7.png
 然后只需要设置视图这些lable的距离x y 就行了,还是演示一遍,记得点个赞 👍!

( 注意 )这里我有个宽度忘记设置了,所以注意一下自己设置一下,不然就重合了

CBBF3E43-C8AE-4B14-9798-0A89CE2863AD.png
  应该能看懂吧 ! 接下来的都是基于下一个lable去设置因为宽高相等所以我们不需要设置其他的宽高了,设置一个就行了, 记得设置宽度和高度,不然会全都跑一起去的,最后的效果图和最后一步
最后一步全都对齐应该这样需要对右边也要约束下.png

呃,出了点问题,前面好像我没有选择宽度,说明下,上去!

效果:

55CF5258-962E-4561-A9AC-F39F5A5C63E4.png

手机上效果图:


44E9E2CF-2CC0-450A-8F4E-563182B91E7F.png

相关文章

网友评论

  • 君莫叹人生如若初见:作者你好,我想请教一下,如果UI图按照5s比例做的,那么在xib上面按5s标注完成后,如何达到在6s上面距离按比例增长的效果呢?
    君莫叹人生如若初见:@FreeDream 好的,谢谢回复:smile:
    farmerly:@君莫叹人生如若初见 代码的话 x/375
    farmerly:@君莫叹人生如若初见 其实一般高度是比例增长的,一般来说都是改宽度,xib上面你可以直接脱线,然后有个高度设置属性,然后就根据那个可以更改
  • rangoo:点赞!

本文标题:iOS xib之AutoLayout添加约束

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