未设置UIbutton的图像和标题

Question

I'm trying to implement an image as well as title on UIButton. Size of UIButton is 86 x 96. I need to embed an image of size 86 x 76 on top and title of size 86 x 20 just below the image.

The code is

UIButton *generalButton = [UIButton buttonWithType:UIButtonTypeCustom];
[generalButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
generalButton.titleLabel.font = [UIFont fontWithName:@"Arial" size:13];
[generalButton setImageEdgeInsets:UIEdgeInsetsMake(0,0,20,0)];
[generalButton setTitleEdgeInsets:UIEdgeInsetsMake(76,0,0,0)];
generalButton.frame = CGRectMake(32,20,86,96);
[generalButton setImage:[UIImage imageNamed:@"flower_icon.png"] forState:UIControlStateNormal];
[generalButton setTitle:@"Flower" forState:UIControlStateNormal];
[self addSubview:generalButton];  

But the problem is that only image is being shown, whereas the title is not showing up. And if I hide the image by commenting the code, then title shows up perfectly.

Please Help

Answer 1

try this code:

 UIButton *generalButton = [UIButton buttonWithType:UIButtonTypeCustom];
[generalButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
generalButton.titleLabel.font = [UIFont fontWithName:@"Arial" size:13];
[generalButton setImageEdgeInsets:UIEdgeInsetsMake(0,0,20,0)];
[generalButton setTitleEdgeInsets:UIEdgeInsetsMake(30,-50,0,0)];
generalButton.frame = CGRectMake(32,20,86,96);
[generalButton setImage:[UIImage imageNamed:@"RepresentativeIcon.png"] forState:UIControlStateNormal];
[generalButton setTitle:@"Flower" forState:UIControlStateNormal];
[self.view addSubview:generalButton];

Answer 2

Please try this code:

UIButton *generalButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [generalButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    generalButton.titleLabel.font = [UIFont fontWithName:@"Arial" size:13];
    [generalButton setImageEdgeInsets:UIEdgeInsetsMake(20,22,20,0)];
    [generalButton setTitleEdgeInsets:UIEdgeInsetsMake(50,-30,0,0)];
    generalButton.frame = CGRectMake(32,20,86,96);
    [generalButton setBackgroundColor:[UIColor yellowColor]];
    [generalButton setImage:[UIImage imageNamed:@"Facebook"] forState:UIControlStateNormal];
    [generalButton setTitle:@"Flower" forState:UIControlStateNormal];
    [self.view addSubview:generalButton];

Note:

[generalButton setImageEdgeInsets:UIEdgeInsetsMake(20,22,20,0)];
[generalButton setTitleEdgeInsets:UIEdgeInsetsMake(50,-30,0,0)];

These two line are performing main role to repositioning your title and image so set all parameters as per your image height & width and title length.

In this code I change image name as I have and also changed back colour of button so please change according to your data.

Hope this will help you.