Membua Client Server Part 7

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

}

}

Setelah itu kita buat tampilan setelah selesai memilih rumah makan, mulaih dari proses memilih makanan sampai membeli makanan.

1. Tampilan awal aplikasi ada tiga pilihan menu, proses daftar rumah makan, proses memelih rumah makan, dan informasi tentang aplikasi.

2. Proses memilih rumah makan, untuk memilih rumah makan anda kilik tombol rumah makan apa yang akan anda pilih.

3. Proses melih makanan dan minuman.

4. Proses memilih makanan dan minuman.

       

5. Dan terakhir proses transaksi

• Transaksi Makanan

    

• Transaksi Minuman

    

Baiklah tadi saya sudah membuat sebuah tampilan aplikasi semoga apa yang saya buat ini bisa bermanfaat bagi pembaca.

Read More ->>