brilliant, thank you, those images are exactly what I was looking for when I stumbled on both the posts you linked.

Nice!! Keep posting more examples like this…

I went through your code, but I am unsure how you change the state of the button when clicked. can you give me a clue?

Thx

There is good a news and there is a bad news.
Well. Your code works.
Bad News: It does not work if you want to control the state your self or like me I do not have nib file.
setImage function only works where you are not controlling the state of the button. Out of option. We can’t use it.
Next question: Do you want 2 stage/ 3 stage or even 4 stage button. Your code works with 3 stages.
But I need 2 stages so (I do not have nib file so I have to add at loadview) and create
@property (assign) BOOL isOn; in your SomenameViewController class

- (void)loadView
{
UIButton* Chkbutton = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f,40.0f, 40.0f)];
[Chkbutton setBackgroundImage:[UIImage imageNamed:@"SomeImageOff.png"] forState:UIControlStateNormal];
[Chkbutton setCenter:CGPointMake(someValue)];
[contentView addSubview: rhsbutton];
[rhsbutton addTarget:self action:@selector(toggleButton:) forControlEvents: UIControlEventTouchUpInside];
[Chkbutton release];
}

- (void) toggleButton: (id) sender
{
isOn = !isOn;
UIButton* Chkbutton = (UIButton*) sender;
if (isOn == NO)
[Chkbutton setBackgroundImage:[UIImage imageNamed:@"SomeImageOff.png"] forState:UIControlStateNormal];
else
[Chkbutton setBackgroundImage:[UIImage imageNamed:@"SomeImageOn.png"] forState:UIControlStateNormal];
}

for 3 or 4 stage button please check The iPhone Developer’s Cookbook Toggle Button Example.

-Agha

I would ask why you aren't using the built-in UISwitch control, which is a common control which provides the same capability. While the checkbox is a commonly understood control to many, I think it will look and feel out of place on the device — the switch the right thing to use I would venture to say.

Thanks for help – just what I needed

Yes, feel free to use the images.

hi,
i have one view, in that i put i take one round rect button .And i have check box images in resources folder.i given connections correcltly,but it would not work .click method is not working.

Awesome idea. Thanks so much

- (IBAction)checkboxButton:(UIButton *)button{
button.selected = !button.selected;
}

very good tutorial . definately it will help us

Thanks

Thank you for the good tutorial.
I was looking for the button images. Great!

yeah its prety good

hi

this is also pretty good…….

Can I use your checkbox pictures in my app?

Thanks for starting this thread – to simplify Agha’s post with your project I have modified your checked code to

-(IBAction)setChecked:(id)sender{
if([sender isKindOfClass:[UIButton class]]){
UIButton *tmpButton = sender;

if(!tmpButton.selected){
[sender setSelected:YES];
}
else{
[sender setSelected:NO];
}
}

}

If using more than one, change all the names and variables so that they’re unique:
checkboxButton would be checkbox1Button, checkbox2Button, etc.
checkboxSelected would be checkbox1Selected, checkbox2Selected, etc.

works for me…

Thanks…. it works……

I do have one question….

There are TWO pressed states, one when enabling and one when disabling.

When enabling it shows checkbox-pressed – all ok so far.

When de-selecting – it inverts the CONTENTS of the checkbox. Th corners seem to stay white.

This has me baffled. I have been trying to build a radio button based on this idea 
and the entire square is grayed when you press to deselect.

I know it must be something pretty simple that I am missing like transparency (or choice of shape or something) but could you put me out of my misery and let me know?

Thanks,
Dave.

where to set the image if the button clicked

This is how I done it, works for me:

- (void)viewDidLoad {
 
    // create a checkbox
    UIButton* chkbox = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f,40.0f, 40.0f)];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox.png"] forState:UIControlStateNormal];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox-pressed.png"] forState:UIControlStateHighlighted];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox-checked.png"] forState:UIControlStateSelected];
    [chkbox setCenter:CGPointMake(100,200)];
    [scrollView addSubview: chkbox];
    [chkbox addTarget:self action:@selector(ToggleCheckBox:) forControlEvents: UIControlEventTouchUpInside];
    [chkbox release];
    [super viewDidLoad];
}

- (IBAction)ToggleCheckBox:(UIButton *)button{
    button.selected = !button.selected;
}

That doesn’t work, the code errors out. I can change the checkbox names but checkbox selected cannot be changed. 

Can you add another button to your code so we know exactly how to do it please?

Thanks,

Hello, your code works fine. But when I close und restart the application my selections are gone … Do you have an idea to save the boxes are selected ba starting the app next time. Sorry for ma bad english

Good Job .. but take care when you wanna assign value to boolean 
we usually use  checkBoxSelected=0  not   checkBoxSelected==0  we use == in case of conditional statements life  IF , WHILE,…etc