Membuat tampilan android pada proses memilih makanan
Baiklah pada kesempatan kali ini saya akan membuat sebuah desain tampilan untuk proses memilih makanan, dimana proses aplikasi ini kita banyak menggunakan sript Intent, fungsi dari script Intent adalah untuk pindah layout, baiklah langsung saja dibawah ini, saya akan membuat sebuah tampilan android.
Langkah pertama yang kita buat adalah buka aplikasi android eclipse. Setelah membuka aplikasi sekarang kita lanjutkan dengan membuat scriptnya
<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"
android:background="@drawable/bb"
tools:context=".Layanan" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="21dp"
android:layout_marginTop="70dp"
android:background="@drawable/dd"
android:text="" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_alignParentRight="true"
android:layout_marginRight="20dp"
android:background="@drawable/ee"
android:text="" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button1"
android:layout_marginTop="18dp"
android:background="@drawable/ff"
android:text="Empty" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/button3"
android:layout_alignRight="@+id/button2"
android:background="@drawable/ff"
android:text="Empty" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:src="@drawable/logo" />
</RelativeLayout>
Untuk script diatas ini kita menambahkan beberapa image button untuk memperindah tampilan contohnya seperti gambar dibawah ini :
Kemudian kita buat script java untuk pindah layout.
package com.wilis;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class Layanan extends Activity implements OnClickListener {
Button paket_a, paket_b, paket_c, paket_d;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_layanan);
paket_a = (Button)findViewById(R.id.button1);
paket_b = (Button)findViewById(R.id.button2);
paket_c = (Button)findViewById(R.id.button3);
paket_d = (Button)findViewById(R.id.button4);
paket_a.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent pindah = new Intent(Layanan.this, Pilih_menu.class);
startActivity(pindah);
}
});
paket_b.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent pindah = new Intent(Layanan.this, Pilih_menu.class);
startActivity(pindah);
}
});
paket_c.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent pindah = new Intent(Layanan.this, Pilih_menu.class);
startActivity(pindah);
}
});
paket_d.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent pindah = new Intent(Layanan.this, Pilih_menu.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.layanan, menu);
return true;
}
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
}
}
0 komentar: