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

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

查看所有标签

猜你喜欢:

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

Redis开发与运维

Redis开发与运维

付磊、张益军 / 机械工业出版社 / 2017-3-1 / 89.00

本书全面讲解Redis基本功能及其应用,并结合线上开发与运维监控中的实际使用案例,深入分析并总结了实际开发运维中遇到的“陷阱”,以及背后的原因, 包含大规模集群开发与管理的场景、应用案例与开发技巧,为高效开发运维提供了大量实际经验和建议。本书不要求读者有任何Redis使用经验,对入门与进阶DevOps的开发者提供有价值的帮助。主要内容包括:Redis的安装配置、API、各种高效功能、客户端、持久化......一起来看看 《Redis开发与运维》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

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

UNIX 时间戳转换