使用 TabLayout 的方法很簡單。 <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="fixed" /> <TextView android:id="@+id/tv_name"…
這次我們改善輸入文字的元件顯示。 Android Design Support Library 提供一個 TextInputLayout 元件，可用來包著 EditText，令 EditText 得到 focus 時，自動將 hints 變成標題： <android.support.design.widget.TextInputLayout android:id="@+id/til_et_name" android:layout_width="match_parent"…
上次用過 CoordinatorLayout 控制 FAB 在 Snackbar 出現時移動，今次我們玩 AppBar。 AppBar 最初叫 ActionBar，後來改名為 Toolbar ，現在統稱叫 AppBar。AppBarLayout 即是控制內容元件滑動時 AppBar 的顯示，需要在 CoordinatorLayout 底下才能運作。 AppBarLayout 簡單的用 CoordinatorLayout 再加上 AppBarLayout 包着 Toolbar： <android.support.design.widget.…
本來想寫 AppBarLayout，不過發現會牽涉到 RecyclerView，所以決定先寫 RecyclerView。 RecyclerView 就像 ListView，都是透過 scrolling 的動作來顯示一個清單，不過它更具彈性更自由。RecyclerView 可以很簡單的將它設為橫向或直向，或者以格仔形式顯示，而且設定加減項目的動畫也很容易。它的定位是 ListView 的後繼者，之前介紹過的 CoordinatorLayout 也只支援 RecyclerView 而不支援 LisView，所以大家還是用一用 RecyclerView 吧。 RecyclerView 架構，比 `ListView` 多了一個 `LayoutManager`…
相信大家有用過 Toast， Toast是 Android App 用來顯示簡短提示或通知的一種方法。Material Design 引入 Snackbar ，用來取代 Toast。比起 Toast ，Snackbar 歸屬於顯示中的 view，可以加「行動」按鍵，並且可以以左去右形式掃走。 Snackbar 用法 Snackbar 使用方法是跟 Toast 一樣： Snackbar.make(contentView, "I am snackbar", Snackbar.LENGTH_…
Floating Action Button (FAB)，直譯為「浮動動作按鈕」，為 Material Design 的其一大標誌。它是一個「浮」在畫面上的一個按鈕，按下去則執行該畫面常用的功能。 Floating Action Button (image from Material Design Pattern) 加入 FAB FAB 的使用非常簡單，我們繼續使用 Part 1 的 project ，將 activity_main.xml…