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

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

下面切入正题,如何为控件添加约束。添加约束主要用到下面的三个部分。
在这里插入图片描述
从左到右:align、pin、resolve auto layout issues。

1、align

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

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

2、pin

在这里插入图片描述
第二个模块主要是单个控件的属性,控件在父控件中的位置,控件的宽高等,主要是针对一个控件而言的。

3、resolve auto layout issues

在这里插入图片描述
第三个模块主要是对约束进行编辑的,包括删除,添加,重置约束等。

添加约束的几个规则

情况1:约束控件距离父控件的四周的距离
在这里插入图片描述
第一种比较简单,也比较好理解,一个控件的上下左右的距离都控制好了,控件也就控制好了,如果你切换不同的屏幕时,控件距离屏幕边框的距离不变,会改变控件的大小
在这里插入图片描述
xib中还是正方形的,但是当iPhone的屏幕上,变形了

情况2:控制控件相邻的两条边距离父控件的距离和控件的宽高
在这里插入图片描述
控制控件相邻的两条边距离,也就控制了控件的左上角的(x,y),再控制控件的宽高,就能控制控件了。

情况3:控件XY轴居中,固定控件宽高
在这里插入图片描述
情况4:控件X或Y居中,另一个方向的边距离父控件的距离,宽高
在这里插入图片描述

多个控件可以同时选中,一起设置。
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值