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 11

Day 11 使用 M3 的 Extended Floating Action Button(下)

延續上一篇 Floating Action Buttons (上) 在上一篇FAB提到的icon必須清晰易懂,因為按鈕沒有文字描述,Extended FABs可...

2022-09-25 ‧ 由 Anna 分享
DAY 12

Day12 使用 M3 的 Bottom App Bar

Bottom app bar BottomAppBars 使用操作上是類似 NavigationBars,但NavigationBars使用在切換頁面,Bott...

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

Day 13 使用 M3 的Chips

主要功能在幫助輸入信息、進行選擇、過濾內容或觸發操作,Chipa和Button有相似之處在於它們都提供視覺提示用戶採取行動和做出選擇。 但是有一些重要的區別,C...

2022-09-27 ‧ 由 Anna 分享
DAY 14

Day14 延續前實戰新增 FAB + Bottom App Bar 實作

延續之前實作的「Day09 實戰簡易的卡片瀏覽頁面」後,將Day10~Day12學會MDC Components的Floating Action Buttons...

2022-09-28 ‧ 由 Anna 分享
DAY 15

Day15 使用M3的Bottom sheets

BottomSheets 分成兩種 Standard bottom sheet Modal bottom sheet M3新增內容 顏色:新的顏色對映和...

2022-09-29 ‧ 由 Anna 分享
DAY 16

Day16 使用M3的Dialogs

通常我們大家熟悉的Dialogs 是讓使用者需要的操作、內容包含簡明扼要的陳述或問題。 Dialogs在應用程式內容前面,同時禁用所有應用程式功能,以提供關鍵資...

2022-09-30 ‧ 由 Anna 分享
DAY 17

Day17 使用M3的Divider

Divider 分隔線(MaterialDivider)是一個可用於佈局的檢視,將內容清晰的劃分。分隔線長度可伸縮性,例如用於分離列表項或定義長度。 M3新增內...

2022-10-01 ‧ 由 Anna 分享
DAY 18

Day18 使用M3的Menus

選單內容應適合使用者需求,同時易於開啟、關閉和互動。當用戶與按鈕、操作或其他控制元件互動時,會出現選單。 1. Dropdown menus 2. Expose...

2022-10-02 ‧ 由 Anna 分享
DAY 19

Day19 延續前實戰新增Bottom Sheets、Full-screen dialogs實作

延續之前實作的Day14 延續前實戰新增 FAB + Bottom App Bar 實作後,這次將實現Day15~Day18文章介紹MDC的 Bottom sh...

2022-10-03 ‧ 由 Anna 分享
DAY 20

Day20 使用M3的Navigation drawer

Navigation drawer 預設情況下可以開啟或關閉,以適應不同的應用程式佈局,有兩種型別的Standard、Modal。Standard標準非常適合頻...

2022-10-04 ‧ 由 Anna 分享