Pages

Tuesday, August 13, 2013

Contoh Penggunaan Message Box pada Android

java android

Message Box membuat tampilan UI (user interface) aplikasi menjadi lebih interaktif. Dalam sebuah aplikasi, pengguna dapat berinteraksi melalui message box, misal untuk menentukan kemana arah aplikasi selanjutnya. Pada dasarnya di android terdapat 2 jenis message box, berikut ini merupakan jenis-jenis message box pada android.

Jenis-jenis Message Box pada android:

Toast : merupakan message yang muncul sementara dan tidak memiliki user interaction dengan pengguna.
Alert  : merupakan message dengan dialog box dan memiliki user interaction dengan pengguna.

Dibawah ini merupakan contoh penggunaan Message Box pada android,

Buat project baru (disini saya menggunakan IDE Eclipse, dengan nama project MessageBox), kemudian modifikasi file activity_main.xml yang terdapat pada /res/layout/ menjadi seperti ini:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    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" >
    
    <Button 
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="@string/toast"/>
    
    <Button 
        android:id="@+id/button2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="@string/alert"/>

</LinearLayout>

kemudian modifikasi file strings.xml yang terdapat pada /res/values/ menjadi seperti ini:

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

    <string name="app_name">Message Box</string>
    <string name="action_settings">Settings</string>
    <string name="toast">Toast Button</string>
    <string name="alert">Alert Button</string>

</resources>

dan terakhir modifikasi file MainActivity.java yang terdapat pada /src/package/ menjadi seperti berikut:

package com.example.messagebox;

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

public class MainActivity extends Activity implements OnClickListener {
 Button toastButton, alertButton;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  toastButton = (Button) findViewById(R.id.button1);
  alertButton = (Button) findViewById(R.id.button2);
  toastButton.setOnClickListener(this);
  alertButton.setOnClickListener(this);
 }

 @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 void onClick(View v) {
  // TODO Auto-generated method stub
  if (v == alertButton) {
   AlertDialog dialog = this.action();
   dialog.show();
  } else {
   Toast.makeText(MainActivity.this, "This is a Toast message", Toast.LENGTH_LONG).show();
  }
 }

 private AlertDialog action(){
   return new AlertDialog.Builder(MainActivity.this)
   .setTitle("Exit Confirmation")
   .setMessage("Do you want to exit?")
   .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
    
    @Override
    public void onClick(DialogInterface dialog, int which) {
     // TODO Auto-generated method stub
     MainActivity.this.finish();
    }
   })
   .setNegativeButton("No", new DialogInterface.OnClickListener() {
    
    @Override
    public void onClick(DialogInterface dialog, int which) {
     // TODO Auto-generated method stub
     
    }
   })
   .setNeutralButton("Cancel", new DialogInterface.OnClickListener() {
    
    @Override
    public void onClick(DialogInterface dialog, int which) {
     // TODO Auto-generated method stub
     
    }
   }).create();
 }
}

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...