Back To Top RecyclerView |
Back To Top RecyclerView atau Scroll To Top ini adalah sebuah fitur yang berfungsi untuk kembali ke bagian awal data. Jadi, jika kamu sudah terlalu jauh untuk Scroll kebawah dan ingin kembali keatas, kamu bisa menggunakan Back To Top RecyclerView ini. Simpel kan? 😄
Untuk kamu yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai. Oh ya, sampel tutorial ini datanya menggunakan API ya.
Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:
Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :
1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda versi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Kotlin ya.
2. Kemudian kamu import library Fast Android Networking untuk Rest API, RecyclerView, dan library Google Material ke gradle:
Source : build.gradle
3. Kamu tambahkan Permission Internet ke AndroidManifest.xml.
Source : AndroidManifest.xml
4. Buat Class Main untuk menu utama. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml, dan MainActivity.kt
5. Buat Class Adapter Main. Buat list_item_main.xml dan MainAdapter.kt.
Source : list_item_main.xml, dan MainAdapter.kt
6. Buat Class Model sebagai POJO. Buat ModelMain.kt.
Source : ModelMain.kt
7. Selesai dan coba kalian Run. Untuk hasilnya lihat video diatas tadi ya. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Tombol Back To Top RecyclerView dengan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
Untuk kamu yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai. Oh ya, sampel tutorial ini datanya menggunakan API ya.
Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:
Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :
1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda versi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Kotlin ya.
2. Kemudian kamu import library Fast Android Networking untuk Rest API, RecyclerView, dan library Google Material ke gradle:
Source : build.gradle
3. Kamu tambahkan Permission Internet ke AndroidManifest.xml.
Source : AndroidManifest.xml
4. Buat Class Main untuk menu utama. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml, dan MainActivity.kt
5. Buat Class Adapter Main. Buat list_item_main.xml dan MainAdapter.kt.
Source : list_item_main.xml, dan MainAdapter.kt
6. Buat Class Model sebagai POJO. Buat ModelMain.kt.
Source : ModelMain.kt
7. Selesai dan coba kalian Run. Untuk hasilnya lihat video diatas tadi ya. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.
Pada intinya, kita hanya menambahkan .smoothScrollToPosition(0);
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Tombol Back To Top RecyclerView dengan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_
0 Comments
Post a Comment
Silahkan tinggalkan komentar jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan. Gunakan bahasa yang bijak dan santun. Terima Kasih.