系列文章
Day 21 - Cards ( Design )
前言 Card 的設計，已經廣泛出現在我們的應用程式中，例如 ig、facebook 等等，是一種元件配置的設計方式，並非只是單純一個元件 Cards - D...
Day 22 - Cards ( Implementation )
大綱 Simple Using Making card checkable Making card draggable Cards Elevated...
Day 23 - Bottom Sheet ( Design )
前言 Bottom Sheet 算是比較近期 App 非常熱門的應用設計，從底部彈跳出視窗。通常會搭配在 more action，提供用戶與當前情境畫面的細部操...
Day 24 - Bottom Sheet ( Implementation)
大綱 Standard bottom sheet Modal bottom sheet Expanding bottom sheet Common Using...
Day 25 - Bottom Navigation ( Design )
前言 Bottom Navigation 通常作為主畫面的元件之一，位於畫面底部，能讓用戶操作並進行各個畫面的導航，是個以操作體驗與畫面跳轉為重的組件 Bo...
Day 26 - Bottom Navigation ( Implementation )
大綱 Using Anatomy Key properties Style Using 先就簡單地做一下基本的架構，需要BottomNavigationVi...
Day 27 - Navigation drawer (Design)
前言 是一個作為導航工具的組件，能讓用戶隨時展開或收起，與 Bottom Navigation 相同都是作為跳轉畫面的元件，但應用上有些不同，上幾篇我有提到 B...
Day 28 - Navigation Drawer ( Implementation )
大綱 Simple Using Anatomy Key properties Modal navigation drawer Bottom navigatio...
Day 29 - Tabs ( Design )
前言 不知不覺鐵人賽也接近尾聲，要講的最後一個元件是 Tab，也是一種導航切換畫面的元件，圍繞在同一主題上。在大多數的 App 都能看到，包裹著相關性高或相同應...
Day 30 - Tab ( Implementation ) & 完賽後記
大綱 Simple Using Fixed tabs Scrollable tabs Anatomy Key properties Style Simpl...