(iOS开发)AutoLayOut中等比例设置视图

本文介绍了一种iOS开发中让Label在Cell内居中显示的方法,通过使用Auto Layout进行等比适配,确保界面元素能在不同尺寸的屏幕上正确布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

为了适应苹果的不同的屏幕,因此需要做屏幕的等比例适配!下面是简单的等比例适配的教程:

下面是一个简单的让lable在cell中居中显示的案例

1、创建自定义的cell的XIB文件,在此就不多说了。

2、在xib上面放一个label:

3、给TestLable添加个相对于父视图(cell的contentView)的Leading Space的约束

4、点击如图显示的约束线条,就会出现以下的页面:(First Item可以选择当前视图TestLable,Second Item 可选父视图)





5、选择Second Item,然后依次校准,如下图所示:




因为是要居中,所以CenterX的Multiplier (比例)应该选择0.5,算法是这样的:此时0.5是相对与一半视图的0.5,相对于整体的父视图的0.25


6、选中TestLable,约束以下右侧的距离,生成Trailing Space ,再次选中生成的约束,出现如下图:



7、此时会发现First Item 和Second Item调过来了,此时仍需将First Item改为TestLable ,Second Item改为父视图,修改方式如下:

点击First Item 出现弹缩框,选择 Reverse First And Second Item   就会发现调过来了




8、修改Constant和Multiplier的大小,如下图(注意上面 First Item 和Second Item)的区别



注:

在此特殊说明一下,因为我选的Trailing Space没有相对于父视图的CenterX来计算,是选择父视图的Trailing来计算的,想让图片居中,左侧已经占了0.75*宽度 的大小


9、同理: 顶部Top Space也是如此:再次直接贴图了,唯一不同的是CenterX 变成CenterY



10、底部 Bottom Space 也是和右侧的Trailing Space一样 




PS:如果要实现2张图等比例,就是有关于计算的问题,容易混淆的地方是相对于CenterX的计算,记住0.5是相对于Center(一半视图view)的,相对于整个视图其实是0.25,一半的一半。



下面是我写的demo:传送门













评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值