Tutorial Membuat Menu dan Operator di Android

hae..
sekarang aku akan sedikit berbagi tentang cara membuat option menu pada android..tetapi disini menu yang akan kita buat untuk menampilkan fungsi operator(+, *, -, /) dengan menggunakan alert/toast pada android..

langsung aja..
pertama-tama yang harus dilakukan berdoa 🙂
selanjutnya membuka Eclips…
kemudian

eclips1

kemudian klik file->new->android application project
maka akan tampil menu seperti ini

newAndroidProject

masukkan project name, aplikasi name sesuka teman-teman..terserah namanya apa aja
disini saya mengunakan project name => menu, aplikasi name => menu
*catatan nama package harus disesuiakn..coz nama package ku => com.sandiah.menu

selanjutny klik Next *apabila sudah tidak ada tanda merah yang menanda kan ada error

newAndroidProject2

diKlik lagi Next sampai Finish

finish

kalau sudah finish..maka kita sudah mempunyai file project…
maaf aku tidak akan menjelaskan lagi untuk struktur project…disini aku mengasumsikan teman-teman udah faham

langsung aja..kita mulai coding
sekarang bukak folder res->menu->main.xml
ketikkan code berikut *ingat diketik, jangan dicopas biar pinter 🙂

</pre></pre>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >

<item
 android:id="@+id/tambah"
 android:title="@string/tambah"/>
 <item
 android:id="@+id/kurang"
 android:title="@string/kurang"/>
 <item
 android:id="@+id/bagi"
 android:title="@string/bagi"/>
 <item
 android:id="@+id/kali"
 android:title="@string/kali"/>
 <item
 android:id="@+id/action_settings"
 android:orderInCategory="100"
 android:showAsAction="never"
 android:title="@string/action_settings"/>

</menu>
<pre>
 

selanjutnya teman-teman bukak folder res->values->string.xml
ketikkan code dibawah ini *sekali lagi ketik

</pre>
<?xml version="1.0" encoding="utf-8"?>
<resources>

<string name="app_name">Menu</string>
 <string name="action_settings">Settings</string>
 <string name="tambah">tambah</string>
 <string name="kurang">kurang</string>
 <string name="bagi">bagi</string>
 <string name="kali">kali</string>
 <string name="hello_world">Hello world!</string>

</resources>
<pre>

sekarang saatnya kita membuat sebuah tampilan…
bukak folder res->layout->activity_main.xml

</pre>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 tools:context=".MainActivity" >

<EditText
 android:id="@+id/angka1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginTop="18dp"
 android:ems="10"
 android:inputType="number" >

<requestFocus />
 </EditText>

<EditText
 android:id="@+id/angka2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignLeft="@+id/angka1"
 android:layout_below="@+id/angka1"
 android:ems="10"
 android:inputType="number"/>

&nbsp;

</RelativeLayout>
<pre>

oke kita telah membuat sebuah menu dan string nya beserta tampilannya…sekarang kita pergi ke acticity nya..untuk membuat menu itu bekerja..langsung aja bukak folder src->com.sandiah.men (disini bukak sesuai nama package teman-teman) ->MainActivity.java
kemudian ketikkan code berikut

package com.sandiah.menu;

import android.R.integer;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
	EditText angka1;
	EditText angka2;
	TextView hasil;

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

		angka1 = (EditText) findViewById(R.id.angka1);
		angka2 = (EditText) findViewById(R.id.angka2);
	}

	public void tambah(){
		int nilai1 = Integer.parseInt(angka1.getText().toString());
		int nilai2 = Integer.parseInt(angka2.getText().toString());
		Integer hasil = nilai1 + nilai2;
		Toast.makeText(this, (Integer.toString(hasil)), Toast.LENGTH_LONG).show();

	}

	public void kurang(){
		int nilai1 = Integer.parseInt(angka1.getText().toString());
		int nilai2 = Integer.parseInt(angka2.getText().toString());
		Integer hasil = nilai1 - nilai2;
		Toast.makeText(this, (Integer.toString(hasil)), Toast.LENGTH_LONG).show();

	}

	public void bagi(){
		int nilai1 = Integer.parseInt(angka1.getText().toString());
		int nilai2 = Integer.parseInt(angka2.getText().toString());
		Integer hasil = nilai1 / nilai2;
		Toast.makeText(this, (Integer.toString(hasil)), Toast.LENGTH_LONG).show();
	}

	public void kali(){
		int nilai1 = Integer.parseInt(angka1.getText().toString());
		int nilai2 = Integer.parseInt(angka2.getText().toString());
		Integer hasil = nilai1 * nilai2;
		Toast.makeText(this, (Integer.toString(hasil)), Toast.LENGTH_LONG).show();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// TODO Auto-generated method stub
		//int nilai1 = Integer.parseInt(angka1.getText().toString());
		//int nilai2 = Integer.parseInt(angka2.getText().toString());
		switch (item.getItemId()){
			case R.id.tambah:
				//hasil.setText(Integer.toString(nilai1+nilai2));
				tambah();
				return true;
			case R.id.kurang:
				kurang();
				return true;
			case R.id.bagi:
				bagi();
				return true;
			case R.id.kali:
				kali();
				return true;
		}
		return super.onOptionsItemSelected(item);
	}

}

jalankan programnya sekarang….
inilah hasilnya teman 🙂

hasil

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s