XZ_iOS 新特性引导页图片适配及其尺寸大全

苹果设备图片适配指南
本文详细介绍苹果设备图片适配的复杂性,包括各机型尺寸、创建多图imageset的方法,以及图片调用和imageView的contentMode模式选择,确保图片在不同分辨率下正确显示。

随着苹果的尺寸越来越多,各种尺寸机型的新特性图片适配也越来越复杂,最初的想法是使用3张图片或者一张最大的图片,适配所有的机型,运行之后发现图片会被缩放或者拉伸,这样的话,只能放大招了(各个机型都给一套新特性图片)。

1、最新的苹果各机型尺寸图片

2、如何创建多图的imageset

       由于我们的APP适配iOS9以后的,我们需要适配5和SE的屏幕尺寸,每个新特性图片就需要以下6个尺寸:1242x2688px、828x1792px、1125x2436px、1242x2208px、750x1334px、640x1136px

       首先,新建一个LaunchImage,重名为new_feature_1,按尺寸把相应的尺寸的图片拖入之后,Show In Finder把launchimage后缀改为imageset!!!

注意:1>自己把对应的图片,拖到对应的尺寸上面,而不是把所有的图片直接拖进去;

2>Show In Finder把launchimage后缀改为imageset,这步骤很重要,否则launchimage后缀使用代码是获取不到图片。

3、调用代码

let imgName = "new_feature_\(i + 1)"
let image = UIImage(named: imgName)
let iv = UIImageView(image: UIImage(named: imgName))

注意:只需要将指定分辨率的图片放入指定的位置,使用时只需要拿到图片名,图片会根据分辨率自动选取匹配的图片,类似@2x @3x图片自动管理机制

4、imageView的contentMode模式和说明

1>UIViewContentModeScaleToFill 默认模式:不管图片比例,直接把图铺满imageview,图片可能会被压缩或者拉伸;

2>UIViewContentModeScaleAspectFit 模式:(contents scaled to fit with fixed aspect. remainder is transparent) (内容缩放以适应固定的尺寸。剩余部分是透明的)

图片比例不变 展示在imageview里面 图片可能会被缩放;

3>UIViewContentModeScaleAspectFill 模式:(contents scaled to fill with fixed aspect. some portion of content may be clipped.)(内容按比例填充为固定的尺寸。部分内容可能会被剪切。)

图片比例不变 填充在imageview里面 图片可能会做裁剪。

5、苹果官方文档地址

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值