Android Studio : Cara Membuat Custom Menu

Selamat pagi semua, hari ini saya akan share tentang cara membuat custom menu pada aplikasi yang kita buat menggunakan android studio. Caranya mungkin agak panjang, karena susah juga menjelaskan lewat tulisan. Jadi, mohon diikuti dengan pelan-pelan saja.

1# Silakan buat project baru pada android studio.
2# Download icon yang akan kalian perlukan di sini, pada tutorial ini saya menggunakan icon add dan icon exit. Nantinya saat icon add di klik maka akan membuka activity baru dan saat menu exit di klik maka aplikasi akan keluar.
3# Sekarang kita akan memasukkan icon tersebut pada project yang akan kita buat. Caranya, masuk ke res->mipmap->klik kanan show in explorer.
penambahkan custom menu pada top bar

4# Copy Pastekan icon ke masing-masing mipmap-hdpi, mipmap-mdpi, mipmap-xhdpi, mipmap-xxhdpi, dan mipmap-xxxhdpi.

5# Masih di res->klik kanan pilih new-> directory buat directory baru dengan nama menu.
6# Pada directory menu tersebut silahkan klik kanan->new->Menu resource file buat dengan nama main_menu.
7# masuk ke mode text kita akan menambahkan icon-icon itu pada top bar. Sintaks saya seperti di bawah ini:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/action_add"
  android:icon="@mipmap/ic_add_white_24dp"
  android:title="Add"
  app:showAsAction="always"/>
  
  <item android:id="@+id/action_exit"
    android:icon="@mipmap/ic_exit_to_app_white_24dp"
    android:title="exit"
    app:showAsAction="always"/>

  <item android:id="@+id/action_settings"
    android:title="Settings"
    app:showAsAction="never"/>
</menu>

Penjelasnya kita menambahkan item dengan id dan iconnya berasal dari icon yang sudah kita tambahkan tadi. Ingat baik-baik id-nya karena akan kita tambahkan action nantinya.

8# Sekarang masuk ke MainActivity.java kita akan menambahkan sintaks agar item-item itu tampil pada top bar. Silahkan tambahkan code di bawah ini pada MainActivity.java

 //menampilkan menu
  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return super.onCreateOptionsMenu(menu);
  }

Untuk melihat apakah menu yang kita buat sudah tampil atau tidak silahkan coba run projectnya di device atau di emulator
.Membuat custom menu pada aplikasi android
9# Langkah selanjutnya kita akan menambahkan action setiap icon di klik. Pada saat icon + di klik maka akan muncul activity baru dan icon exit maka aplikasi akan keluar. Buat empty activity dengan nama nambah.
10# Tambahkan code dibawah ini untuk action setiap icon

//menambahkan action pada menu item
  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    if(item.getItemId() == R.id.action_add){
      Intent intent = new Intent(this, tambah.class);
      startActivity(intent);
    }
    if (item.getItemId() == R.id.action_exit){
      finish();
    }
    return super.onOptionsItemSelected(item);
  }

Untuk full sintaks di MainActivy.java punya saya seperti di bawah ini silahkan kalian sesuaikan, hehehe

package com.example.maninback.menuaction;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
  }

  //menampilkan menu
  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return super.onCreateOptionsMenu(menu);
  }
  //menambahkan action pada menu item
  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    if(item.getItemId() == R.id.action_add){
      Intent intent = new Intent(this, tambah.class);
      startActivity(intent);
    }
    if (item.getItemId() == R.id.action_exit){
      finish();
    }
    return super.onOptionsItemSelected(item);
  }
}

Mungkin sekian tutorialnya, jika kalian merasa tutorial bermanfaat silahkan share dan like fanspage Balidev. Jika ada yang belum di mengerti silahkan tinggalkan pesan di komentar.

Baca juga artikel lainnya:

Artikel Terkait

1 komentar so far


EmoticonEmoticon