I’m running through a few tutorials that describe ways of applying custom images to

Question

0

Asked: May 19, 20262026-05-19T04:53:34+00:00 2026-05-19T04:53:34+00:00

I’m running through a few tutorials that describe ways of applying custom images to

0

I’m running through a few tutorials that describe ways of applying custom images to UIButtons in iPhone programming using Obj-C.

One method i like is to place a UIButton (Round Rect Button) on a XIB using Interface Builder then in the ‘viewDidLoad’ method of the XIB’s view controller skin the button thus:

UIImage *ButtonImageNormal = [UIImage imageNamed:@"button_blue.png"];
UIImage *StretchableButtonImageNormal = [ButtonImageNormal stretchableImageWithLeftCapWidth:24 topCapHeight:24];
[self.Button setBackgroundImage:StretchableButtonImageNormal forState:UIControlStateNormal];

UIImage *ButtonImagePressed = [UIImage imageNamed:@"button_orange.png"];
UIImage *StretchableButtonImagePressed = [ButtonImagePressed stretchableImageWithLeftCapWidth:24 topCapHeight:24];
[self.Button setBackgroundImage:StretchableButtonImagePressed forState:UIControlStateHighlighted];

The trouble with this method is that the button doesn’t lose its ‘Round Rect’ background and at the side of the buttons you can still see the white of the ‘Round Rect’ button peeping through past the custom images.

If however, i create a custom button from scratch using this code:

UIButton *CustomButton = [UIButton buttonWithType:UIButtonTypeCustom];
[CustomButton setFrame:CGRectMake(20, 100, 280, 45)];
[CustomButton.titleLabel setFont:[UIFont boldSystemFontOfSize:15]];

[CustomButton setTitle:@"Custom Button" forState:UIControlStateNormal];
[CustomButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[CustomButton setBackgroundImage:[UIImage imageNamed:@"button_blue.png"] forState:UIControlStateNormal];

[CustomButton setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];
[CustomButton setBackgroundImage:[UIImage imageNamed:@"button_orange.png"] forState:UIControlStateHighlighted];

[self.view addSubview:CustomButton];

There is no such white background peeping through.

I really would like to use the ‘Round Rect’ method of placing and skinning buttons because i’d like to see their positions in Interface builder. Is there a method i need to use or a property i need to amend to get rid of the white background of a ‘Round Rect’ button in code.

Here’s an image showing the problem:

alt text