Add custom view in UIAlertController in iOS

Question

I have used below code to show action sheet with Tweet, Facebook and Cancel button.

- (void)shareApp:(id)sender {
    NSString *strCancel = NSLocalizedString(@"Cancel", nil);
    NSString *strTweet = NSLocalizedString(@"Tweet", nil);
    NSString *strFacebook = NSLocalizedString(@"Facebook", nil);

    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:NSLocalizedString(@"Share your app", nil) message:nil preferredStyle:UIAlertControllerStyleActionSheet];

    // Create the actions.
    UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:strCancel style:UIAlertActionStyleCancel
                                                         handler:^(UIAlertAction *action) {
                                            NSLog(@"Cancel action occured");
                                }];

    UIAlertAction *tweetAction = [UIAlertAction actionWithTitle:strTweet style:UIAlertActionStyleDefault
                                                        handler:^(UIAlertAction *action) {
                                                            NSLog(@"Tweet action here");
                                                        }];

    UIAlertAction *facebookAction = [UIAlertAction actionWithTitle:strFacebook style:UIAlertActionStyleDefault
                                                        handler:^(UIAlertAction *action) {
                                                            NSLog(@"Facebook action here");
                                                        }];

    // Add the actions.
    [alertController addAction:cancelAction];
    [alertController addAction:tweetAction];
    [alertController addAction:facebookAction];

    [self presentViewController:alertController animated:YES completion:nil];
}

Screenshot

Now, I want to add custom view i.e. logo + tweet on each element of action sheet.

Desired screenshot

How can this be implemented?

http://stackoverflow.com/questions/29226050/how-can-i-customize-uialertaction-in-uialertcontroller-for-ios8 — Vizllx, Jun 03 '15 at 10:30

score 3 · Answer 1 · answered Jun 03 '15 at 12:52

I got the solution through your code.Just refer the below coding

 NSString *strCancel = NSLocalizedString(@"Cancel", nil);
 NSString *strTweet = NSLocalizedString(@"Tweet", nil);
 NSString *strFacebook = NSLocalizedString(@"Facebook", nil);

 UIAlertController *alertController = [UIAlertController alertControllerWithTitle:NSLocalizedString(@"Share your app", nil) message:nil preferredStyle:UIAlertControllerStyleActionSheet];

 UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:strCancel style:UIAlertActionStyleCancel
 handler:^(UIAlertAction *action) {
 NSLog(@"Cancel action occured");
 }];

UIAlertAction *tweetAction = [UIAlertAction actionWithTitle:strTweet style:UIAlertActionStyleDefault
                                                    handler:^(UIAlertAction *action) {
                                                        NSLog(@"Tweet action here");
                                                    }];

UIAlertAction *facebookAction = [UIAlertAction actionWithTitle:strFacebook style:UIAlertActionStyleDefault
                                                       handler:^(UIAlertAction *action) {

                                                           NSLog(@"Facebook action here");


                                                       }];

UIImage *accessoryImage = [UIImage imageNamed:@"Twitter.jpg"];
[tweetAction setValue:accessoryImage forKey:@"image"];
UIImage *accessoryFBImage = [UIImage imageNamed:@"Facebook.png"];
[facebookAction setValue:accessoryFBImage forKey:@"image"];


[alertController addAction:tweetAction];
[alertController addAction:facebookAction];
[alertController addAction:cancelAction];

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

I tried it (with .png images), but it gave me just empty blue circles/squares (depending on which image I want to set), but no actual logos. — Nikita Vlasenko, Nov 30 '15 at 06:24
yep, no actual logos. It means that if, say, I have a typical square Facebook logo, it will show me just a blue square. — Nikita Vlasenko, Dec 01 '15 at 02:46
instead of the logo with "f" inside and all of the customization. — Nikita Vlasenko, Dec 01 '15 at 02:46
@NikitaVlasenko Try setting “Render As" to "Always Original" in the `.xcassets` file to solve this. — Jed Fox, Dec 31 '15 at 22:13
given solution working fine. But i have to add image on right hand side of uialertAction. How to achieve this? — Saggy, Feb 15 '16 at 08:21
Have you tried messing up with UIImage frame? That's the first thing that comes to my mind. — Nikita Vlasenko, Jun 09 '16 at 04:17
Why this logo icon would be located in the left corner and way from the text? — Chris Forever, Apr 11 '17 at 07:29

Add custom view in UIAlertController in iOS

1 Answers1