Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Cara Membuat Aplikasi Alert dan Toast Menggunakan Eclipse/Android Studio (Mobile Programming)

Alert dan Toast.

Alert

Alert dialog merupakan salah satu dialog yang sering ditampilkan pada aplikasi Android. Alert dialog ini bisa digunakan untuk untuk menampilkan Error, dialog seleksi, dialog konfirmasi serta masih banyak lagi lainnya.



Toast

Toast merupakan sebuah class yang digunakan untuk menampilkan pesan/peringatan pada Android (mirip dengan alert box, message box dan lain-lain). Pesan ini hanya tampil sebentar kemudian menghilang dengan durasi waktu yang telah kita tentukan.

Membuat Project Alert dan Toast

Untuk membuat project baru, klik menu File >> New >> Other. Pilih Android Application Project di dalam folder Android, kemudian klik Next.

Setelah tampil beri nama aplikasi "MateriAlertToast" dan pada nama package ubah "example" menjadi "unpam" kemudian Next

Atur icon aplikasi sesuai keingnan kalian, lalu Next.

Pilih Blank Activity, kemudian Next. Kemudian ubah title aplikasi menjadi "Materi Alert dan Toast" dan klik "Finish"

Maka nanti akan seperti ini tampilannya.

Langkah selanjutnya kita masukan script di dalam activity_main.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" >
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true" >
<Button
android:id="@+id/alert1Button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Alert 1" />
<Button
android:id="@+id/alert2Button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Alert 2" />
<Button
android:id="@+id/alert3Button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Alert 3" />
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/linearLayout1" >
<Button
android:id="@+id/toastButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Toast" />
<TextView
android:id="@+id/durasiTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Durasi"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Spinner
android:id="@+id/durasiSpinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/linearLayout2" >
<Button
android:id="@+id/tutupButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Tutup" />
</LinearLayout>
</RelativeLayout>

Dan akan berubah seperti ini tampilannya.

Mengubah Source Code

Setelah mengatur desain activity, selanjutnya menambahkan source code java. Tambahkan source code di dalam file MainActivity.java yang berada di project dalam folder src >> com.unpam.materialerttoast sehingga menjadi seperti berikut.
package com.unpam.materialerttoast;
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.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener{
private String[] items = {"Short","Long"};
private Spinner spinner;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
spinner = (Spinner) findViewById(R.id.durasiSpinner);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,items);
spinner.setAdapter(adapter);

findViewById(R.id.alert1Button).setOnClickListener(this);
findViewById(R.id.alert2Button).setOnClickListener(this);
findViewById(R.id.alert3Button).setOnClickListener(this);
findViewById(R.id.toastButton).setOnClickListener(this);
findViewById(R.id.tutupButton).setOnClickListener(this);
}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()){
case R.id.alert1Button:
AlertDialog alert1 = new AlertDialog.Builder(this).create();
alert1.setTitle("Notifikasi");
alert1.setMessage("Tampilan Alert 1");
alert1.setIcon(R.drawable.ic_launcher);
alert1.setButton("Ok", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "Tombol Ok diklik", Toast.LENGTH_SHORT).show();
}
});
alert1.show();
break;
case R.id.alert2Button:
AlertDialog.Builder alert2 = new AlertDialog.Builder(this);
alert2.setTitle("Konfirmasi");
alert2.setMessage("Tampilan Alert 2, klik tombol");
alert2.setIcon(R.drawable.ic_launcher);
alert2.setPositiveButton("Ya", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "Tombol Ya diklik", Toast.LENGTH_SHORT).show();
}
});
alert2.setNegativeButton("Tidak", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "Tombol Tidak diklik", Toast.LENGTH_SHORT).show();
}
});
alert2.show();
break;
case R.id.alert3Button:
AlertDialog.Builder alert3 = new AlertDialog.Builder(this);
alert3.setTitle("Konfirmasi");
alert3.setMessage("Tampilan Alert 3, klik tombol");
alert3.setIcon(R.drawable.ic_launcher);
alert3.setPositiveButton("Ya", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "Tombol Ya diklik", Toast.LENGTH_SHORT).show();
}
});
alert3.setNegativeButton("Tidak", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "Tombol Tidak diklik", Toast.LENGTH_SHORT).show();
}
});alert3.setNeutralButton("Batal", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "Tombol Batal diklik", Toast.LENGTH_SHORT).show();
}
});
alert3.show();
break;
case R.id.toastButton:
if (spinner.getSelectedItemPosition()==0){
Toast.makeText(this, "Toast Short", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(this, "Toast Long", Toast.LENGTH_LONG).show();
}
break;
case R.id.tutupButton:
System.exit(0);
}
}
}

Tampilan Aplikasi

Untuk mengeksekusi, klik kanan pada nama project atau pilih menu Run kemudian Run As >> Android Application. Jika tidak error maka akan terlihat seperti ini tampilannya.

Sekian tutorial Cara Membuat Aplikasi Alert dan Toast Menggunakan Eclipse/Android Studio Mobile Programming, semoga kalian bisa menerapkannya dan semoga bermanfaat untuk tugas kalian.

Jangan lupa kunjungi maswijaba untuk artikel bermanfaat lainnya.

Post a Comment for "Cara Membuat Aplikasi Alert dan Toast Menggunakan Eclipse/Android Studio (Mobile Programming)"