系列文章
Day 1 - 學習 Material Design 的好處在哪 ?
前言 由於 Material Design 大多數的篇幅都注重在介紹 UI / UX 還有在 Android 中有哪些實用的元件 所以對前端工程師最大的好處應該...
Day 2 - Button ( Design )
前言 觸控手機問世的那一刻，Button 就成了每個應用程式中不可或缺的元件。這也是我想把它擺到第一位來介紹的主因，作為 Mobile 移動端的開發工程師，都無...
Day 3 - Button ( Implementation )
大綱 會分為下面幾個段落來介紹 Simple Using in layout in code add a icon Text Button in...
Day 4 - Text fields ( Design )
前言 今天要來介紹的是 Text fields ( Input Text )，與 Button 一樣都是在應用程式中很常見的元件，通常出現在需要讓用戶填寫資料的...
Day 5 - Text fields ( Implementation )
大綱 TextInputLayout Simple Using Adding a leading icon Leading icon attribute...
Day 6 - App bar : Top ( Design )
前言 App bar:Top ( toolbar )，官方之所以這樣區分，是因為在 Material Design 分為 Top 與 Bottom，只不過在常見...
Day 7 - App bar : Top ( Implementation )
大綱 Type Regular top app bar Simple Using Applying scrolling behavior Prominent...
Day 8 - Slider ( Design )
前言 Slider 能讓用戶透過滑動按壓來對一系列的數值進行更加細部選擇的元件，常應用在音量控制或價格範圍等數值範圍選取的情境 Slider - Design...
Day 9 - Slider ( Implementation )
大綱 Simple Using Using Ranger Slider Adding/removing the value label Setting a...
Day 10 - Switches ( Design & Implementation )
前言 接下來的篇幅會開始講到 Selection Controls Components 簡稱 “選擇控件”：允許用戶完成涉及做出選擇的任務，例如選擇選項、打開...