Menu Pilihan

Oleh Unknown

09/01/2015

Bagikan :

Tweet

Project ini yaitu menambahkan menu-menu,  dimana pada saat kita jalankan program, kita dapat memilih menu tambahan yang kita bikin, seperti mengganti warna background tulisan dan menyembunyikan gambar..

Langsung saja..

Langkah awal buat terlebih dahulu Project nya. Beri nama , Configurasi Icon apklasi kita.

Klik next sampai finish.

Dan berikut tampilan awalnya.

Disini kita tamabahkan saja satu layout xml nya dan dan satu Source javanya. beri nama saja second_Activity di xml nya, dan SecondActivity di scr.Java.nya. Setelah itu, kita desain tampilan aplikasinya dengan klik activity_main.xml dan masukan coding berikut :

<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="wrap_content"

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" >

<ImageButton

android:id="@+id/imageButton1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:background="#ffffff"

android:onClick="pindah"

android:src="@drawable/ic_launcher" />

<TextView

android:id="@+id/tv2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/imageButton1"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:text="Assalamualaikum"

android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView

android:id="@+id/tv3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/tv2"

android:layout_centerHorizontal="true"

android:layout_marginTop="24dp"

android:text="My Menu"

android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView

android:id="@+id/tv1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/tv3"

android:layout_centerHorizontal="true"

android:layout_marginTop="34dp"

android:text="Menu Android"

android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

Setelah itu kita save saja, setelah tidak ada yang error maka tampilan graphical nya sepeti berikut :

Selanjutnya adalah inti dari project ini yaitu menambahkan menu-menu,  dimana pada saat kita jalankan program, kita terdapat memilih menu tambahan yang kita bikin, seperti mengganti warna background tulisan dan menyembunyikan gambar. Caranya pertama kita tambah kan terlebih dahulu Item menunya. Caranya buka folder MENU, subfolder dari folder  res. Seperti gambar berikut :

Lalu kita tambahkan itemnya.  

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

<item

android:id="@+id/action_settings"

android:orderInCategory="100"

android:showAsAction="never"

android:title="@string/action_settings"/>

<item

android:id="@+id/yellow"

android:orderInCategory="200"

android:showAsAction="never"

android:title="Yellow"

/>

<item

android:id="@+id/blue"

android:orderInCategory="200"

android:showAsAction="never"

android:title="Blue"

/>

<item

android:id="@+id/white"

android:orderInCategory="200"

android:showAsAction="never"

android:title="White"

/>

<item

android:id="@+id/btn"

android:orderInCategory="200"

android:showAsAction="never"

android:title="Hide Image"

/>

<item

android:id="@+id/btnOk"

android:orderInCategory="200"

android:showAsAction="never"

android:title="Show Image"

/>

</menu>

Setelah itu kita ke Main Activity Java.nya, jangan lupa di save dahulu. Lalu masukan coding berikut : 

package menupilihanku.example.menupilihanku;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.TextView;

import android.content.Intent;

import android.graphics.Color;

import android.view.View;

import android.view.MenuItem;

import android.widget.ImageButton;

public class MainActivity extends Activity {

TextView appName;

TextView appName1;

TextView appName2;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ImageButton startAct = (ImageButton) findViewById(R.id.imageButton1);

appName = (TextView) findViewById(R.id.tv3);

appName1 = (TextView) findViewById(R.id.tv1);

appName2 = (TextView) findViewById(R.id.tv2);

startAct.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

Intent myIntent = new Intent (getBaseContext(),SecondActivity.class);

startActivity(myIntent);

}

});

}

public void pindah(View v){

Intent pindah = new Intent(this,SecondActivity.class);

startActivity(pindah);

}

@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;

}

public boolean onOptionsItemSelected(MenuItem item){

switch (item.getItemId()){

case R.id.yellow:

getWindow().getDecorView().setBackgroundColor(Color.YELLOW);

appName.setTextColor(Color.GREEN);

appName1.setTextColor(Color.GREEN);

appName2.setTextColor(Color.GREEN);

return true;

case R.id.blue:

getWindow().getDecorView().setBackgroundColor(Color.BLUE);

appName.setTextColor(Color.RED);

appName1.setTextColor(Color.RED);

appName2.setTextColor(Color.RED);

return true;

case R.id.white:

getWindow().getDecorView().setBackgroundColor(Color.WHITE);

appName.setTextColor(Color.CYAN);

appName1.setTextColor(Color.CYAN);

appName2.setTextColor(Color.CYAN);

return true;

case R.id.btn:findViewById(R.id.imageButton1).setVisibility
(ImageButton.INVISIBLE);

return true;

case R.id.btnOk:findViewById(R.id.imageButton1).setVisibility
(ImageButton.VISIBLE);

return true;

}

return super.onOptionsItemSelected(item);

}

}

Selanjutnya  kita save dan Run projectnya. Berikut tampilanya :

Untuk melihat menu yang kita bikin klik saja tombol menu yang berwarna biru maka akan muncul menu baru yang kita bikin, yaitu menu Yellow, Blue, White, Hide Image dan Show Image.

Ketika kita pilih “Yellow” Maka background nya akan berubah menjadi warna kuning, begitu juga dengan menu Blue, maka backgrounnya akan berganti biru juga White akan berganti putih. Dan apabila kita ingin sembunyikan gambarnya(gambar sinyal kuning) maka  pilih saja Hide Image dan  untuk memulihkanya, pilih Show Image. Berikut hasilnya :

Tag : Tutorial Android