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

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

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

新建文稿

选取文稿类型为 快速操作

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

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

拖入“复制访达项目”

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

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

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

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

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

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

最终效果～

【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片（切图）相关推荐

通过Mac“自动操作“（Automator）软件实现FGO自动肝本
通过Mac"自动操作"(Automator)软件实现FGO自动肝本 (不会写脚本的我只能通过这种低效的方式来实现自动肝本.不过想到这个技术对别人可能有用,于是便写一篇教程) 前言 ...
thinkpad x系列电脑安装iOS虚拟开发环境：mac os 10.8.4 xcode4.6.3 vmware9
蓝牙4.0 技术交流讨论群 : 228014986 很多工程师还没有mac的电脑,但是又想搞iOS开发怎么办呢? 本人试过用网上很多教程,折腾了好几天,终于弄好了,跟大家分享一下: 一. 安装系统,有 ...
iOS中图片@1x @2x @3x的意思
在xcode的images.xcassets中丢入图片后,这些图片会被默认划分为三种尺寸. 假设图片名为bdlogo.png 则这张图片会被自动填充到1x的位置假设图片名为bdlogo@2x.png ...
AutoCAD .NET开发（使用 ActiveX® 自动操作及支持 COM 的语言c#）
我是文明,以下即代表我的个人认同看法,有不同看法的可以留言哈,谢谢你的阅读,文章有错字或代码错误请指正,谢谢你哦. AutoCAD .NET开发近期,项目需求需要进行CAD二次开发,以下为需求: ...
ui标注android ios,IOS+ANDROID的UI切图与标注方法
之前的知识科普说了好些基础的概念,本篇将会结合之前我们讲到的数个概念来谈谈图为什么要这样切,标注为什么要这样做. iOS 的切图与标注跑 iOS 的设备主要两种,iPhone 和 iPad.(iPo ...
iOS设计 - 一款APP从设计稿到切图过程概述
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...
一款APP从设计稿到切图过程全方位揭秘（IOS版）
9月17日凌晨,IOS9正式推送,它使用的字体最终还是变了,我下面写的内容你们也要酌情更新,因为我写的实在赶不上它更新的速度了 iOS9使用的西文字体由Helvetica Neue变更为 San Fr ...
【iOS设计】一款APP从设计稿到切图过程概述
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...
蓝湖--UI切图软件，适用于ios，安卓，Web
蓝湖使用环境,需要在 PSCC2015以上版本使用,需要官方提供的压缩工具才能打开. 官网直接下载安装,结束后可直接在PS,窗口-->扩展工具中打开. 切图及标注使用方法: 扩展中打开,登录蓝湖 ...

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

【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片（切图）相关推荐

最新文章

热门文章