FloatingActionButtonを実装する

Android Kotlin

表題の通り、FloatingActionButtonを実装します。
Empty projectを起点にしました。

まずはMainActivityのonCreate()で

var AddListButton: FloatingActionButton? = findViewById(R.id.addbutton)
AddListButton?.setOnClickListener {view ->
    Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
            .setAction("Action", null).show()
}

次にactivity_main.xmlファイルにaddbuttonを追加します。

<android.support.design.widget.FloatingActionButton
        android:id="@+id/addbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:srcCompat="@android:drawable/ic_dialog_email" />

ここでaddbuttonは画面の右端に設置したいので、layout_constraintBottom_toBottomOfとlayout_constraintRight_toRightOfを指定しました。ConstraintLayoutではこのように設定するようです。はじめはlayout_gravityで設定しようとして、うまくいきませんでした。

この変更で画面右下にFloatingActionButtonを実装できます。
Buttonを押すと下から"Replace with your own action"という表示が出ます。

githubにソースをアップしましたので、参考にしてください。
アップしたソースはFloatingActionButtonにマージンを設けて、またアイコンもメールのアイコンからプラスのアイコンに変更しています。

github.com
SHA: 50eabf64cda98bd3e99c951a5b20987b2e3a82f0