Mac生成APP图标和启动图的脚本

tianhang 发布于2019-06-25 16:43 / 987人阅读

摘要：下载点我概述之前用的一个批量导出图标和启动图的软件，今天发现收费了，于是自己造了个简单的轮子。扩展在命令行使用命令修改图片尺寸重新定义单个图片尺寸忽略比例修改后图片尺寸为重新定义单个图片尺寸保留比例保留图片比例，宽高不超过。

下载点我

概述

之前用的一个批量导出APP图标和启动图的软件，今天发现收费了，于是自己造了个简单的轮子。

实现

Mac上的sips命令，可以很方便的帮助用户修改图片尺寸

Xcode里面的APP启动图资源包含两部分

图片资源

描述文件

所以这个脚本的功能就是两个

生成描述文件Contents.json

修改图片尺寸并关联描述文件

生成描述文件

使用echo简单粗暴的写入

setContents(){
echo {  >> ./AppIcon/Contents.json
echo "  "images"" : [>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""20x20"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""2x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_40x40.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""20x20"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""3x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_60x60.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""29x29"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""2x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_58x58.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""29x29"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""3x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_87x87.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""40x40"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""2x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_80x80.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""40x40"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""3x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_120x120.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""60x60"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""2x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_120x120.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""60x60"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""iphone"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""3x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_180x180.png"">> ./AppIcon/Contents.json
echo "   "},>> ./AppIcon/Contents.json
echo "   "{>> ./AppIcon/Contents.json
echo "      "size"" : ""1024x1024"",>> ./AppIcon/Contents.json
echo "      "idiom"" : ""ios-marketing"",>> ./AppIcon/Contents.json
echo "      "scale"" : ""1x"",>> ./AppIcon/Contents.json
echo "      "filename"" : ""icon_1024x1024.png"">> ./AppIcon/Contents.json
echo "   "}>> ./AppIcon/Contents.json
echo " "],>> ./AppIcon/Contents.json
echo "  "info"" : {>> ./AppIcon/Contents.json
echo "     "version"" : 1,>> ./AppIcon/Contents.json
echo "     "author"" : ""xcode"">> ./AppIcon/Contents.json
echo " "}>> ./AppIcon/Contents.json
echo }>> ./AppIcon/Contents.json
}

修改图片尺寸

iconWithSize() {
sips -Z $1 icon.png --out ./AppIcon/icon_$1x$1.png
}

函数调用

mkdir AppIcon
setContents
for size in  40 58 60 80 87 120 180 1024
do
iconWithSize $size
done

效果展示

怎么使用 AppIcon

下载对应的sh文件，放到你想导出图片的目录下，将你的原图命名为icon.png，然后在控制台中进入该目录，执行

sh AppIcon.sh

LaunchImage

下载对应的sh文件，放到你想导出图片的目录下，将你的原图命名为Default.png，然后在控制台中进入该目录，执行

sh AppLaunch.sh

就可以得到你要的资源啦。

扩展 在命令行使用sips命令修改图片尺寸 重新定义单个图片尺寸（忽略比例）

sips -z 768 1024 xxx.png

修改后图片尺寸为1024x768

重新定义单个图片尺寸（保留比例）

sips -Z 500 xxx.png

==保留图片比例，宽高不超过500。注意是大写的Z==。要想保留图片原始比例就得这样做，比如你有一张尺寸为750 x 1334的图片，执行完上面这条命令后，图片尺寸就变成了281x500

在一个目录里批量修改同一后缀格式的图片尺寸

sips -Z 300 *.png

只需要用*作为通配符来代替图片名就可以了

下载点我

点我点我

服务器托管专线服务图的生成 ico图标在线生成在线生成ico图标 mac启动项

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/16997.html

iconfont实践小结

摘要：所以实现小图标时雪碧图跟图标字体会在一个网站共存，自定义图标字体为什么比较耗时，且太复杂图标无法实现请往下看开发流程就了解了。参考资料细谈浅谈图标字体向下兼容优雅降级技术绘制小图标技巧雪碧图图标字体矢量小图标设计本文对应源码源码地址演示地址 showImg(https://segmentfault.com/img/bVRnAC?w=431&h=220); 之前写了一篇关于雪碧图的博文，...

bitkylin 2019-08-29 13:00 评论0 收藏0
浅谈 CSS Sprites 雪碧图应用

摘要：编写配置文件，以下是关键配置代码雪碧图合并输出到文件参数执行目录参数生成的和图片的文件名之所以推荐，是因为非常的灵活，看懂模块的可以根据你的项目情况编写对应的配置文件。 showImg(https://segmentfault.com/img/bVGpAw?w=518&h=156); 前言网站开发90%会用到小图标，多小图标调用显示是前端开发常见的问题；目前小图标显示常见有两种方式...

MkkHou 2019-08-30 13:12 评论0 收藏0
Python3网络爬虫实战---12、部署相关库的安装：Docker、Scrapyd

摘要：阿里云安装脚本安装脚本两个脚本可以任选其一，速度都非常不错。推荐的加速器有和阿里云。阿里云不同平台的镜像加速方法配置可以参考的官方文档。以上便是的安装方式说明。上一篇文章网络爬虫实战爬虫框架的安装下一篇文章网络爬虫实战部署相关库上一篇文章：Python3网络爬虫实战---11、爬虫框架的安装：ScrapySplash、ScrapyRedis下一篇文章：Python3网络爬虫实战---...

ityouknow 2019-07-31 10:34 评论0 收藏0
iOS - 收藏集 - 掘金

摘要：动画系列之五基础动画之缩放篇旋转篇掘金这一篇主要介绍基础动画之缩放和旋转。本文主要会基于一些开源代码和个人实践，对功能性和实用性均佳，应用领域广泛的幻灯片播放库掘金的多选掘金好久 PPAsyncDrawingKit - 实现了一系列基础 UI 控件的轻量级 ASDK - iOS - 掘金一年 iOS，求职中，上海地区，邮箱：dskcpp@gmail.com PPAsyncDrawing...

dingda 2019-06-25 16:13 评论0 收藏0
20个可以帮你简化iOS app开发流程的工具

摘要：你可以利用渐变和填充等功能来创建简单的形状，并且可以访问几乎所有苹果默认提供的控件。可以帮你生成苹果指导方针所说的各种分辨率图标，包括设备和非设备。是一个用来管理苹果推送通知的脚本。这里推荐20个可以帮你简化iOS app开发流程的工具。很多开发者都使用过这些工具，涉及原型和设计、编程、测试以及最后的营销，基本上涵盖了整个开发过程。原型和设计有了一个很好的创意后，你要做...

fobnn 2019-06-25 13:46 评论0 收藏0