エンジニア男

勉強したことの忘備録としてつらつら書いていきます。

【Android】FloatingActionButtonの実装方法

FloatingActionButtonの実装方法のメモ。

 

・公式ドキュメント

https://developer.android.com/guide/topics/ui/floating-action-button?hl=ja

・Material Components Android

https://github.com/material-components/material-components-android/releases

 

実装手順

1, Material Componentsをdependenciesに追加

2, FloatingActionButtonをUIのレイアウトに追加

 

1, Material Componentsをdependenciesに追加

dependencies {
implementation 'com.google.android.material:material:1.2.0'
}

 

2, FloatingActionButtonをUIのレイアウトに追加

<?xml version="1.0" encoding="utf-8"?>
<layout
xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">

<ListView
android:id="@id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:layout_marginEnd="24dp"
android:layout_marginBottom="24dp"
android:clickable="true"
android:src="@drawable/ic_add_black"/>
</RelativeLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

 

 

■■■ FABボタンをタップした時の処理 ■■■

2, FloatingActionButtonをUIのレイアウトに追加

// データバインディング
binding.setOnClickListener {
// タップ時の処理
}