Posts tagged with Material Design


上次用過 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…