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

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

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

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

查看所有标签

猜你喜欢:

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

Python for Data Analysis

Python for Data Analysis

Wes McKinney / O'Reilly Media / 2012-11-1 / USD 39.99

Finding great data analysts is difficult. Despite the explosive growth of data in industries ranging from manufacturing and retail to high technology, finance, and healthcare, learning and accessing d......一起来看看 《Python for Data Analysis》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

SHA 加密
SHA 加密

SHA 加密工具

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

RGB CMYK 互转工具