导航:首页 > 编程语言 > js如何使用2x图和3x图

js如何使用2x图和3x图

发布时间:2023-02-23 01:25:05

1. 切图常说的@1X@2X@3X是什么意思

苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。
iPad2 是768 x 1024,iPad Retina 是1536 x 2048,开发时都按 768 * 1024
操作。但实际上两者有一倍差异。为了达到最佳效果,使用的图片大小不一样。这时候就用同一个名称,但 Retina 的图加上 @2x
后缀。系统加载图片时,在 iPad2 上会加载 @1x 的图在 1536 * 2048 的设备上,会加载 @2x 的。@3x 现在用于
iPhone 6/6+ 上。

附带一提:iOS8渲染操作中使用前缀带有@1x、@2x 和@3x 的测试图像,代码会优先载入3x 图像。@2x图像不被加载。使用图像文件和XCAsset均不行。

2. 【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片(切图)

iOS开发中,会要求导入@1x、@2x和@3x:

使用@1x格式: iPhone3GS

使用@2x格式: iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR

使用@3x格式: iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max

这样在开发过程中,将三种图片(比如分别为1.png、[email protected][email protected])导入到工程图库中的时候可以自动被识别为1x、2x和3x大小的图片

可以利用Mac系统中自带的服务自己 制作一个快速生成@1x、@2x和@3x图片的功能

首先spotlight搜索Automator,然后按Enter打开

**新建文稿 **

选取文稿类型为 快速操作

在工作流程收到当前的后面选择图像文件

在左边窗口的“操作”下,选择“资源库”中的“文件和文件夹”,将右侧中的“给访达项目重新命名”拖入最右侧的大窗口中,(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),选择“添加文本”,在输入框中输入【@3x】

拖入“复制访达项目”

选择左侧“资源库”中的照片,将“缩放图像”拖入右侧窗口(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),并选择“按百分比”,输入【66】

再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【“】,以【仅基本名称】;****再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【@3x”的副本】,以【仅基本名称】,替换成【@2x】

拖入“复制访达项目”,选择左侧“资源库”中的照片,将“缩放图像”拖入右侧窗口(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),并选择“按百分比”,输入【50】

再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【“】,以【仅基本名称】,再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【@2x”的副本】,以【仅基本名称】

然后保存,将“快速操作”存储为“制作@2x@3x图片”

每次使用的时候,只需选中图片,选择访达 -> 服务 -> 制作@2x@3x图片,****就会自动生成三个图片:1.png、[email protected][email protected]

最终效果~

3. android中ui给的2x和3x图怎么用

drawable-hpi用2x的drawable-xhpi用3x的

阅读全文

与js如何使用2x图和3x图相关的资料

热点内容
现场监理文件多少卷 浏览:807
vbnet同步数据库 浏览:314
招商银行app在哪里查银行状态 浏览:124
除了沙发管家还有什么app 浏览:44
苹果怎么更改安装包文件夹 浏览:892
40岁以上看什么app 浏览:758
手机网络怎么这么卡 浏览:270
jstab定位 浏览:925
win10有产品密匙 浏览:971
张艺兴微信粉丝群 浏览:432
在哪个app看各个博导招生信息 浏览:611
hp280prog2mt装win10 浏览:733
linux安装vnc包 浏览:740
哪个网站房子挂牌价靠谱 浏览:16
迷你编程迷小酷碎片获取后怎么激活 浏览:286
微信网页版登陆地址 浏览:628
王菲天空所有版本 浏览:489
管理某个设备需要哪些文件 浏览:986
怎样去除word里的分隔符 浏览:489
美林数据产品开发部如何 浏览:313

友情链接