美文网首页
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