iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 21
0
自我挑戰組

30 天開發 Android App 的流水帳系列 第 21

Day 21:自製 Android App Icon

在準備上架之前,先來更新 App 的圖示,一直用預設的看起有點膩。以下是採用 Adaptive Icon 做法,要不然有些 Launcher 下看起來沒有整個填滿。

Google 搜尋也可以找合適的圖示,但不確定引用是否有版權問題,所以還是先自己做一個來玩玩。

製作 SVG

現在的背景是用白色的,所以圖示也傾向於用同個色系。礙於手上沒有繪圖工具,就只好土法練鋼,

  • Google Drawing 開了一個 512 x 512 的圖片,然後直接把 Star Wars 放在圖示正中間。

https://ithelp.ithome.com.tw/upload/images/20201009/20130546xzRGjanl7C.png

  • 另存 SVG 格式

SVG 匯入 Android Studio

  • drawble 資料夾 > 新增 Vector Asset

https://ithelp.ithome.com.tw/upload/images/20201009/20130546zbkS0ONqy1.png

  • 選 Local file > 把剛剛做好的 SVG 匯入
    https://ithelp.ithome.com.tw/upload/images/20201009/20130546hjay6khi4a.png

製作前景顏色(drawble 資料夾 > 新增 Image Asset)

  • Forgrend Layer > 選擇剛剛前一步的 SVG 的 xml

https://ithelp.ithome.com.tw/upload/images/20201009/20130546EkgWw4w5jV.png

  • Background Layer > 這邊就調成預期的白色
    https://ithelp.ithome.com.tw/upload/images/20201009/20130546i8ijIV52C2.png

  • 按下 Next 之後會自動產生對應的 launcher 以及圖示 png
    https://ithelp.ithome.com.tw/upload/images/20201009/201305465Bd5THjIIT.png

更新後的圖示

https://ithelp.ithome.com.tw/upload/images/20201009/20130546FnsfFZFdDa.png


上一篇
Day 20:重構的好時機
下一篇
Day 22:Github Release 設置
系列文
30 天開發 Android App 的流水帳32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言