perangkat magic komputer: Membuat Aplikasi Android (Membuat Menu)

2. Cara Membuat Menu

Membuat Aplikasi Android -
Pada kesempatan kali ini saya akan menjelaskan sedikit tentang pembuatan menu pada adt bundle, menu yang akan saya jelaskan yaitu menu sederhana dan menu yang menggunakan scroll yang hanya terdiri dari background dan button, fungsi menu sendiri yaitu penghubung antar halaman dalam setiap aplikasi. artikel ini merupakan lanjutan artikel sebelumnya yaitu 1. Cara Membuat Loading . oke langsung saja menuju ke pokok permasalahan yang ada pada judul, silahkan buka eclipse kalian atau import android apllication project jika kalian sudah mempunyai project android sendiri, kemudian buat xml baru di folder res -> layout dan class baru di folder src.

Kemudian tempatkan gambar yang akan menjadi background serta button tampilan menu tersebut di folder res -> drawable, buat folder drawable dengan cara klik kanan pada res -> new folder.

Tahap selanjutnya ialah menuliskan source code / coding pada tiap xml atau java yang tadi telah kita buat dengan cara klik kiri dua kali pada filenya,

coding untuk xml :

xml version="1.0"encoding="utf-8"?>

<AbsoluteLayout xmlns:android="http://ift.tt/nIICcg"

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:background="@drawable/bgmenu"

android:gravity="right"

android:orientation="vertical" >

<Button

android:id="@+id/pulau"

android:layout_width="150dp"

android:layout_height="60dp"

android:background="@drawable/buttonprovinsi"

android:onClick="onPulau" />

<Button

android:id="@+id/profil"

android:layout_width="150dp"

android:layout_height="60dp"

android:layout_x="6dp"

android:layout_y="60dp"

android:background="@drawable/buttonprofil"

android:onClick="onProfil" />

<Button

android:id="@+id/bantuan"

android:layout_width="150dp"

android:layout_height="60dp"

android:layout_x="162dp"

android:layout_y="4dp"

android:background="@drawable/buttonbantuan"

android:onClick="onBantuan" />

<Button

android:id="@+id/keluar"

android:layout_width="150dp"

android:layout_height="60dp"

android:layout_x="158dp"

android:layout_y="60dp"

android:background="@drawable/buttonkeluar"

android:onClick="onKeluar" />

AbsoluteLayout>

Hal yang perlu diperhatikan dari coding xml tersebut ialah pada "android:background="@drawable/.....""

Dimana pada artikel sebelumnya sudah saya jelaskan bahwa titik titik diatas adalah nama file gambar yang kalian simpan atau paste di folder drawable,jadi sesuaikan dengan nama file gambar kalian.

Coding untuk java :

package indonesia.provinsi;

import android.app.Activity;

import android.app.AlertDialog;

import android.content.DialogInterface;

import android.content.Intent;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class Menu extends Activity {

public Button pulau;

public Button profil;

public Button bantuan;

public Button keluar;

public Intent i;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.menu);

i = null;

}

public void onPulau(View v){

pulau = (Button) findViewById (R.id.pulau);

i = new Intent(this,Pulau.class);

startActivity(i);

}

public void onProfil(View v){

profil = (Button) findViewById (R.id.profil);

i = new Intent(this,Profil.class);

startActivity(i);

}

public void onBantuan(View v){

bantuan = (Button) findViewById (R.id.bantuan);

i = new Intent(this,Bantuan.class);

startActivity(i);

}

public void onKeluar(View v){

keluar = (Button) findViewById (R.id.keluar);

i = new Intent(this,Menu.class);

{

AlertDialog.Builder alertKeluar = new AlertDialog.Builder(Menu.this);

alertKeluar.setMessage("Anda yakin ingin keluar?")

.setCancelable(false)

//Button jika ya

.setPositiveButton("Iya", new AlertDialog.OnClickListener(){

public void onClick(DialogInterface arg0, int arg1) {

// TODO Auto-generated method stub

Menu.this.finish();

finish();

}

})

//Button tidak keluar

.setNegativeButton("Tidak",new AlertDialog.OnClickListener(){

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

dialog.cancel();

}

});

AlertDialog a = alertKeluar.create();

a.setTitle("Keluar Dari Aplikasi");

a.show();

}

Hal yang perlu diperhatikan dari coding diatas ialah public class Menu extends Activity Menu tersebut merupakan nama class java yang penulis buat,silahkan sesuaikan dengan nama class java anda!, kemudian setContentView(R.layout.menu) R.layout.menu merupakan statement untuk menggambil tampilan yang ada pada file xml yang tadi kita buat di folder res -> layout. Coding diatas merupakan contoh dari menu utama yang terdapat button untuk keluar dari aplikasi, apabila kalian ingin membuat menu yang bukan merupakan menu utama maka teruslah baca sampai selesai artikel ini karna saya akan memberikan contoh menu yang menggunakan scroll karena terdapat banyak button didalamnya dan kembali satu langkah apabila kalian menekan tombol back pada device.

Contoh ke dua menu yang menggunakan scroll, coding untuk xml :

xml version="1.0"encoding="utf-8"?>

<LinearLayout xmlns:android="http://ift.tt/nIICcg"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:background="@drawable/bgempat">

<ScrollView

android:id="@+id/scrollView1"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:gravity="right">

<Button

android:id="@+id/nad"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonnad"

android:onClick="onnad" />

<Button

android:id="@+id/sumaterautara"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonsumaterautara"

android:onClick="onsumaterautara" />

<Button

android:id="@+id/sumaterabarat"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonsumaterabarat"

android:onClick="onsumaterabarat" />

<Button

android:id="@+id/jambi"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonjambi"

android:onClick="onjambi" />

<Button

android:id="@+id/bengkulu"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonbengkulu"

android:onClick="onbengkulu" />

<Button

android:id="@+id/riau"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonriau"

android:onClick="onriau" />

<Button

android:id="@+id/riaukepulauan"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonriaukepulauan"

android:onClick="onriaukepulauan" />

<Button

android:id="@+id/sumateraselatan"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonsumateraselatan"

android:onClick="onsumateraselatan" />

<Button

android:id="@+id/bangkabelitung"

android:layout_width="150dp"

android:layout_height="55dp"

android:background="@drawable/buttonbangkabelitung"

android:onClick="onbangkabelitung" />

<Button

android:background="@drawable/buttonlampung"

android:onClick="onlampung"

android:id="@+id/lampung"

android:layout_width="150dp"

android:layout_height="55dp">

Button>

LinearLayout>

ScrollView>

LinearLayout>

Hal yang harus diperhatikan sama seperti contoh pertama namun di contoh kedua ditambahkan coding scroll.

Coding untuk java :

package indonesia.provinsi;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

public class Pulausumatera extends Activity {

public Button nad;

public Button sumaterautara;

public Button sumaterabarat;

public Button jambi;

public Button bengkulu;

public Button riau;

public Button riaukepulauan;

public Button sumateraselatan;

public Button bangkabelitung;

public Button lampung;

public Intent i;

TextView tv_judul, tv_detail;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.pulausumatera);

i = null;

}

public void onnad(View v){

nad = (Button) findViewById (R.id.nad);

i = new Intent(this,Znad.class);

startActivity(i);

}

public void onsumaterautara(View v){

sumaterautara = (Button) findViewById (R.id.sumaterautara);

i = new Intent(this,Zsumaterautara.class);

startActivity(i);

}

public void onsumaterabarat(View v){

sumaterabarat = (Button) findViewById (R.id.sumaterabarat);

i = new Intent(this,Zsumaterabarat.class);

startActivity(i);

}

public void onjambi(View v){

jambi = (Button) findViewById (R.id.jambi);

i = new Intent(this,Zjambi.class);

startActivity(i);

}

public void onbengkulu(View v){

bengkulu = (Button) findViewById (R.id.bengkulu);

i = new Intent(this,Zbengkulu.class);

startActivity(i);

}

public void onriau(View v){

riau = (Button) findViewById (R.id.riau);

i = new Intent(this,Zriau.class);

startActivity(i);

}

public void onriaukepulauan(View v){

riaukepulauan = (Button) findViewById (R.id.riaukepulauan);

i = new Intent(this,Zriaukepulauan.class);

startActivity(i);

}

public void onsumateraselatan(View v){

sumateraselatan = (Button) findViewById (R.id.sumateraselatan);

i = new Intent(this,Zsumateraselatan.class);

startActivity(i);

}

public void onbangkabelitung(View v){

bangkabelitung = (Button) findViewById (R.id.bangkabelitung);

i = new Intent(this,Zbangkabelitung.class);

startActivity(i);

}

public void onlampung(View v){

lampung = (Button) findViewById (R.id.lampung);

i = new Intent(this,Zlampung.class);

startActivity(i);

}

Hal yang harus diperhatikan sama seperti contoh pertama namun di contoh kedua tidak ada statement untuk keluar dari aplikasi.

Oke tahap selanjutnnya setelah memasukkan kedua coding tersebut ialah ke file android manifest

Coding android manifest :

xml version="1.0"encoding="utf-8"?>

<manifest xmlns:android="http://ift.tt/nIICcg"

package="indonesia.provinsi"

android:versionCode="1"

android:versionName="1.0" >

<uses-sdk

android:minSdkVersion="8"

android:targetSdkVersion="8" />

<application

android:allowBackup="true"

android:icon="@drawable/bgicon"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<activity

android:name="indonesia.provinsi.Main"

android:label="@string/app_name" >

<intent-filter>

intent-filter>

activity>

<activity android:name="Menu"android:label="@string/MenuUtama">activity>

<activity android:name="Pulausumatera"android:label="@string/PulauSumatera">activity>

application>

manifest>

SELESAIIIIIII HEHE, oke terimakasih untuk kalian semua yang telah membaca artikel ini ,Oia ini output dari aplikasi membuat menu diatas, kalo ada waktu saya akan membahas tentang memasukkan musik di aplikasi android, hehehe see you next time \m/.