Sabtu, 04 April 2015

Membuat aplikasi mesegbox pada aplikasi android




Membuat Aplikasi Android Message Box 1Membuat Aplikasi Android Message Box 2

Membuat Messege Box dan Button Di Program Android

Oke gan kita akan 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 diaplikasi 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.
Baca juga : Membuat Aplikasi Android Ratingbar

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, untuk cara penginstalan software yang di butuhkan baca di sini Cara Instalasi Package Untuk Membuat Aplikasi Android.

Untuk langkah - langkah membuat project baru lihat disini Cara Membuat Aplikasi Android
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 :  Pemograman Aplikasi Mobile Smartphone dan tablet PC Berbasic Android Penerbit Informatika, Bandung, 2012 By : Nazruddin Safaat.

Aplikasi Android Message Box anda sekarang sudah selesai, baca juga tutorial membuat aplikasi android lainnya.


tutorial Belajar Cara Membuat Button Intent, Back dan Exit pada Aplikasi Android


Ok gan  Untuk membuat Aplikasi dengan widget Button Intent Back dan Exit,Gan pada Aplikasi Android 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.



                   Gan Pastikan kalian sudah Tahu bagaimana Cara membuat aplikasi HelloWorld di Android  untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android ,Oke gan kita langsung saja dengan membuat file java dan file layout.xml .
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
Buat file java

beri nama file java
beri nama file java

Klik Kanan folder Layout di app> res>Layout

Buat file layout
Buat file Layout



Buat Nama Layout
Beri nama layout




Berikut source codenya Gan :

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/ragu untuk peletakan kodenya bisa melihat gambar di bawah 

Cara Membuat Button Intent, Back dan Exit pada Aplikasi
Lokasi folder xml




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

semoga bermanfaan yo dunsanak!
jan lupo di share dan di komen yo dunsanak ....
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)
r
e
g
g
o
l
b
a
d
i
h
r
u
n