FloatingActionButtonを実装する
表題の通り、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