Flutter - 自动生成Android & iOS图标

时间 2019-12-13

标签 flutter 自动生成 android ios 图标栏目 Android 繁體版

原文原文链接

对于要发布的app来讲，作图标是一个麻烦的事，你须要知道N个图标的分辨率，而后用PhotoShop一个个修改导出。php

PS好图标以后，按照各自的位置放进去。android

***********************************************************************************ios

有没有简单一点的办法呢？app

答案是YES！less

若是有个PS脚本的话，能够节省一些时间。网站

PS好图标以后，你还须要按照各自的位置放进去。ui

***********************************************************************************spa

可是还有没有更简单的方法呢？插件

答案是Yes！！！code

有的在线生成Icon的网站能够，好比

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

嗯，仍是有点麻烦

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

可是，还有没有更简单的方法呢？

答案仍是YES！！！

在pub.dartlang.org上面，Flutter Community发布了一个全自动化生成Icons的插件，安装好以后能够一键生成全部的Icon。

点击下面跳转

使用说明：

在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 查看自动生成的图标了。