Modul,Android,Tutorial

1. Praktikum ANDROID
ANDROID
FOR
BEGINNER MODUL 7
!
[ANDROID ALERT]
!!!!!
SUDARYATNO
yatnosudar@gmail.com | @dodulz | facebook : yatno.sudar
Page 1 of 10

2. Praktikum ANDROID
ANDROID 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.
Toast.makeText(this, “Selamat Datang, Toast.LENGTH_SHORT).show();
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 2 of 10

3. 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.
!
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
!
Code diatas digunakan untuk menampilkan AlertDialog
secara sederhana. Anda juga dapat menambahkan list di
AlertDialog untuk kondisi dialog tertentu dengan code
berikut :
!!!!
Page 3 of 10
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();

4. Praktikum ANDROID
AlertDialog.Builder alertdialog = new AlertDialog.Builder(MainActivity.this);
alertdialog.setIcon(getResources().getDrawable(R.drawable.ic_launcher));
Anda juga dapat menambahkan multiple choice. Dengan code berikut :
Sehingga menjadi seperti berikut ini :
Page 4 of 10
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();

5. 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.
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)
Page 5 of 10
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();

6. 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 6 of 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

7. Praktikum ANDROID
!
3. Buat layout XML baru dengan nama dialog_custom.xml dan dengan code berikut :!
LinearLayout xmlns:android=http://schemas.android.com/apk/res/
android
4. Ubah file java dengan code berikut :! !
Page 7 of 10
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

8. Praktikum ANDROID
!
Page 8 of 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();
}

9. Praktikum ANDROID
Page 9 of 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(123
4)){
Toast.makeText(MainActivity.this,Anda Berhasil Login
, Toast.LENGTH_LONG).show();
}else{
Toast.makeText(MainActivity.this,Anda Gagal Login ,
Toast.LENGTH_LONG).show();
}
}
});

10. Praktikum ANDROID
alertdialog.setNegativeButton(CANCEL, new OnClickListener() {
5. Jalankan Project
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this,Anda Tidak Login ,
Page 10 of 10
Toast.LENGTH_LONG).show();
}
});
AlertDialog dialog = alertdialog.create();
dialog.show();
}
}