(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 :