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

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

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图片(切图)

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

查看所有标签

猜你喜欢:

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

疯狂HTML 5/CSS 3/JavaScript讲义

疯狂HTML 5/CSS 3/JavaScript讲义

李刚 / 电子工业出版社 / 2012-5-1 / 69.00元

疯狂HTML 5/CSS 3/JavaScript讲义,ISBN:9787121168635,作者:李刚 编著一起来看看 《疯狂HTML 5/CSS 3/JavaScript讲义》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

在线进制转换器
在线进制转换器

各进制数互转换器

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

UNIX 时间戳转换