iOS | 图片上的文字自适应

最新推荐文章于 2022-08-10 18:35:55 发布

LorneNote

最新推荐文章于 2022-08-10 18:35:55 发布

阅读量405

点赞数

分类专栏： iOS开发文章标签： ios objective-c relative layout adaptive UI text and image

本文链接：https://blog.csdn.net/wudizhanshen/article/details/107019115

版权

本文介绍了如何在iOS应用中处理图片背景上文字的自适应问题。针对屏幕尺寸变化导致的标题位置偏差，通过引入动态高度宏定义，确保文字在不同设备上都能保持居中。具体实现包括计算动态高度并应用于标题视图，从而在iPhone 6s和iPhone 11等设备上获得一致的视觉效果。

摘要由CSDN通过智能技术生成

公司产品需要自定义弹窗。而弹窗的背景图片是根据屏幕的宽高自动缩放的，如下：

#define ALERTVIEW_HEIGHT ([UIScreen mainScreen].bounds.size.width - 60)*1.05
#define ALERTVIEW_WIDTH  [UIScreen mainScreen].bounds.size.width-60

而弹窗上的标题，即‘恭喜’两个字并不是图片，是写上去的，代码如下：

UILabel *titleLab = [[UILabel alloc]initWithFrame:CGRectMake(10, 38, self.alertView.frame.size.width - MARGIN, 30)];

这里我给了它距离弹框顶部一个固定的间距，iPhone 6s 模拟器上效果如下：
@iPhone6s-fixed| center | 75x133.4

以下是iPhone 11 模拟器下的效果： iPhone11-fixed

简单点说，iPhone11下字体上移了。这个固定的尺寸不随屏幕的宽高呈现比例变化，那我们如何定义它的高度，以便标题在不同屏幕尺寸下都在中间位置呢。

此时我们引入一个计算动态高

关注

专栏目录