20

I want to add a separated cancel button to my UIAlert.

I know how to do it with UIActionSheet but it should also be possible with UIAlert, right?

var sheet: UIActionSheet = UIActionSheet();
    let title: String = "...";
    sheet.title  = title;
    sheet.delegate = self;
    sheet.addButtonWithTitle("Cancel");
    sheet.addButtonWithTitle("...")
    sheet.cancelButtonIndex = 0;
    sheet.showInView(self.view);

This will have a ... button and a cancel button which is separated.

So does anyone know how to do this with

    var alert = UIAlertController(title: "...", message: "....", preferredStyle: UIAlertControllerStyle.ActionSheet)

?

I'm new to xcode and swift so sorry if this question is dumb or anything...

TheNeil
  • 1,985
  • 2
  • 17
  • 36

3 Answers3

55

Its really simple, but works a bit differently to how they used to work. Now you add "actions" to your alerts. These actions are then represented by buttons on the device.

alert.addAction(UIAlertAction(title: "Cancel", style: .cancel, handler: nil))

Above is the code needed for a simple cancel button - bear in mind that dismissal of the alert is done automatically so don't put that in your handler. Should you then want to create another button which does something, use the code below:

alert.addAction(UIAlertAction(title: "Button", style: UIAlertActionStyle.Default, handler: { action in
        println("This button now calls anything inside here!")
    }))

Hopefully I have understood your question and this answers what you were asking. I will also add that after you have added all of the "actions", you present the alert using the code below:

self.presentViewController(alert, animated: true, completion: nil)

Hope this helps!

Glenn Howes
  • 4,967
  • 1
  • 22
  • 29
Jack Chorley
  • 2,229
  • 24
  • 27
  • While this works, it doesn't answer the part of his question about adding a separate for the cancel button, like UIActionSheet does. UIAlertController doesn't add a separator before the cancel button like UIActionSheet. – jjxtra Mar 28 '15 at 19:12
  • @PsychoDad you're quite right! - I must have misunderstood the question when i first answered it. I don't know a way of creating a separator without writing a custom UIAlert so will not be able to amend this question i'm afraid. – Jack Chorley Mar 28 '15 at 19:24
  • If you add action with style set to UIAlertActionStyle.Cancel, separator is added automatically. – Miroslav Hrivik Oct 21 '15 at 08:38
  • @MiroslavHrivik No, the separator is not added even if the style is set to cancel. – Abdalrahman Shatou Jan 17 '16 at 23:23
9

I wanted to go ahead and provide a specific answer for a specific question. The user asked about the implementation of a "cancel" button, not a default button. Check out the answer below!

let alertController = UIAlertController(title: "Select one", message: "Hey! Press a button", preferredStyle: .actionSheet)

let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)

alertController.addAction(cancelAction)

self.present(alertController, animated: true, completion: nil)
1

This might be the worst coded answer you would have seen, but I was able to meet your requirement by trying this:

UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"Alert Title" message:@"Alert Message" preferredStyle:UIAlertControllerStyleAlert];
UILabel *alertLine = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, alertController.view.frame.size.width, 2)];
alertLine.backgroundColor=[UIColor blackColor];
[alertController.view.preferredFocusedView addSubview:alertLine];
UIAlertAction* ok = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:nil];
[alertController addAction:ok];
[self.navigationController presentViewController:alertController animated:YES completion:nil];
HariKrishnan.P
  • 1,194
  • 11
  • 21
Pradeep Mittal
  • 587
  • 1
  • 7
  • 19