圖標在線生成工具Android Asset Studio的使用

在網站的導航資源裏看到了一個很是好用的東西:Android Asset Studio,能夠在線生成各類圖標。html

地址:http://romannurik.github.io/AndroidAssetStudio/index.html git

以前一直在用一個叫作Android Icon Creator的插件,能夠直接在Android Studio的插件裏搜索,這個工具的優勢是能夠生成適應各類分辨率的一套圖標,有好幾種風格的圖標資源,遺憾的是雖然有不少套圖標風格,畢竟是有限的。github

Android Asset Studio能夠本身選擇其內置的圖標,也能夠從本地文件選擇圖標,提供了7種圖標生成工具,分別是app啓動圖標,shortcut圖標,動畫圖標,通知欄圖標,.9圖標,普通圖標,actionbar或者tab上的圖標。app

1492068886159389.png

若是你不喜歡它自己提供的圖標資源,能夠從本地文件選擇圖標。我通常先從阿里巴巴的iconfont下載好本身相中的圖標,而後在使用這個工具。iconfont上有大量的矢量圖標資源,強烈推薦。svg

咱們就以生成actionbar或者tab上的圖標爲例,說說我是如何使用的。工具

首先在iconfont搜索我想要的圖標,我想要一個喜歡圖標,所以搜索喜歡動畫

1492069423642464.png

獲得了無數的喜歡圖標:網站

1492069486608039.png

選擇一個spa

1492069580126362.png

能夠什麼都不設置,直接點擊svg下載,我只嘗試了svg格式的,不知道png格式的會不會遇到圖標尺寸的問題。插件

而後進入生成actionbar或者tab的頁面

1492069849838517.png

在Source下面的tab選項卡種選擇Image,而後會彈出文件選擇對話框,選擇咱們剛剛下載的svg圖標。

右邊的預覽區域就能夠看到效果了

C1C26A73-7223-464E-B3D4-E5858477FB33.png

這個時候咱們能夠直接點右上角的下載按鈕,不過我建議在這步操做以前,先給圖標更名,在name下面的文本框種輸入你想要的名稱FC9BDA33-5B6B-43EE-A557-0D041E702028.png

而後下載,獲得的是一個zip包,解壓:

D15C23BA-0FCC-40A4-BBFF-6F1ADA48F1B5.png

還能夠定製一些其它的東西,就不一一介紹了。

最後提一下,這個東西是開源的。

相關文章
相關標籤/搜索