Membuat MessageBox dan Button Pada Android

Membuat Aplikasi Android Message Box

Message box adalah pesan yang muncul dalam bentuk popup apa bila suatu pristiwa atau event terjadi. Messages box yang di kenal di aplikasi android terbagi dua jenis yaitu :

A. Toast

Adalah message box yang muncul dalam waktu sebentar dan kemudian hilang tanpa berinteraksi  dengan pengguna, biasa ini merupakan fokus dari acrivity yang active.

B. Alert

Adalah message box yang mempunyai interaksi dengan user, biasa terdiri dari 3 bagian yaitu

• setMessage() berisi tulisan pesan/message
• setTitle()/setIcon(), knfigurasi title/icon dari dialog box.
• setPositiveButton(), setNeutralButton(), setNegativeButton(), berisi posisi serta metode kliknya.

Sebagai contoh buatlah sebuah project dengan property :

Poject name          : Messagebox

Built terget             : Android 2.3

Application name  : messagebox

Package name       : com.wilis.messagebox

Activity                 : messagebox

Min SDK             : 9

1. main.xml

Ubah file main.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <Button
     android:id="@+id/alert"
     android:text="MessageBox/Alert"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"/>
    <Button
     android:id="@+id/toast"
     android:text="Message Toast"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"/>
</LinearLayout>

2.messagebox.java

ubah file messagebox.java menjadi seperti ini :

package com.wilis.messagebox;

import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.content.DialogInterface;
import android.widget.Button;
import android.widget.Toast;
import android.view.View;

public class messagebox extends Activity implements View.OnClickListener {
 Button alert;
 Button toast;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.main);
        
        alert=(Button)findViewById(R.id.alert);
        alert.setOnClickListener(this);
        toast=(Button)findViewById(R.id.toast);
        toast.setOnClickListener(this);
    }
 @Override
 public void onClick(View view) {
  // TODO Auto-generated method stub
  if(view==alert){
   new AlertDialog.Builder(this)
    .setTitle("Judul Pesan")
    .setMessage("Ini adlah isi message box Dari Jin Toples")
    .setNeutralButton("close", new DialogInterface.OnClickListener() {
     
     @Override
     public void onClick(DialogInterface dlg, int sumthin) {
      // TODO Auto-generated method stub      
     }
    })
    .show();
  }else{
   Toast.makeText(this, "Ini isi message box Toast Jin Toples", Toast.LENGTH_SHORT).show();
  }
 }
}

Sekarang jalankan aplikasi anda.

SEMOGA BERMANFAAT SOBAT SE-KIFO................Salam Teknologi Masa Depan :D

Membuat Button Pada Android

1. Membuat Project Baru

Tutorial membuat button di android dimulai dari membuat project baru. Untuk memluai project baru silakan buka menu file – new – android application project. Pada form selanjutnya silakan masukan informasi sebagai seperti pada gambar berikut.

2. Menambahkan Button melalui Graphical Layout

Pada Package Explorer dari Project Button, soba anda buka folder res/layout/activity_main.xml

Setelah memilih activity_main.xml, eclipse akan membuka file tersebut dalam dua tampilan. Tampilan yang pertama yaitu Graphical Layout dan file xml dengan nama Activity_main.xml. Selanjutnya pilih tab Activity_main.xml, disana akan keluar file xml seperti 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="match_parent"

tools:context="${relativePackage}.${activityClass}" >

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/hello_world" />

</RelativeLayout

Pada bagian Graphical Layout drag komponen Button ke area kerja.

3. Ubah text pada Button

Klik kanan pada Button kemudian pilih menu edit text – new string. Kemudian masukan data seperti pada gambar berikut.

Selanjutnya klik ok, dan pada jendela “resource chooser” pilih txt_button kemudian klik ok kembali.

Hal yang perlu anda ketahui dari proses ini adalah bahwa Android menyimpan komponen string yang akan ditampilkan pada user interfacenya pada sebuat file bernama string.xml yang bisa anda temukan di folder res/values/strings.xml. Element-element pada file tersebut bisa anda manfaatkan pada seluruh komponen user interface, dengan kata lain nilai String dari txt_button yang telah kita buat sebelumnya itu bisa digunakan pada button-button lainnya atau komponen-komponen lainnya dengan cara memanggil nama string-nya pada xml interface.  File dari string.xml yang kita miliki sekarang bisa anda lihat, dan bentuknya akan seperti ini.

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

<resources>

<string name="app_name">Button</string>

<string name="hello_world">Hello world!</string>

<string name="txt_button">Hallo ini adalah button</string>

</resources>

Selanjutnya, mari kita lihat kembali file activity_main.xml yang telah kita tambah komponen Button-nya.

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

tools:context="${relativePackage}.${activityClass}" >

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/hello_world" />

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_below="@+id/textView1"

android:text="@string/txt_button" />

</RelativeLayout>

Perhatikan pada tag Button, diasana ada properties

android:text="@string/txt_button"

bisa anda lihat nilai dari text yang ditulis disana mengarah pada nilai text yang ada pada element String.xml yaitu nilai text pada String txt_button.

4. Running Aplikasi

Terakhir, untuk menampilkan hasil kerja kita selanjutnya anda tinggal klik kanan pada project button – run as – android application

Demikian akhir tutorial ini, mohon maaf jika ada kekurangan dan semoga bermanfaat.

Share this post