iOS UIImageView(contentMode)图片的三种填充方式

iOS UIImageView(contentMode)图片的三种填充方式,第1张

一:规律:

   1> 但凡取值中包含Scale单词的,都会对进行拉伸(缩放);

   2> 但凡取值中没有出现Scale单词的,都不会对进行拉伸;

       3>   但凡取值中包含Aspect单词的, 都会按照的宽高比来拉伸

二:填充模式:     

     1UIViewContentModeScaleToFill,

     > 会按照UIImageView的宽高比来拉伸

     > 直到让整个都填充UIImageView为止

     > 因为是按照UIImageView的宽高比来拉伸,所以会变形

     2UIViewContentModeScaleAspectFit,常常配合:clipsToBounds(将超出的部分裁剪掉)

     > 会按照的宽高比来拉伸

     > 要求整张都必须在UIImageView的范围内

     > 并且宽度和高度其中一个必须和UIImageView一样

     > 居中显示

     3UIViewContentModeScaleAspectFill,

     > 会按照的宽高比来拉伸

     > 要求整张必须填充UIImageView

     > 并且的宽度或者高度其中一个必须和UIImageView一样

> 因为是按照的宽高比来拉伸, 所以不会变形  

APP icon:

20pt @2x @3x

29pt @2x @3x

40pt @2x @3x

60pt @2x @3x

10241024

APP 启动图:

iphoneX :1125 x 2436

iPhone 6Plus/6SPlus(Retina HD 55 @3x): 1242 x 2208

iPhone 6/6S/(Retina HD 47 @2x): 750 x 1334

iPhone 5/5S(Retina 4 @2x): 640 x 1136

iPhone 4/4S(@2x): 640 x 960 (可能以后都不需要了)

App Store 提交截图尺寸 按照plus尺寸提供一套 其余尺寸App Store会自动生成

要点:1在 assets 中点击show slicing 可以可视化点九拉伸图。2可以在 uiimageview 中直接拉伸图。

IOS中可视化拉伸技巧

一、补充

在我的另一篇博客 >

以上就是关于iOS UIImageView(contentMode)图片的三种填充方式全部的内容,包括:iOS UIImageView(contentMode)图片的三种填充方式、iOS APP所需各种图片尺寸、ios图片拉伸技巧等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9563930.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存