Tutorial Membuat Aplikasi Android Sederhana Untuk Mengirim Data Antar Fragment

 

Hallo Gaisss!

Hari ini, kita akan membuat aplikasi Android sederhana yang menggunakan fragment untuk mengirim data antar-fragment. Seperti yang kamu tahu, fragment adalah bagian modular dari antarmuka pengguna Android. Kali ini, kita akan membangun dua fragment yang berkomunikasi satu sama lain.

Dalam aplikasi ini, Fragment Pertama akan berisi tombol "Cek Deskripsi Produk". Saat tombol diklik, aplikasi akan mengirim data ke Fragment Kedua, yang kemudian akan menampilkan deskripsi lengkap produk tersebut.

Kita juga akan menggunakan SharedViewModel, yang memungkinkan data yang diklik di Fragment Pertama dibagikan dan ditampilkan di Fragment Kedua. Jadi, ketika pengguna memilih untuk melihat deskripsi produk, informasi itu akan langsung tampil di fragment kedua. Yuk, kita mulai!

1. Langkah Pertama :

Buka Android Studio.

Pilih opsi New Project.

Pada jendela Select Project Template, pilih template Empty Activity, lalu klik Next.

Di jendela Configure Your Project:

• Name: Masukkan nama proyek, misalnya "Fragment".
• Package Name: Kamu bisa membiarkan pengaturan ini default atau menyesuaikannya sesuai kebutuhan.
• Save Location: Tentukan lokasi di mana proyek ini akan disimpan.
• Minimum API Level: Pilih API Level yang sesuai, seperti API 27 (Android 8.1 ) 

Klik Finish, dan Android Studio akan membuat proyek baru untukmu.

2. Langkah Kedua :

• Buat file baru untuk Fragment Pertama:
• Klik kanan pada folder java/{nama_paket_kamu}, pilih New > Fragment > Fragment (Blank).
• Namai fragment ini FragmentPertama.
• Isi file "FragmentPertama.xml" seperti ini:

• Lalu code untuk FragmentPertama.java nya :

3. Langkah Ketiga :

• Buat file baru untuk Fragment Kedua:
• Klik kanan pada folder java/{nama_paket_kamu}, pilih New > Fragment > Fragment (Blank).
• Namai fragment ini FragmentKedua.
• Isi file "FragmentKedua.xml" seperti ini:

• Lalu code untuk FragmentKedua.java nya :

4. Langkah Keempat :

• Membuat  kelas SharedViewModel, dalam folder java, buatlah kelas baru bernama SharedViewModel seperti ini :

5. Langkah Kelima :

• Untuk beralih antara FragmentPertama dan FragmentKedua, pada langkah ini, Anda perlu mengaitkan kedua fragment tersebut dalam kelas activity. Dalam contoh ini, saya akan menggunakan MainActivity.java sebagai kelas activity utama. 
• Berikut adalah kode untuk MainActivity.java:

• Lalu code untuk activity_main.xml :

6. Langkah Keenam :

Jalankan Aplikasimu !  Ketika aplikasi aktif, kamu akan melihat dua fragment:

• Fragment Pertama  yang berisi Poto Produk dan juga tombol "Cek Deskripsi Produk".
• Fragment Kedua  yang akan menampilkan deskripsi lengkap produk dan ditambah ada button "Kembali" agar bisa kembali kepada halaman home utama.

Setiap kali kamu mengklik tombol di Fragment Pertama, aplikasi akan langsung berpindah ke Fragment Kedua, di mana seluruh deskripsi mengenai produk tersebut akan ditampilkan. Berikut adalah pratinjau aplikasi yang sudah selesai:

Kesimpulan

Selamat! Kamu telah berhasil mengembangkan aplikasi Android yang memungkinkan pengiriman data antar-fragment menggunakan SharedViewModel. Kini, Fragment Pertama dan Fragment Kedua dapat berkomunikasi dengan lancar dan saling bertukar informasi. Dengan mengikuti tutorial ini, kamu juga bisa melakukan perubahan atau modifikasi sesuai dengan kebutuhan pengguna.

Untuk file dan kode lengkapnya, kamu dapat melihat di sini : 

https://github.com/zidanabiyan/FragmentSederhana.git

JANGAN LUPA SELALU IKUTI SOCIAL MEDIA SAYA AGAR SELALU MENDAPATKAN UPDATE TUTORIAL DARI SAYA !