Android5.0 FloatingActionButton使用小結

FloatingActionButton、これはフローティングボタンです.

1.パッケージのインポート

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

2.共通属性の説明

app:backgroundTint-FABの背景色を設定します.

app:rippleColor-FABクリック時の背景色を設定します.

app:borderWidth-このプロパティは特に重要です.0 dpを設定しないと、4.1のsdkにFABが正方形で表示され、5.0以降のsdkではシャドウ効果がありません.したがってborderWidth="0 dp"に設定します.

app:elevation-デフォルトのFABのシャドウサイズ.

app:pressedTranslationZ-クリック時のFABのシャドウサイズ.

app:fabSize-normalとminiの2つの値を持つFABのサイズを設定し、対応するFABのサイズはそれぞれ56 dpと40 dpです.

src-FABのアイコンを設定します.GoogleはDesignのデザインに合ったこのアイコンのサイズを24 dpにすることをお勧めします.

app:layout_anchor-FABのアンカーポイントを設定します.つまり、どのコントロールで参照ポイントの位置を設定しますか.

app:layout_anchorGravity-FABのアンカーポイントに対する位置を設定します.値はbottom、center、right、left、topなどです.

3.例

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatActionButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        app:backgroundTint="#eeeeee"
        app:elevation="2dp"
        app:fabSize="normal" />
LinearLayout>