iT邦幫忙

2025 iThome 鐵人賽

DAY 12
0
Mobile Development

現代Android jetpack compose開發入門系列 第 12

Day 12:主題與現代Material3,使應用繽紛多彩

  • 分享至 

  • xImage
  •  

因為上一篇的內容有點太多了,所以我想要稍微來一些簡單的內容

什麼是主題(Theme)

在正式開始介紹之前,我想要先推薦一個快速了解與查詢M3的網站:https://m3.material.io/
裡面也有對於該使用顏色配置的教學與介紹

主題就是整個應用的配色,字體是黑色,底是白色等都是主題,主題可以讓使用者體驗更好,還可以展現品牌系列特色
這些主題會自動配置在各個UI上面
主題主要分成兩種:Static(靜態), Dynamic(動態)

靜態主題

不會因為使用者的桌布而改變配色,更適合展現產品的品牌或一致性
這裡推薦另一個可以更好設計主題的網頁:https://material-foundation.github.io/material-theme-builder/

動態主題

會因為使用者的桌布主題變色,看起來更像是原生的Android軟體
可以打開theme.kt看看,他只支援API31以上的裝置,其他情況都是用靜態配色

我比較推薦使用動態主題,除了比較簡單之外,我覺得可以根據使裝置變色這個特性更適合這種小軟體

M3的好處

前面我已經提過這個教學主要使用的是M3,但是沒有細說原因

  • 比較新,更新比較多
  • 樣式整合,以前的很多UI樣式要自己搓,但現在比較不用
  • 語意優化,以前的M2在很多地方語意比較模糊,現在則明確很多
  • 動態顏色
    當然,其實這些功能也不是必需的,其實也可以自行設計完全自訂風格,但是這對於小成本的簡單應用開發完全背道而馳,所以我選擇的是高度一致且一般商用的M3來開發

上一篇
Day 11:配置應用介面
系列文
現代Android jetpack compose開發入門12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言