iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

Kotlin 實踐 Material Design 懶人包 系列

工程師也需具備了解Android UIUX 介面設計,能與團隊中設計師之間的協作溝通更容易。
此次從Android開發者角度去探討學習 Material Components (MDC-Android) 的一系列組件的程式碼實作,也因Materia Design 這些組件由 Google 的核心工程師和 UX 設計師團隊開發,致力構建美觀且功能強大的 Android 應用,所以身為Android 工程師學習更加了解重視UIUX 介面設計。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 使用M3的Navigation rail

Navigation rail 元件會顯示在應用程式中每個螢幕的同一側,顯示3到7個item。通常適用於平板的螢幕上,但也可以在手機裝置上使用,判斷螢幕寬度大小...

2022-10-05 ‧ 由 Anna 分享
DAY 22

Day22 使用M3的Navigation bar

Navigation bar 主要手機裝置位於螢幕底部固定呈現,通常顯示3~5個item,當需要5個以上、3個以下皆考慮使用Chips 、navigation...

2022-10-06 ‧ 由 Anna 分享
DAY 23

Day23 使用M3MaterialSwitch

當需要開啟或關閉單一選項時,可使用Switch ,最常用於手機裝置,以啟用和禁用選項或是選單中的選項。開啟和關閉表示一個具有兩種狀態的按鈕,開關由軌道和拇指組成...

2022-10-07 ‧ 由 Anna 分享
DAY 24

Day24 使用M3的Sliders

Sliders是使用條形的滑動進行檢視和選值或範圍,非常適合調整音量和亮度等設定等。 Silders 有分兩種類型 Continuous slider Di...

2022-10-08 ‧ 由 Anna 分享
DAY 25

Day25 延續前實戰新增 Modal navigation drawer 、MaterialSwitch實作

延續之前Day19延續前實戰新增Bottom Sheets、Full-screen dialogs實作後繼續新增,這次將實現Day20~Day24文章介紹MDC...

2022-10-09 ‧ 由 Anna 分享
DAY 26

Day26 使用M3的Progress Indicators

Progress 有分兩種類型 Linear progress indicator Circular progress indicator 實作上探討...

2022-10-10 ‧ 由 Anna 分享
DAY 27

Day27 使用M3的Radio button

單選按鈕是一種選擇控制元件,當用戶需做出決定或從選項中選擇時使用,當列表中使用單選按鈕從選擇一個選項,如果選擇了單選按鈕,視覺上應該比未選定的專案更突出。 實...

2022-10-11 ‧ 由 Anna 分享
DAY 28

Day28 使用M3的Motion - Transition Patterns四種模式,其中的Container transform patterns (1)

Material Design的Motion由四種模式組成,用於在元件或全屏檢視之間過渡轉換動畫,這些模式主要在透過加強使用者介面元素之間的關係來幫助使用者瀏覽...

2022-10-12 ‧ 由 Anna 分享
DAY 29

Day29 使用M3的Motion - Shared axis(2)

繼前一章節 Day28 使用M3的Motion - Transition Patterns四種模式,其中的Container transform pattern...

2022-10-13 ‧ 由 Anna 分享
DAY 30

Day30 Motion - Fade through 、Fade(3)

繼前兩天章節 Day28 使用M3的Motion - Transition Patterns四種模式,其中的Container transform patter...

2022-10-14 ‧ 由 Anna 分享