モケラ

Tech Sheets

mokelab

floatingActionButton

最終更新日:2015-06-17

InboxやGoogle カレンダーなどで用いられている、右下の+ボタンのためのViewです。

使い方

レイアウトXMLにandroid.support.design.widget.FloatingActionButtonを追加するだけです。あとは通常のボタンのようにイベントを設定するだけ。

<android.support.design.widget.FloatingActionButton
    android:id="@+id/button_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_marginRight="16dp"
    android:layout_marginEnd="16dp"
    android:layout_marginBottom="16dp"
    android:src="@drawable/ic_add_white_24dp"
    app:fabSize="normal"
    />

android:srcで丸ボタンの中のアイコン画像を指定します。アイコン画像はGoogle Designのサイトで代表的なものがダウンロードできます。

一覧に戻る