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.
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:
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
.
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
Untuk full sintaks di MainActivy.java punya saya seperti di bawah ini silahkan kalian sesuaikan, hehehe 3# Sekarang kita akan memasukkan icon tersebut pada project yang akan kita buat. Caranya, masuk ke res->mipmap->klik kanan show in explorer.
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:
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.
<?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>
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
Untuk melihat apakah menu yang kita buat sudah tampil atau tidak silahkan coba run projectnya di device atau di emulator
//menampilkan menu
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main_menu, menu);
return super.onCreateOptionsMenu(menu);
}
.
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);
}
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.
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);
}
}
Baca juga artikel lainnya:
