Fork me on GitHub

Flutter - 自动生成Android & iOS图标

对于要发布的app来说,做图标是一个麻烦的事,你需要知道N个图标的分辨率,然后用PhotoShop一个个修改导出。

PS好图标之后,按照各自的位置放进去。

 

***********************************************************************************

 

有没有简单一点的办法呢?

答案是YES!

如果有个PS脚本的话,可以节省一些时间。

PS好图标之后,你还需要按照各自的位置放进去。

 

***********************************************************************************

 

但是还有没有更简单的方法呢?

答案是Yes!!!

 

有的在线生成Icon的网站可以,比如

https://appiconmaker.co/Home/

https://icon.wuruihong.com

 

在线生成好之后,不需要下载下来图标,按照各自的位置放进去。

嗯,还是有点麻烦

 

***********************************************************************************

 

但是,还有没有更简单的方法呢?

答案还是YES!!!

在pub.dartlang.org上面,Flutter Community发布了一个全自动化生成Icons的插件,安装好之后可以一键生成所有的Icon。

点击下面跳转

flutter_launcher_icons

 

 

 

 使用说明:

在pubspec.yaml中添加

dev_dependencies: 
  flutter_launcher_icons: 
  
flutter_icons:
  android: "launcher_icon" 
  ios: true
  image_path: "assets/icon/icon.png"

 

 然后你需要准备一张分辨率为1024x1024的png图片,放入assets/icon,名称为icon.png

打开Android Studio或者VS Code的终端Terminal

输入

flutter packages get
flutter packages pub run flutter_launcher_icons:main

 

 

 稍等片刻,就完成了。

这下你就可以去 android\app\src\main\res 和 ios\Runner\Assets.xcassets\AppIcon.appiconset 查看自动生成的图标了。

posted @ 2019-01-18 16:09  猫叔Vincent  阅读(5275)  评论(0编辑  收藏  举报