How to set On Image and Off Image for UISwitch in storyBoard?

Question

I am working on UISwitch, i want to set on Image and off Image for UISwitch in storyboard but image is not set on switch.

I try this :

I want to create like this:

Not like this --->

Thanks in advance.

Answer 1

You can detect the switch on/off state programmatically and set image.

[YourSwitch addTarget:self action:@selector(switchToggled:) forControlEvents: UIControlEventTouchUpInside];

    - (void) switchToggled:(id)sender {
        UISwitch *mySwitch = (UISwitch *)sender;
        if ([mySwitch isOn]) {
            [switchControl setThumbTintColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"Thumb.png"]]];
        } else {
            [switchControl setThumbTintColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"Thumb.png"]]];
        }
    }

Answer 2

You can use UIButton in place of UISwitch as its useful and also time saving and easy to customise..

use image slicing for UIButton like you are using UISwitch and set it as Background image like this

[cell.btnSwitch setBackgroundImage:[UIImage imageNamed:@"switchOn"] forState:UIControlStateNormal];
[cell.btnSwitch setBackgroundImage:[UIImage imageNamed:@"switchOff"] forState:UIControlStateNormal];