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

栏目: IOS · 发布时间: 7年前

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、1@2x.png和1@3x.png)导入到工程图库中的时候可以自动被识别为1x、2x和3x大小的图片

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

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

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

新建文稿 

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

选取文稿类型为 快速操作

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

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

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

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

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

拖入 “ 复制访达项目 ”

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果~

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

❤❤点击这里 -> 订阅PAT、蓝桥杯、GPLT天梯赛、LeetCode题解离线版❤❤ 【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片(切图)

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

Web技术

Web技术

杰克逊 / 清华大学出版社 / 2007-6 / 59.00元

本书详细介绍了广泛的Web技术,包括:HTTP、XHTML、CSS、JavaScript、DOM、Java servlet、XML及相关技术、JSP、SOAP、Web服务、JAX-RPC等;简要概述了相关的技术,包括:CGI、ASP、PHP和ColdFusion技术。本书还使用大量的示例来示范各种技术的原理和用法,并且说明相关的概念。各章章末还提供了一些问题,用以测试学生对内容的理解程度,并让他们......一起来看看 《Web技术》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具