Cara menggunakan FloatingActionButton (FAB) Android Studio

Seperti judulnya, yang satu ini adalah tentang Floating Action Buttons (juga dikenal sebagai FAB) dan di mana kita harus menempatkan mereka pada antarmuka kita, Tombol aksi mengambang dibuat populer oleh desain material, yang merupakan bahasa desain visual yang diperkenalkan oleh Google.

Tombol aksi mengambang adalah jenis tombol khusus yang terutama digunakan untuk fungsionalitas seperti morphing, launching, dan titik jangkar transfer. Selanjutnya, jenis tombol ini sering ditemukan pada permukaan mengambang dari antarmuka pengguna.

Jika Anda telah menggunakan smartphone, baik itu Android atau iOS, ada kemungkinan besar bahwa Anda telah melihat tombol ini pada beberapa aplikasi. Penempatan FAB umumnya di bagian bawah sehingga tidak menonjol dan mudah diakses oleh jempol untuk penggunaan satu tangan.

Baca Juga...

• Ide untuk pengembangan aplikasi yang menguntungkan
• Iconset serbaguna gratis untuk diunduh
• Cara membuat rating bar di aplikasi android
• Cara membuat tombol share di aplikasi (android studio)
• Cara membuat ProgressBar dialog (android studio)
• Cara memasang banner dan interstitial admob (android studio)
• Cara membuat efek animasi (android studio)
• Cara membuat spinner (android studio)
• Cara membuat menu opsi (android studio)
• Mengenal android manifest dan R java

1. Tambahkan sebagai dependensi untuk build.gradle Anda : Sebelum menggunakan FloatingActionButton Anda harus menambahkan ketergantungan Perpustakaan dukungan desain dalam file Build.gradle :

dependencies {
    compile 'com.android.support:design:25.1.0'
}

2. Tambahkan com.melnykov.Fab.FloatingActionButton ke file XML tata letak Anda. Tombol harus ditempatkan di sudut kanan bawah layar. Lebar dan tinggi dari tombol tindakan mengambang hardcoded untuk 56dp untuk normal dan 40dp untuk tombol Mini.

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:fab="http://schemas.android.com/apk/res-auto"
             android:layout_width="match_parent"
             android:layout_height="match_parent">

    <ListView
            android:id="@android:id/list"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    <com.melnykov.fab.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_margin="16dp"
            android:src="@drawable/ic_action_content_new"
            fab:fab_colorNormal="@color/primary"
            fab:fab_colorPressed="@color/primary_pressed"
            fab:fab_colorRipple="@color/ripple" />
</FrameLayout>

3. Lampirkan FAB ke AbsListView, RecyclerView atau ScrollView :

ListView listView = (ListView) findViewById(android.R.id.list);
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.attachToListView(listView);

4. Tambahkan namespace xmlns:Fab="http://schemas.Android.com/APK/res-auto" ke file layout Anda.

# Mengatur jenis tombol (normal atau mini) melalui fab_type XML atribut (default adalah normal) :

fab:fab_type="mini"

Or

fab.setType(FloatingActionButton.TYPE_MINI);

# Mengatur warna normal dan ditekan melalui atribut XML : 

fab:fab_colorNormal="@color/primary"
fab:fab_colorPressed="@color/primary_pressed"

Or

fab.setColorNormal(getResources().getColor(R.color.primary));
fab.setColorPressed(getResources().getColor(R.color.primary_pressed));

# Aktifkan/Nonaktifkan bayangan tombol dengan fab_shadow XML attribite (itu diaktifkan secara default) : 

fab:fab_shadow="false"

Or

fab.setShadow(false);

# Tampilkan/Sembunyikan tombol secara eksplisit :

fab.show();
fab.hide();

fab.show(false); // Show without an animation
fab.hide(false); // Hide without an animation

# Tentukan warna ripple untuk API 21+ :

fab:fab_colorRipple="@color/ripple"

Or

fab.setColorRipple(getResources().getColor(R.color.ripple));

5. Mengatur ikon untuk FloatingActionButton menggunakan Android: src XML atribut. Gunakan drawable ukuran 24dp seperti yang ditentukan oleh pedoman. Ikon ukuran yang diinginkan dapat dihasilkan dengan Android asset studio.