iPhone – UIActionSheet Example

Posted on April 14, 2010 by ykyuen

UIActionSheet is a cool way to get user input. The following example shows you how to implement the UIActionSheet.

1. Extend the UIActionSheetDelegate in the .h header file of the ViewController and add the (IBAction)showActionSheet:(id)sender method.

@interface MyViewController : UIViewController <UIActionSheetDelegate> {
	...
}

...

-(IBAction)showActionSheet:(id)sender;

@end

2. Add the following code in the .m implementation file. There are 5 parameters for initializing the UIActionSheet

initWithTitle:@”Title”
delegate:self
cancelButtonTitle:@”Cancel Button”
destructiveButtonTitle:@”Destructive Button”
otherButtonTitles:@”Other Button 1″, @”Other Button 2″, nil

-(IBAction)showActionSheet:(id)sender {
	UIActionSheet *popupQuery = [[UIActionSheet alloc] initWithTitle:@"Title" delegate:self cancelButtonTitle:@"Cancel Button" destructiveButtonTitle:@"Destructive Button" otherButtonTitles:@"Other Button 1", @"Other Button 2", nil];
	popupQuery.actionSheetStyle = UIActionSheetStyleBlackOpaque;
	[popupQuery showInView:self.view];
	[popupQuery release];
}

-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex {
	if (buttonIndex == 0) {
		self.label.text = @"Destructive Button Clicked";
	} else if (buttonIndex == 1) {
		self.label.text = @"Other Button 1 Clicked";
	} else if (buttonIndex == 2) {
		self.label.text = @"Other Button 2 Clicked";
	} else if (buttonIndex == 3) {
		self.label.text = @"Cancel Button Clicked";
	}

	/**
	 * OR use the following switch statement
	 * Suggested by Colin =)
	 */
	/*
	switch (buttonIndex) {
		case 0:
			self.label.text = @"Destructive Button Clicked";
			break;
		case 1:
			self.label.text = @"Other Button 1 Clicked";
			break;
		case 2:
			self.label.text = @"Other Button 2 Clicked";
			break;
		case 3:
			self.label.text = @"Cancel Button Clicked";
			break;
	}
	*/
}

3. Link the (IBAction)showActionSheet:(id)sender with a Hello Button in the main view such that the UIActionSheet will appear when user presses the Hello Button.

4. Text will be printed on the main view if u press the button in the UIActionSheet

Done =)

Reference: UIActionSheet, Part One: Alternate User Input

41 thoughts on “iPhone – UIActionSheet Example”

John on April 27, 2010 at 05:18 said:

thanks for this! I am wondering if you need to put this in a View Controller or if you can implement this in the app delegate. I am trying to choose a way to notify the user that the network is unavailable (or has become available) and figure that the AppDelegate is the place to a) listen for the notification and b) post the new status from. Any thoughts on this?

Reply ↓
- ykyuen on April 27, 2010 at 18:31 said:
  
  i haven’t tried to make it in the app delegate. but as u can see in the above example, the view controller needs to implement the UIActionSheetDelegate. so i guess it should not work in the app delegate.
  
  i suggest u can put the checking logic in the app delegate as a global method and call it whenever it needs in the view controller.
  
  i am still a beginner in iPhone App. so please let me know if you can find a better way to do it =)
  
  Reply ↓
  - isaputera on December 20, 2010 at 17:18 said:
    
    hi, im still new with iphone development, can i have your full source code of this basic app ? cause i need to understand every single function, pleasee..
    
    thank you and i appreciate alot …
    
    regards,
    
    Isaputera
  - ykyuen on December 20, 2010 at 17:31 said:
    
    Hi isaputera,
    
    you can refer to iPhone – Start Developing Your First iPhone Application for a basic Hello World iPhone application.
    
    =)
Patt on January 15, 2011 at 09:00 said:

This is good stuff!

Thank you

Reply ↓
Nguyen Van Hung on March 16, 2011 at 18:04 said:

thanks for ur post!!!

Reply ↓
- ykyuen on March 16, 2011 at 18:21 said:
  
  you are welcome =)
  
  Reply ↓
Ali on April 4, 2011 at 20:23 said:

how to pop up uiactionsheet in appdelegate before the application appear

Reply ↓
- ykyuen on April 4, 2011 at 21:52 said:
  
  you can show the UIActionSheet instance by the showInView method.
  (void)showInView:(UIView *)view
  
  Probably you need to add the codes in (void)applicationDidFinishLaunching:(UIApplication *)application if you want to pop up the actionsheet just after the application finishes launching.
  
  Reply ↓
Pingback: iOS 개발 자료 총정리! | AstroRyan
jim on May 8, 2011 at 14:21 said:

great example, thanks.. keep posting good stuff

Reply ↓
- ykyuen on May 8, 2011 at 15:03 said:
  
  good to know that it could help =D
  
  Reply ↓
Pingback: Dailyon » Blog Archive » 아이폰 OS 개발 자료 총정리
Mick on June 3, 2011 at 21:15 said:

Great example! Thanks a lot!

Reply ↓
- ykyuen on June 3, 2011 at 21:30 said:
  
  you are welcome =D
  
  Reply ↓
Oscar on June 9, 2011 at 19:26 said:

The only thing I don’t get is how to make the self.label reference work… it doesn’t build cleanly after entering the listed code. I’m pretty new to iOS and I’m sure it’s fairly easy to do, but I have no idea! Thanks for the cool post.

Reply ↓
- ykyuen on June 9, 2011 at 19:30 said:
  
  Did u create the label thru the interface builder on the controller view?
  
  Reply ↓
  - Oscar on June 9, 2011 at 19:37 said:
    
    I tried adding a label in the nib file and calling it ‘label’, but nothing was autogenerated in the viewcontroller.h so I’m not sure how the viewcontroller can ever refer to it as a self property.
  - ykyuen on June 9, 2011 at 21:46 said:
    
    u need to define a UILabel in the controller header file and link the UILabel in the .nib to the controller. if i remember correctly, try the right click on the controller in the .nib and u could link them.
  - Oscar on June 11, 2011 at 05:47 said:
    
    Aha! control-linking from the File Owner to the Label solved the problem. Many thanks dude
  - ykyuen on June 14, 2011 at 12:22 said:
    
    good to know that u have solved the problem =)
Phil on June 10, 2011 at 02:53 said:

Thanks perfect !

Reply ↓
- ykyuen on June 10, 2011 at 09:56 said:
  
  =D
  
  Reply ↓
Pingback: Message Box (Action Sheet) General « iOS Developers
MS on July 12, 2011 at 22:42 said:

woot

Reply ↓
- ykyuen on July 12, 2011 at 23:52 said:
  
  woot
  
  Reply ↓
Jared Aaron Loo on July 18, 2011 at 10:58 said:

Hey! I was wondering if you could open a new window using one of these UIActionSheet buttons. For example, if i want Other Button 1 to launch a window called WindowView, how would i go about it? Thanks for the cool post btw

Reply ↓
- ykyuen on July 18, 2011 at 11:09 said:
  
  I think there is no new window concept in iphone application but you can navigate to another UIView after clicking the button.
  
  Do u want to create an application with tabs? You could try the UIWebView. See the tutorial below.
  iPhone SDK Tutorial – UI WebView and Tab Bar Application
  
  Reply ↓
  - Jared Aaron Loo on July 18, 2011 at 13:35 said:
    
    I already have a tabbed window with three tabs. However, each of the three tabs has a show details UIActionSheet button. I would like that button to navigate to the respective detailed window. For example, I would like to navigate to DetailedOne.xib, DetailedTwo.xib and DetailedThree.xib from each tab (One, Two, Three) respectively. How can i do that? Thanks
  - ykyuen on July 18, 2011 at 14:20 said:
    Are u using the UITabBarController? if yes, you could take a look on the Apple Class Reference.
    
    If you just want to show the .xib, try
    
    window.view = theXibController.view
    
    I didn’t try the TabBarController before, so i am not sure if this is correct or not. hope it could help.
Benjamin on July 23, 2011 at 04:07 said:

Great Post! It’s super quick and easy to implement!

And I actually really like the new default wordpress theme haha…

Reply ↓
- ykyuen on July 23, 2011 at 08:12 said:
  
  Thanks~ =)
  
  Reply ↓
gar on August 28, 2011 at 16:47 said:

Thanks!

Reply ↓
- ykyuen on August 28, 2011 at 16:57 said:
  
  you are welcome. =)
  
  Reply ↓
Pingback: เขียนโปรแกรม ipad //ลองใช้ xcode « hotfev.com
priya on January 13, 2012 at 12:09 said:

can we give text color to the contents of action sheet?

Reply ↓
- ykyuen on January 13, 2012 at 23:51 said:
  
  there is no official way to customize the button in UIActionSheet. but you could subclass the UIActionSheet and create your own customization.
  
  See this example.
  GitHub – gloomcore / UICustomActionSheet
  
  Reference: StackOverflow – UIActionSheet button’s color
  
  Reply ↓
Subha on February 29, 2012 at 15:39 said:

why? Cancel button is not working

Reply ↓
- ykyuen on March 1, 2012 at 16:38 said:
  Can you elaborate more about your problem?
  
  you can also modify the function such that
```
-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex {
  self.label.text = [NSString stringWithFormat:@"%d",buttonIndex];
}
```
  and see what buttonIndex you get when you clicked the cancel button.
  Reply ↓

Thanks for the great post I’ve edited the code a little so instead of the if statements it uses a switch. Makes it a bit cleaner to read

-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{
    switch (buttonIndex) {
        case 0:
           self.label.text = @"Destructive Button Clicked";
            break;
        case 1:
             self.label.text = @"Other Button 1 Clicked";
            break;
        case 2:
            self.label.text = @"Other Button 2 Clicked";
            break;
        case 3:
             self.label.text = @"Cancel Button Clicked";
            break;
    }
}

Reply ↓

ykyuen on March 25, 2012 at 01:19 said:

i have added the switch statement in the code. thanks for your suggestion. =)

Reply ↓

Eureka!

Dream BIG and go for it =)

iPhone – UIActionSheet Example

41 thoughts on “iPhone – UIActionSheet Example”

Leave a Reply Cancel reply

Like this:

41 thoughts on “iPhone – UIActionSheet Example”

Leave a Reply Cancel reply