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

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

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

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

2、如何创建多图的imageset

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

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

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

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

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

注意: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、苹果官方文档地址

 

 

你可能感兴趣的:(iOS)