iOS临时收藏iOS

iOS xib之AutoLayout添加约束

2016-09-21  本文已影响3015人  farmerly

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


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
上一篇下一篇

猜你喜欢

热点阅读