美文网首页
iOS 1x和2x图在xib或者纯代码中的显示的大小

iOS 1x和2x图在xib或者纯代码中的显示的大小

作者: CoderZb | 来源:发表于2020-09-24 15:30 被阅读0次

今天使用xib做了VIP界面,其中有个crash_right_arrow右三角图片,将其设置到按钮上时,发现图片过大
最后才发现由于粗心,Assets.xcassets下的crash_right_arrow图片我给放置到了1x区域,因此图片不会自动缩放,所以会显得很大。
因为crash_right_arrow设计出来的图片是2x的,所以应将其放到2x的位置上,同理设计的为3x的话,应将其放到3x的位置上。

图文描述(更加形象)

以下右三角图片被我拖到了1x区域,然后xib上对应的图片显示的大小如下所示:

image.png
image.png

当把该图片拖动到2x区域时,xib上对应的图片大小如下所示,可以看到自动对该图片的尺寸做了除以2缩放,所以图片缩小了

image.png
image.png

总结,Assets.xcassets目录中存储的图片分为三个区域,1x 2x 3x。其中放置在1x区域上的图片不自动进行缩放;放置在2x区域上的图片会自动做除以2的缩放;同理放置在3x区域上的图片会自动做除以3的缩放。因此,先知道ui给的是1x图,还是2x图,还是3x图,然后再将图片要拖动到正确的区域位置上。以上是以xib为例的,纯代码和xib的效果是一样的,这里就不举例了

相关文章

网友评论

      本文标题:iOS 1x和2x图在xib或者纯代码中的显示的大小

      本文链接:https://www.haomeiwen.com/subject/nrazyktx.html