cara membuat navigation drawer android : Androidponsel.id

Apa Itu Navigation Drawer?

Navigation Drawer atau yang sering disebut juga sebagai Sliding Menu adalah sebuah panel yang berisi daftar menu yang bisa bergeser keluar atau masuk dari sebuah aplikasi. Panel ini biasanya berada di samping kiri atau kanan layar dan digunakan untuk mengakses dan menampilkan fitur-fitur aplikasi. Navigation Drawer memudahkan pengguna untuk mengakses fitur-fitur yang ada pada aplikasi tanpa harus mencari di halaman yang berbeda.

Pentingnya Membuat Navigation Drawer di Aplikasi Android

Navigation Drawer memiliki banyak fungsi bagi aplikasi Android. Pertama, mencakup sebagian besar fitur dalam satu layar, memungkinkan pengguna untuk menavigasi melalui aplikasi dengan lebih cepat. Kedua, memungkinkan pengguna untuk mengakses semua fitur dari satu layar, membuat navigasi antar layar lebih mudah. Ketiga, fitur ini dapat digunakan untuk menambahkan lebih banyak informasi tentang aplikasi, seperti informasi tentang rilis baru atau fitur baru. Keempat, fitur ini memudahkan pengguna untuk memperbarui aplikasi dengan cepat dan mudah.

Langkah Membuat Navigation Drawer di Aplikasi Android

1. Buatlah Project Baru di Android Studio

Pertama-tama, buka Android Studio dan buatlah proyek baru dengan memberikan nama yang sesuai. Pada tahap ini, Anda harus menentukan jenis aplikasi yang akan dibuat, seperti aplikasi berbasis Kotlin atau Java. Setelah selesai, klik tombol “Create” untuk membuat proyek baru.

2. Tambahkan Dependensi di Gradle

Untuk menambahkan Dependency di Gradle, Anda harus membuka file Gradle Module App dan tambahkan dependensi berikut di bawah ini:

implementation ‘com.android.support:appcompat-v7:28.0.0’

Setelah selesai, Anda harus menyimpan file tersebut dengan mengklik tombol “Sync Now” di pojok kanan atas.

3. Buatlah Layout XML

Selanjutnya, buat layout XML untuk Navigation Drawer. File ini berisi informasi tentang tampilan Navigation Drawer dan ikon yang akan digunakan. Untuk membuat layout, Anda perlu membuka file res -> layout -> activity_main.xml dan tambahkan kode berikut:

 

4. Buatlah Menu XML

Setelah selesai dengan layout XML, Anda harus membuat menu XML di folder res -> menu. File ini berisi informasi tentang item-item yang akan ditampilkan di Navigation Drawer. Anda perlu memberikan nama file dengan nama “nav_menu.xml” dan tambahkan kode berikut:

 

 

5. Buatlah Activity

Setelah selesai dengan menu XML, Anda perlu membuat Activity yang akan menampilkan Navigation Drawer. Untuk membuat Activity, Anda perlu membuka file MainActivity.java yang berada di folder app -> java -> nama_aplikasi -> MainActivity.java. Anda perlu menambahkan kode berikut di dalam Activity:

// Inisialisasi Navigation Drawer
DrawerLayout drawerLayout = findViewById(R.id.drawer_layout);
NavigationView navigationView = findViewById(R.id.nav_view);

6. Buatlah Method

Setelah selesai dengan Activity, Anda harus membuat method untuk menangani event pada saat Navigation Drawer dibuka atau ditutup. Untuk menambahkan method, Anda harus menambahkan kode berikut:

// Method untuk menangani event saat Navigation Drawer dibuka
drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
@Override
public void onDrawerOpened(View drawerView) {
Toast.makeText(MainActivity.this, “Navigation Drawer Dibuka”, Toast.LENGTH_SHORT).show();
}
});

7. Buatlah Fungsi OnItemSelectedListener

Selanjutnya, Anda harus membuat fungsi OnItemSelectedListener untuk menangani event saat item dipilih pada Navigation Drawer. Untuk menambahkan fungsi, Anda harus menambahkan kode berikut di dalam Activity:

// Fungsi OnItemSelectedListener
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.nav_home:
Toast.makeText(MainActivity.this, “Home Dipilih”, Toast.LENGTH_SHORT).show();
break;
case R.id.nav_settings:
Toast.makeText(MainActivity.this, “Settings Dipilih”, Toast.LENGTH_SHORT).show();
break;
}
return true;
}
});

8. Tambahkan Ikon

Kemudian, Anda harus menambahkan ikon untuk item-item yang ada pada Navigation Drawer. Ikon dapat ditambahkan dengan mengklik ikon plus di sebelah kiri kanan, lalu pilih “Image Asset”. Anda bisa memilih ikon yang sesuai dengan item yang dipilih.

9. Jalankan Aplikasi

Setelah selesai dengan semua langkah diatas, Anda bisa menjalankan aplikasi dengan mengklik tombol “Run” di pojok kanan atas. Aplikasi akan berjalan dan Anda bisa menggunakan Navigation Drawer.

Kesimpulan

Membuat Navigation Drawer di aplikasi Android merupakan salah satu cara yang bisa Anda gunakan untuk membuat aplikasi lebih mudah digunakan. Dengan menggunakan Navigation Drawer, Anda bisa menaruh semua fitur dalam satu layar dan memudahkan pengguna untuk mengakses fitur-fitur tersebut. Dengan langkah-langkah diatas, Anda bisa membuat Navigation Drawer yang mudah dan cepat.

Sumber :