dialog android
DESCRIPTION
DIALOG Android. Oleh Yanuangga. Kotak Dialog. Android secara primitif memiliki 2 bentuk dialog. 1. AlertDialog, dan 2. Toast Sebuah AlertDialog menampilkan layar dialog dalam bentuk floating(mengambang) dan menunggu pengguna untuk menekan tombol untuk ditutup/diberhentikan. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/1.jpg)
DIALOG Android
Oleh Yanuangga
![Page 2: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/2.jpg)
Kotak Dialog
Android secara primitif memiliki 2 bentuk dialog.1. AlertDialog, dan2. Toast
• Sebuah AlertDialog menampilkan layar dialog dalam bentuk floating(mengambang) dan menunggu pengguna untuk menekan tombol untuk ditutup/diberhentikan.
• Sebuah Toast menampilkan pesan dialog dalam bentuk flash dan akan hilang dalam waktu kurang lebih 4 detik.
![Page 3: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/3.jpg)
Kotak Peringatan(Alert)
AlertDialog biasanya merupakan layar yang tampil menonjol(modal window) yang
1. Menyajikan pesan singkat ke pengguna, biasanya ditampilkan dengan cara sebuah layar kecil yang muncul dengan mengaburkan tampilan dibelakangnya. Dan,
2. Mengumpulkan jawaban sederhana (biasanya dengan menekan tombol yang harus dipilih)
Catatan :Tampilan modal akan menunggu input dari pengguna. Cara ini bisa dihentikan dengan cara menekan tombol yang harus dipilih oleh pengguna
![Page 4: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/4.jpg)
Kotak Peringatan(Alert)
![Page 5: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/5.jpg)
Kotak Peringatan(Alert)
![Page 6: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/6.jpg)
Kotak Peringatan(Alert)
![Page 7: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/7.jpg)
Kotak Peringatan(Alert)
![Page 8: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/8.jpg)
Kotak Peringatan(Alert)
![Page 9: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/9.jpg)
Kotak Peringatan(Alert)
![Page 10: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/10.jpg)
Kotak Peringatan(Alert)
![Page 11: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/11.jpg)
Toast
• Toast adalah pesan singkat yang berisi pesan sederhana yang disampaikan kepada user. Kemunculannya dalam waktu singkat(3-4 detik) dan tidak memiliki fokus objek seperti halnya Alert Dialog
![Page 12: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/12.jpg)
Toast
• Parameter pemanggilan Toast :
Toast.makeText(context, message, duration).show()
Context : Sebuah referensi untuk melihat activity sedang aktif pada saat ini
Message : Pesan yang akan disampaikan pada Toast Duration : Waktu yang akan digunakan untuk
menampilkan pesan, LENGTH.SHORT dan LENGTH.LONG
![Page 13: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/13.jpg)
Toast
![Page 14: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/14.jpg)
Toast
Context :• Pada android, context biasanya digunakan untuk
menampilkan atau memuat resource. Semua widget menerima parameter context pada konstruktornya. Dalam aplikasi Android pada umumnya, kita biasanya menggunakan dua macam context, Activity dan Aplikasi. Pertama biasanya dilewatkan ke kelas dan metode yang kita inginkan pada context. View memiliki referensi ke seluruh aktivitas dan oleh karena itu semua activity akan ditangani, biasanya seluruh hirarki dan semua resource ada pada view
![Page 15: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/15.jpg)
ToastMengubah posisi tampilan Toast :• secara default Toast ditampilkan pada posisi bawah tengah
pada layar. Tetapi kita bisa mengubah penempatan posisi dari Toast dengan beberapa metode, seperti dibawah ini:
void setGravity(int gravity, int xOffset, int yOffset)• mengatur lokasi dimana pemberitahuan akan ditampilkan pada
layar.
void setMargin(float horizontalMargin, float verticalMargin)• mengatur tepi dari pesan.
![Page 16: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/16.jpg)
ToastMengubah posisi tampilan Toast :• Metode berikut menggunakan nilai offset berdasarkan resolusi
pixel pada layar device. Misalnya, pada layar device dengan resolusi 320x480 pixel
void setGravity(int gravity, int xOffset, int yOffset)
• Gravity : penempatan secara keseluruhan. Biasanya nilainya berisi: Gravity.CENTER. Gravity.TOP, Gravity.BOTTOM, ...
• xOffset : diasumsikan, nilai penempatan Gravity.CENTER pada layar resolusi 320x480, maka jangkauan xOffset adalah -160,...,0,...,160(kiri, tengah, kanan)
• yOffset : jangkauannya meliputi -240,...,0,...,240(atas, tengah,bawah)
320 px
480 px
![Page 17: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/17.jpg)
Toast• Mengubah posisi tampilan Toast :• Metode kedua untuk menempatkan Toast adalah setMargin. Layar dianggap
memiliki titik pusat/tengah dimana pusat garis horisontal dan vertikal bertemu. Ada 50% dari layar untuk setiap sisi dari titik pusat (atas,bawah,kiri,kanan). Margin dinyatakan sebagai nilai antara : -50,...,0,...,50
• void setMargin(float horizontalMargin, float verticalMargin)
• catatan :• Pasangan margin(-50, -50) mewakili sudut kiri atas dari layar, (0,0) adalah
pusat dan (50,50) adalah pojok kanan bawah
![Page 18: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/18.jpg)
Toast• Contoh Mengubah posisi tampilan Toast :• Dengan menggunakan metode setGravity(...) Gravity.CENTER dan x serta y offset dari :• 0,0 (tengah)• -160, -240 (kiri-atas)• 160, 240 (kanan-bawah)
![Page 19: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/19.jpg)
Toast• Contoh Mengubah posisi tampilan Toast :
![Page 20: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/20.jpg)
Toast• Contoh Mengubah posisi tampilan Toast :
![Page 21: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/21.jpg)
Toast• Contoh Mengubah posisi tampilan Toast :
![Page 22: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/22.jpg)
Toast• Toast dapat dimodifikasi untuk menampilkan kombinasi dari
warna/bentuk/isi/latar belakang.
• Hanya dengan beberapa langkah, yaitu :• 1. Definisi layout XML dari custom view• 2. Pastikan terdapat TextView dengan atribut: text• 3. Selain itu kita bisa memasang atribut android:backgroud
pada TextView• 4. Latar belakang bisa dari file gambar (Seperti file png, jpeg)
atau didefinisikan dari file XML (lihat contoh berikutnya)
![Page 23: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/23.jpg)
ToastContoh menampilkan custom Toast• Membuat layout XML
![Page 24: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/24.jpg)
ToastContoh menampilkan custom ToastLalu buat layout custom Toast(contoh
my_toast_layout.xml. Harus memiliki TextView dan atribut text)
![Page 25: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/25.jpg)
ToastContoh menampilkan custom Toast • Akhirnya kita buat element opsional background
(my_border.xml). Pada contoh ini, didefinisikan sebuah <shape> (dapat diambil dari file gambar .png, .jpeg). file XML(atau gambar) disimpan pada folder : /res/drawable
![Page 26: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/26.jpg)
Toast• Contoh menampilkan custom Toast
![Page 27: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/27.jpg)
Toast• Contoh menampilkan custom Toast
![Page 28: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/28.jpg)
Toast• Contoh menampilkan custom Toast
![Page 29: DIALOG Android](https://reader036.vdokumen.com/reader036/viewer/2022081417/568162ac550346895dd33086/html5/thumbnails/29.jpg)
Terima Kasih