Praktikum ANDROID

ANDROID

FOR

BEGINNER MODUL 7 ![ANDROID ALERT]

!!!!!SUDARYATNO yatnosudar@gmail.com | @dodulz | facebook : yatno.sudar

Page � of �1 10

Praktikum ANDROIDANDROID ALERT

!Dalam sebuat aplikasi memerlukan alert baik bersifat pasif atau pun interaktif. Tujuan dari Alert

itu sendiri adalah memberikan informasi sesaat, tiba-tiba, atau pun pilihan. Ada beberapa macam

alert yang digunakan Android.

!Toast

Toast adalah pesan singkat yang ditampilkan kepada user. Toast dapat di panggil di setiap class.

Ketika user melihat pesan tersebut user tidak harus fokus ke Toast tersebut. Toast class bersifat

static sehingga dapat dengan mudah di panggil. Contoh ketika kita selesai melakukan save data.

Dialog

Dialog adalah small window dengan tujuan memberikan informasi singkat. Dialog tidak

sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi yang

ditampilkan akan menuggu interaksi user keluar dari dialog. Contoh dialog forceclose, dialog

volume, dan lain-lain.

!Membuat Dialog

Class untuk membuat dialog adalah AlertDialog. AlertDialog memungkinkan Anda untuk

membuat variasi-variasi dialog. Yang perlu Anda perhatikan ada tiga bagian dari AlertDialog itu

sendiri.

1. Title

Title digunakan sebagai judul dari AlertDialog Anda. Title dialog secara default terdiri dari dua

komponen yaitu gambar dan text informasi. Perhatikan baik-baik dalam penggunaan kalimat dan

gambar pada title. Jangan sampai membuat binggun user. Sebagai contoh menggunakan kalimat

Page � of �2 10

Toast.makeText(this, “Selamat Datang", Toast.LENGTH_SHORT).show();

Praktikum ANDROID“Hapus” untuk menghapus data, seharusnnya gunakan

“Hapus data Travel BPP?” atau “Hapus semua data?”.

2. Content Area

Content Area adalah area dari informasi yang

ditampilkan. informasi yang ditampilkan bisa berupa

widget atau pun berupa text informasi.

3. Action Buttons

Digunakan untuk aksi dari dialog tersebut.

!

!Code diatas digunakan untuk menampilkan AlertDialog

secara sederhana. Anda juga dapat menambahkan list di

AlertDialog untuk kondisi dialog tertentu dengan code

berikut :

!!!!

Page � of �3 10

AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this); alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); alertdialog.setTitle("Keluar dari Aplikasi?"); alertdialog.setMessage("Jika anda ingin keluar aplikasi maka tutup dialog ini"); alertdialog.setPositiveButton("YA",new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this, "Berhasil di tutup", Toast.LENGTH_LONG).show(); dialog.dismiss(); } }); alertdialog.setNegativeButton("TIDAK", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); AlertDialog dialog = alertdialog.create(); dialog.show();

Praktikum ANDROID

Anda juga dapat menambahkan multiple choice. Dengan code berikut :

Sehingga menjadi seperti berikut ini :

Page � of �4 10

AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this); alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); alertdialog.setTitle("Pilih Warna?"); final String arr[] = {"merah","biru","kuning"}; alertdialog.setItems(arr, new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"Anda memilih "+ arr[which], Toast.LENGTH_LONG).show(); dialog.dismiss(); } }); AlertDialog dialog = alertdialog.create(); dialog.show();

AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this); alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); alertdialog.setTitle("Pilih Warna?"); final String arr[] = {"merah","biru","kuning"}; final StringBuffer buffer = new StringBuffer(); alertdialog.setMultiChoiceItems(arr, null, new OnMultiChoiceClickListener() { @Override public void onClick(DialogInterface dialog, int which, boolean isChecked) { if (isChecked) { buffer.append(arr[which]); buffer.append(","); } } }); alertdialog.setPositiveButton("OK", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"Anda memilih "+ buffer.toString(), Toast.LENGTH_LONG).show(); } }); AlertDialog dialog = alertdialog.create(); dialog.show();

Praktikum ANDROID

Jika anda ingin memodifikasi tampilan dari dialog anda dapat menggunakan layout untuk di

inflate ke AlertDialog. Sehingga tampilan dari alert dialog akan berubah sesuai dengan yang kita

design.

Page � of �5 10

AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this);alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); LayoutInflater inflater = getLayoutInflater(); View v = inflater.inflate(R.layout.dialog_custom, null); alertdialog.setView(v); final EditText username = (EditText) v.findViewById(R.id.username); final EditText password = (EditText) v.findViewById(R.id.password); alertdialog.setPositiveButton("OK", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (username.getText().toString().equals("admin")&&password.getText().toString().equals("1234")){ Toast.makeText(MainActivity.this,"Anda Berhasil Login ", Toast.LENGTH_LONG).show(); }else{ Toast.makeText(MainActivity.this,"Anda Gagal Login ", Toast.LENGTH_LONG).show(); } } }); alertdialog.setNegativeButton("CANCEL", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"Anda Tidak Login ", Toast.LENGTH_LONG).show(); } }); AlertDialog dialog = alertdialog.create(); dialog.show();

Praktikum ANDROID

Praktikum !Tujuan : Memahami macam-macam alert!Scope : AlertDialog, Toast, LayoutInflanter, Multiple choice Dialog!1. Buat project baru!2. Buat Tampilan layout dengan code berikut :!

Page � of �6 10

<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: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" > <TextView android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/hello_world" /> <Button android:id="@+id/button1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/textView1" android:layout_below="@+id/textView1" android:layout_marginTop="18dp" android:onClick="_addDialog" android:text="Alert Dialog" /> <Button android:id="@+id/button2" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/button1" android:layout_below="@+id/button1" android:layout_marginTop="16dp" android:text="Alert Dialog List" android:onClick="_addListDialog" /> <Button android:id="@+id/button3" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/button2" android:layout_below="@+id/button2" android:layout_marginTop="18dp" android:text="Alert MultiChoiceItems" android:onClick="_addMultiChoiceItems" /> <Button android:id="@+id/button4" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/button3" android:layout_below="@+id/button3" android:layout_marginTop="16dp" android:text="Custom Layout" android:onClick="_addCustomLayout" /></RelativeLayout>

Praktikum ANDROID!3. Buat layout XML baru dengan nama dialog_custom.xml dan dengan code berikut :!

4. Ubah file java dengan code berikut :!!

Page � of �7 10

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView android:layout_width="match_parent" android:layout_height="64dp" android:background="#FFFFBB33" android:contentDescription="@string/app_name" android:scaleType="center" android:src="@drawable/ic_launcher" /> <EditText android:id="@+id/username" android:inputType="textEmailAddress" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_marginBottom="4dp" android:hint="USERNAME" /> <EditText android:id="@+id/password" android:inputType="textPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_marginBottom="16dp" android:fontFamily="sans-serif" android:hint="PASSWORD"/></LinearLayout>

Praktikum ANDROID

!Page � of �8 10

public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } public void _addDialog(View view){ AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this);alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); alertdialog.setTitle("Pilih Warna?"); alertdialog.setMessage("Jika anda ingin keluar aplikasi maka tutup dialog ini"); alertdialog.setPositiveButton("YA",new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this, "Berhasil di tutup", Toast.LENGTH_LONG).show(); dialog.dismiss(); } }); alertdialog.setNegativeButton("TIDAK", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); AlertDialog dialog = alertdialog.create(); dialog.show(); }!public void _addListDialog(View view){ AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this); alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); alertdialog.setTitle("Pilih Warna?"); final String arr[] = {"merah","biru","kuning"}; alertdialog.setItems(arr, new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"Anda memilih "+ arr[which], Toast.LENGTH_LONG).show(); dialog.dismiss(); } }); AlertDialog dialog = alertdialog.create(); dialog.show(); }

Praktikum ANDROID

Page � of �9 10

public void _addMultiChoiceItems(View view){ AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this); alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); alertdialog.setTitle("Pilih Warna?"); final String arr[] = {"merah","biru","kuning"}; final StringBuffer buffer = new StringBuffer(); alertdialog.setMultiChoiceItems(arr, null, new OnMultiChoiceClickListener() { @Override public void onClick(DialogInterface dialog, int which, boolean isChecked) { if (isChecked) { buffer.append(arr[which]); buffer.append(","); } } }); alertdialog.setPositiveButton("OK", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"Anda memilih "+ buffer.toString(), Toast.LENGTH_LONG).show(); } }); AlertDialog dialog = alertdialog.create(); dialog.show(); }public void _addCustomLayout (View view){ AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this); alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher)); LayoutInflater inflater = getLayoutInflater(); View v = inflater.inflate(R.layout.dialog_custom, null); alertdialog.setView(v); final EditText username = (EditText) v.findViewById(R.id.username); final EditText password = (EditText) v.findViewById(R.id.password); alertdialog.setPositiveButton("OK", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (username.getText().toString().equals("admin")&&password.getText().toString().equals("1234")){ Toast.makeText(MainActivity.this,"Anda Berhasil Login ", Toast.LENGTH_LONG).show(); }else{ Toast.makeText(MainActivity.this,"Anda Gagal Login ", Toast.LENGTH_LONG).show(); } } });

Praktikum ANDROID

5. Jalankan Project

Page � of �10 10

alertdialog.setNegativeButton("CANCEL", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this,"Anda Tidak Login ", Toast.LENGTH_LONG).show(); } }); AlertDialog dialog = alertdialog.create(); dialog.show(); }}