112/18 - 版面配置、主題設定和動畫 - 使用 Material Design 3 建立應用程式主題 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2023 iThome 鐵人賽

DAY 18

0

自我挑戰組

一天學一篇 Google Codelabs系列第 18 篇

112/18 - 版面配置、主題設定和動畫 - 使用 Material Design 3 建立應用程式主題

15th鐵人賽 android compose

2023-10-03 23:57:52

192 瀏覽

分享至

今天學什麼？

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「使用 Material Design 3 建立應用程式主題」

學習筆記

使用 Material Design 主題建構工具來調色
顏色分類
1. Primary：基本顏色，用於主要元件，例如顯眼的按鈕和啟用中狀態。
2. Secondary：用於 UI 中較不顯眼的元件，例如篩選器方塊。
3. Tertiary：用於提供對比色，以及用於應用程式背景和表面的中性色。
動態色彩適用於 Android 12 以上版本
1. 深色：dynamicDarkColorScheme
2. 淺色：dynamicLightColorScheme
不會字體設定大小的話，也有預設可用
1. headlineSmall
2. titleLarge
3. bodyLarge
4. bodyMedium
5. labelMedium
```
Text(
   text = "Hello M3 theming",
   style = MaterialTheme.typography.titleLarge
)
```

112/17 - 版面配置、主題設定和動畫 - Lazy 版面配置

112/19 - 版面配置、主題設定和動畫 - 設定文字樣式

系列文

一天學一篇 Google Codelabs 共 30 篇

目錄

RSS系列文訂閱系列文

11 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙