目錄

1. 素材處理
2. 新增分頁
3. 修改 Icon

正文

素材處理

• res/values/colors.xml，我選擇的色調是寧靜天空（Serene Skies），請參考網址

  <?xml version="1.0" encoding="utf-8"?>
  <resources>
      <color name="black">#FF000000</color>
      <color name="white">#FFFFFFFF</color>
      <color name="coral_pink">#FBE0C3</color>
      <color name="orange">#FFBB98</color>
      <color name="gray">#7D8E95</color>
      <color name="dark_green">#344648</color>
  </resources>
  

• 新增三個 Icon
  

新增分頁

可以參考我之前的三篇文章！

1. Day.16 學習XML 大師菁英班 - 增加分頁 1
2. Day.17 學習XML 大師菁英班 - 增加分頁 2
3. Day.18 學習XML 大師菁英班 - 增加分頁 3

這是目前的長相：

修改 Icon

1. 下載一個可愛的 SVG 檔
2. 將 res/drawable/ic_launcher_foreground 和 ic_launcher_background 刪掉，會跳一個警告，不要理它，直接砍
3. 對 drawable 按下右鍵，在 New 裡選擇 Image Asset
4. 在 Foreground Layout 這個分類中選擇你要顯示的圖案
5. 在 Background Layout 這個分類中選擇你要顯示的背景
6. 可以在 Scaling 進行一些 size 的微調
7. 選好後按下 Next，這邊會告訴我們當新增這個檔案後，有哪些檔案會被修改，按下 Finish
8. 點擊 RUN app，再點擊 Stop app，在目錄就會看到自己弄好的 icon
   

總結

今天內容有點少，其實我花很多時間在研究 Bottom App Bar，但我做出來一點都不浮動 QQ，而且我現在不知道為甚麼我的 item 在被選取時後面為甚麼會出現一個橢圓形的圈圈，我想要改顏色但我不知道它是從哪裡出現的，然後今天和昨天都早八，真的累到快哭出來。

下一篇反正就是努力做！

參考資料

Android Developers - 创建应用图标
https://developer.android.com/studio/write/create-app-icons?hl=zh-cn

變更應用程式圖示
https://developer.android.com/codelabs/basic-android-kotlin-training-change-app-icon?hl=zh-tw#0

Bottom Navigation Bar in Android Studio using Java | Explanation
https://www.youtube.com/watch?v=0x5kmLY16qE&t=438s