新增 android 上的浮動按鈕 FloatingActionButton ( Layout篇 )

有些功能我們很常會用到，如果每一個頁面都特別還去主選單裡面點選的話其實挺麻煩。
現在有一種 button 的形式叫做 FloatingActionButton 他可以讓你有個按鈕一直浮在上面

首先，在 gradle 的部份我們要加上

compile 'com.android.support:design:23.1.0'

然後到要加上的頁面 xml上加入：

 <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:src="@drawable/ic_note_add_white_24dp"
        style="@style/floating_action_button"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true" />

styles.xml 也加一下樣式好了：

 <style name="floating_action_button">
        <item name="android:layout_marginLeft">0dp</item>
        <item name="android:layout_marginTop">0dp</item>
        <item name="android:layout_marginRight">16dp</item>
        <item name="android:layout_marginBottom">16dp</item>
    </style>

google 有提供 Marerial icon 的圖檔下載
https://www.google.com/design/icons/