系列文章
Day 11 - Checkboxes (Design & Implementation)
前言 與上篇同為 Selection Controls Components，今天要講的是 Checkboxes，由於這些元件整體相對簡潔，Material D...
Day 13 - Floating action button (Design)
前言 FAB 作為一個獨立的 Action Button，位置上是在所有 Content 的前面並位於右下方，形狀上是圓形或依據不同大小可能為橢圓。通常對應著當...
Day 12 - RadioButtons (Design & Implementation)
前言 為 selection controls components 最後一個元件，與 slider、checkboxes 在設計上都非常簡潔，一樣也是實作與設...
Day 14 - Floating action button (Implementation)
大綱 Using Type Regular FABs Mini FABs Extended FABs Speed dial Custom Style Usg...
Day 15 - Divider ( Design & Implementation )
前言 Divider 是能將要在 UI 呈現的重點內容，更加清晰且顯眼地表達。在我們想呈現列表形式的資料時，透過 Divider 的劃分，讓用戶能明顯辨識之間的...
Day 16 - Progress indicators ( Design )
前言 用來通知用戶正在進行的進程狀態，例如 加載應用程序、提交表單或保存更新應用程序的狀態並指示可用的操作，例如用戶是否可以離開當前屏幕。在進行異步或初始化時常...
Day 17 - Progress indicators ( Implementation )
大綱 Simple Using Linear progress indicators Circular progress indicators Anatomy...
Day 18 - SnackBars ( Design & Implementation)
前言 Snackbar，是很常見的應用通知設計，位於應用程式的底部，提供用戶目前操作的任何相關訊息。由於 Snackbar 實作的篇幅較少，就一起講解 大綱...
Day 19 - Dialogs ( Design )
前言 Dialog 比起上一篇提到的 Snackbar，更為顯著且出現時會阻擋用戶操作 Dialogs - Design 分為下面幾個段落來介紹 Usag...
Day 20 - Dialogs ( Implementation )
大綱 Alert dialog Simple dialog Confirmation dialog Full-screen dialog Anatomy Ke...