How to use a UIButton as a toggle switch

Question

Hello all,

I am using a UIButton of custom type and what I want is use it like a toggle switch with the change of image. Like when it is clicked if previously it was not in selected mode it should go in selected mode or otherwise vice-a-versa. Also it will have a different image and when it is selected it will have a different image when it is not.

I am not able to do it programatically, is there any good easy way to do this.

Answer 1

Change button image isn't a difficult task. And you can use some BOOL value to detect if your switch-button is in "ON" state. and in your onBtnClk method you can just change state of your BOOL value and set image for current state.

Answer 2

In your header file add:

IBOutlet UIButton *toggleButton;
BOOL toggleIsOn;

@property (nonatomic, retain) IBOutlet UIButton *toggleButton;

In the implementation:

- (IBACtion)toggle:(id)sender
{
  if(toggleIsOn){
    toggleIsOn = NO;
    [self.toggleButton setImage:[UIImage imageNamed:@"off.png"] forState:UIControlStateNormal];
    //do anything else you want to do.
  }
  else {
    toggleIsOn = YES;
    [self.toggleButton setImage:[UIImage imageNamed:@"on.png"] forState:UIControlStateNormal];
    //do anything you want to do.
}

then link your button with the IBActions and the IBOutlet and initialize toggleIsOn to NO.

Answer 3

I believe this post has a better solution : http://stackoverflow.com/questions/2255166/iphone-uibutton-with-uiswitch-functionality

UIButton has toggling built in. There is a selected property that you can set and change the skins based on the state.