(Tutorial iOS) Alert Dialog using UIAlertController - ARTANA

(Tutorial iOS) Alert Dialog using UIAlertController


Alert Dialog merupakan komponen view yang berfungsi sebagai alert atau tampilan pemberitahuan terhadap user yang penting di dalam sebuah UI interface. Sejak iOS 8, mulai diperkenalkan UIAlertController sebagai pengganti UIAlertView (deprecated). UIAlertController memiliki dua style.

Berikut contoh menampilkan UIAlertController.

1. Simple Alert Dialog
Buat UIAlertController sederhana dengan style UIAlertControllerStyleAlert.
UIAlertController* alertDialog = [UIAlertController
alertControllerWithTitle:@"Ini Judul Ya?"
message:@"Hai Semuanya !"
preferredStyle:UIAlertControllerStyleAlert];

[self presentViewController:alertDialog animated:YES completion:nil];


2. Alert Dialog with Actions
Sama seperti Simple Alert Dialog, cuma disini kita menambahkan dialog OK/Cancel.
UIAlertController* alertDialog = [UIAlertController
alertControllerWithTitle:@"Ini Judul Ya?"
message:@"Apakah Anda ingin melanjutkan ?"
preferredStyle:UIAlertControllerStyleAlert];

UIAlertAction* ok = [UIAlertAction
actionWithTitle:@"Ya"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[alertDialog dismissViewControllerAnimated:YES completion:nil];

}];
UIAlertAction* cancel = [UIAlertAction
actionWithTitle:@"Batal"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[alertDialog dismissViewControllerAnimated:YES completion:nil];

}];

[alertDialog addAction:ok];
[alertDialog addAction:cancel];

[self presentViewController:alertDialog animated:YES completion:nil];


3. Action Sheet
Sama seperti Alert Dialog yang kedua, cuma kita mengganti style nya menjadi UIAlertControllerStyleActionSheet.
UIAlertController* alertDialog = [UIAlertController
alertControllerWithTitle:@"Ini Judul Ya?"
message:@"Pilih salah satu member JKT48 untuk jadi pacar kamu"
preferredStyle:UIAlertControllerStyleActionSheet];

UIAlertAction* pil1 = [UIAlertAction
actionWithTitle:@"Melody JK48"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[alertDialog dismissViewControllerAnimated:YES completion:nil];

}];
UIAlertAction* pil2 = [UIAlertAction
actionWithTitle:@"Nabilah JKT48"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[alertDialog dismissViewControllerAnimated:YES completion:nil];

}];

UIAlertAction* pil3 = [UIAlertAction
actionWithTitle:@"Veranda JKT48"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[alertDialog dismissViewControllerAnimated:YES completion:nil];

}];


[alertDialog addAction:pil1];
[alertDialog addAction:pil2];
[alertDialog addAction:pil3];

[self presentViewController:alertDialog animated:YES completion:nil];

4. Alert Dialog with Textfield
Yang terakhir ini kita dapat menambahkan textfield di Alert Dialog.
UIAlertController* alertDialog = [UIAlertController
alertControllerWithTitle:@"Ini Judul Ya?"
message:@"Masukkan username dan password :"
preferredStyle:UIAlertControllerStyleAlert];

UIAlertAction* ok = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action) {
//Do Some action here

}];
UIAlertAction* cancel = [UIAlertAction actionWithTitle:@"Batal" style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action) {
[alertDialog dismissViewControllerAnimated:YES completion:nil];
}];

[alertDialog addAction:ok];
[alertDialog addAction:cancel];

[alertDialog addTextFieldWithConfigurationHandler:^(UITextField *textField) {
textField.placeholder = @"Username";
}];
[alertDialog addTextFieldWithConfigurationHandler:^(UITextField *textField) {
textField.placeholder = @"Password";
textField.secureTextEntry = YES;
}];

[self presentViewController:alertDialog animated:YES completion:nil];


Tampilan dari masing-masing contoh Alert Dialog hasilnya sebagai berikut :


1. Simple Alert Dialog


2. Alert Dialog with Actions


3. Action Sheet


*TS gagal pensiun

4. Alert Dialog with Textfield



Source code lengkap dapat di liat di https://github.com/wimsonevel/iOSAlertDialog

Sekian dan semoga bermanfaat
Happy Coding :)

Berlangganan update artikel terbaru via email:

close