利用xib对控件添加约束 适配屏幕


这位po主整理的非常详细 解答了我最近对xib的困惑 受益良多 感谢。因此转载到自己的博客 多学习。

原文地址:http://blog.it985.com/11997.html

约束,就是对控件的限制条件,限制条件的作用就是为了让我们搭建页面适应不同的屏幕,当然也是页面的兼容性,兼容多个屏幕

下面切入正题,如何为控件添加约束。添加约束主要用到下面的三个部分。

屏幕快照 2015-06-05 下午10.18.33

从左到右:align、pin、resolve auto layout issues。

1、align

屏幕快照 2015-06-05 下午10.22.58

第一个模块主要是对齐的,那么对齐就要多个控件对齐,譬如:两个字空间左对齐、下对齐、X轴对齐、字控价和父控件中心对齐等

使用align主要是考虑多个控价对齐问题


2、pin

屏幕快照 2015-06-05 下午10.23.25

第二个模块主要是单个控件的属性,控件在父控件中的位置,控件的宽高等,主要是针对一个控件而言的。


3、resolve auto layout issues

屏幕快照 2015-06-05 下午10.23.38

第三个模块主要是对约束进行编辑的,包括删除,添加,重置约束等。


添加约束的几个规则

情况1:约束控件距离父控件的四周的距离

屏幕快照 2015-06-05 下午11.17.12

第一种比较简单,也比较好理解,一个控件的上下左右的距离都控制好了,控件也就控制好了,如果你切换不同的屏幕时,控件距离屏幕边框的距离不变,会改变控件的大小

屏幕快照 2015-06-05 下午11.24.42

xib中还是正方形的,但是当iPhone的屏幕上,变形了

情况2:控制控件相邻的两条边距离父控件的距离和控件的宽高

屏幕快照 2015-06-05 下午11.17.20

控制控件相邻的两条边距离,也就控制了控件的左上角的(x,y),再控制控件的宽高,就能控制控件了。


情况3:控件XY轴居中,固定控件宽高

屏幕快照 2015-06-05 下午11.39.43

情况4:控件X或Y居中,另一个方向的边距离父控件的距离,宽高

屏幕快照 2015-06-05 下午11.49.24

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值