Preview

build.gradle (Module: app)
dependencies {
...
// Material design
implementation "com.google.android.material:material:1.1.0"
...
}activity_main.xml
We'll add five Fab buttons as indicated in screenshots above.
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabBug"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:fabSize="mini"
android:backgroundTint="@color/colorFabMini"
android:src="@drawable/ic_bug"
app:rippleColor="@color/colorPrimary"
android:layout_margin="16dp"
android:visibility="invisible"
app:layout_constraintLeft_toLeftOf="@id/fab"
app:layout_constraintRight_toRightOf="@id/fab"
app:layout_constraintBottom_toTopOf="@id/fabInfo"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabInfo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:fabSize="mini"
android:backgroundTint="@color/colorFabMini"
android:src="@drawable/ic_info"
app:rippleColor="@color/colorPrimary"
android:layout_margin="16dp"
android:visibility="invisible"
app:layout_constraintLeft_toLeftOf="@id/fab"
app:layout_constraintRight_toRightOf="@id/fab"
app:layout_constraintBottom_toTopOf="@id/fabFilter"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabFilter"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:fabSize="mini"
android:backgroundTint="@color/colorFabMini"
android:src="@drawable/ic_filter"
app:rippleColor="@color/colorPrimary"
android:layout_margin="16dp"
android:visibility="invisible"
app:layout_constraintLeft_toLeftOf="@id/fab"
app:layout_constraintRight_toRightOf="@id/fab"
app:layout_constraintBottom_toTopOf="@id/fabSort"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabSort"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:fabSize="mini"
android:src="@drawable/ic_sort"
android:backgroundTint="@color/colorFabMini"
app:rippleColor="@color/colorPrimary"
android:layout_margin="16dp"
android:visibility="invisible"
app:layout_constraintLeft_toLeftOf="@id/fab"
app:layout_constraintRight_toRightOf="@id/fab"
app:layout_constraintBottom_toTopOf="@id/fab"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:src="@drawable/ic_add"
app:rippleColor="@color/colorPrimary"
android:layout_margin="16dp"
app:layout_constraintBottom_toBottomOf="@id/listView"
app:layout_constraintEnd_toEndOf="@id/listView"/>
</androidx.constraintlayout.widget.ConstraintLayout>MainActivity.kt
Last updated
Was this helpful?