iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 27
0
自我挑戰組

Kotlin Everyday:新手寫程式踩的坑系列 第 27

Day 27 ─如何修改 Application Icon

  • 分享至 

  • xImage
  •  

用模擬器跑的時候,常常會需要跳出去畫面再回來檢查的情況,這時候遇到一個問題,會發現清一色都是同樣的圖示(如上圖),完全找不到該點哪一個 App,因此需要修改 Application 的 Icon來解決這種不便。

使用:Image Asset、Vector Asset

如何修改 App Icon

  1. 對 res/drawable 文件夾按右鍵,準備新增一個 Image Asset
  2. 目的是方便辨識 App,所以 Icon Type 不需要改、一樣選擇 luancher icon
  3. 自定義部分(Asset Type)
  • Image:如果想自訂Icon圖片,就指定該xml文件存放的位置
  • Clip:可以選擇 Android Studio 內有的 Icon 圖標
  • Text:用預設好的文字顯示 Icon
  1. 點 Background Layer 可更換背景色或圖片
  2. 完成後系統會自動在midmap文件夾,生成對應不同密度的圖片檔案

補充|引用圖片的技巧

使用原有的 Icon檔案或字型很簡單,如果想要抓網路上的圖片當作 Icon 呢?
在 drawable 存一個 png 檔案就可以使用,但比較好的做法應該是透過 Vector Asset 先生成一個xml檔案,網路上抓取的圖片也要存成 SVG 檔案,因為SVG檔案可以調解析度,用在不同螢幕大小的裝置上就會有差別(不過一般而言,做 Icon 只要求 24x24 尺寸,影響不大)

參考資料:使用 Image Asset Studio 创建应用图标


上一篇
Day 26 ─用 Kotlin 做待辦清單 Todolist(9) DatePickerDialog 及新增資料屬性(下)
下一篇
Day 28 ─用 Kotlin 做書籍檢索 SQLite 資料庫(上)
系列文
Kotlin Everyday:新手寫程式踩的坑30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言