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 查看自動生成的圖標了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM