Membuat Aplikasi Message Box dan Tombol Button pada Android

 Membuat Aplikasi Android Message Box

Ramadhan Febry Prayogi

Friday, April 3, 2015

Message box adalah pesan yang muncul dalam bentuk popup apa bila suatu pristiwa atau event terjadi. Messages box yang di kenal di 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.

Buatlah Sebuah Project Android Baru

Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu.

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 dengan tekan Ctrl + F11 pada keyboard.

Sumber : http://balkonandroid.blogspot.com/2014/12/membuat-aplikasi-android-message-box_5.html#ixzz3WETZybSz

Belajar Cara Membuat Button Intent, Back dan Exit pada Aplikasi

Untuk membuat Aplikasi dengan widget Button Intent Back dan Exit pada Aplikasi kita harus menyiapkan dua activity dan juga dua layout xml. Button Intent disini difungsikan untuk berpindah dari Activity satu ke Activity dua ,dan Button Back untuk kembali ke Activity Sebelumnya dan juga Button Exit untuk Keluar dari Aplikasi kita dan akan kembali Homescreen pada Launcher di Smartphone Android kita.

                    Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .

Buat  file java dan  file layout.xml

Klik kanan Package pada folder  app>Java>com.okedroid.helloworld (package disesuaikan dengan yang kamu buat)

Buat file java

beri nama file java

Klik Kanan folder Layout di app> res>Layout

Buat file Layout

Buat nama layout

Berikut Codenya :

Java

MainActivity.java

package com.okedroid.helloworld;


import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.content.Intent;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        Button btn1 =(Button)findViewById(R.id.button1);
        Button btn2 =(Button)findViewById(R.id.button2);

        btn1.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent keli = new Intent(MainActivity.this,ActivityDua.class);
                startActivity(keli);

            }
        });

        btn2.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // TODO Auto-generated method stub
                moveTaskToBack(true);



            }
        });


    }


    }

ActivityDua

package com.okedroid.helloworld;

/**
 * Created by FATHUR on 1/14/2015.
 */



import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;


public class ActivityDua extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activitydua);

        Button btnback = (Button) findViewById(R.id.button1);

        btnback.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // TODO Auto-generated method stub
                startActivity(new Intent(ActivityDua.this, MainActivity.class));
                finish();

            }
        });


    }


}

Layout:

ActivityMain.xml

<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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"

    >


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button Intent "
        android:id="@+id/button1"
        android:layout_marginTop="111dp"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button Exit"
        android:id="@+id/button2"
        android:layout_below="@+id/button1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="59dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Selamat Datang dia Activity 1"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="48dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Button Intent pindah ke Acitivity 2"
        android:id="@+id/textView2"
        android:layout_below="@+id/textView"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Button Exit Untuk Keluar Aplikasi"
        android:id="@+id/textView3"
        android:layout_below="@+id/textView2"
        android:layout_alignLeft="@+id/textView"
        android:layout_alignStart="@+id/textView" />

</RelativeLayout>

ActivityDua.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">


    <Button
        android:layout_width="wrap_content"
        android:layout_height="35dp"
        android:text="Back/Kembali"
        android:id="@+id/button1"
        android:layout_gravity="center_horizontal"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="kalian di Activity 2 Pilih Back/Kembali untuk kembali ke ACTIVITY 1"
        android:id="@+id/textView4"
        android:layout_above="@+id/button1"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="48dp" />
</RelativeLayout>

Jangan lupa setting Manifestnya agar tidak force close


AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.okedroid.helloworld" >

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity
            android:name=".ActivityDua" >
        </activity>
    </application>

</manifest>

Bagi kalian yang bingung peletakan kodenya bisa melihat gambar ini

Lokasi folder xml

Lalu Hasilnya akan terlihat Seperti ini

Hasil Implementasi  Button Intent, Back dan Exit pada Aplikasi

sumber : http://www.okedroid.com/2015/01/cara-membuat-button-intent-back-dan-exit-pada-aplikasi.html

Thank... semoga bermanfaan GUNS>>>>>>>!

jgn lupa di share dan di komen ya>>>>>,,,,,,,,,,,,,,,.......................