我需要一个带有图片和文字的UIButton。图片应该在顶部，文字在图片下方，两者都应该是可点击的。
【问题讨论】：
我看到非常复杂的答案，所有答案都使用代码。但是，如果您使用的是 Interface Builder，有一个非常简单的方法可以做到这一点：
您甚至可以通过代码使用相同的方法，而无需像其他建议的解决方案那样在内部创建 UILabel 和 UIImage。始终保持简单！
编辑：附上一个小示例，其中设置了 3 个内容（标题、图像和背景）并带有正确的插图
【讨论】：
Background 图像而不是Image，否则您将看不到标题，甚至没有设置插入值来重新定位标题。
我认为您正在为您的问题寻找此解决方案：
UIButton *_button = [UIButton buttonWithType:UIButtonTypeCustom];
[_button setFrame:CGRectMake(0.f, 0.f, 128.f, 128.f)]; // SET the values for your wishes
[_button setCenter:CGPointMake(128.f, 128.f)]; // SET the values for your wishes
[_button setClipsToBounds:false];
[_button setBackgroundImage:[UIImage imageNamed:@"jquery-mobile-icon.png"] forState:UIControlStateNormal]; // SET the image name for your wishes
[_button setTitle:@"Button" forState:UIControlStateNormal];
[_button.titleLabel setFont:[UIFont systemFontOfSize:24.f]];
[_button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; // SET the colour for your wishes
[_button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted]; // SET the colour for your wishes
[_button setTitleEdgeInsets:UIEdgeInsetsMake(0.f, 0.f, -110.f, 0.f)]; // SET the values for your wishes
[_button addTarget:self action:@selector(buttonTouchedUpInside:) forControlEvents:UIControlEventTouchUpInside]; // you can ADD the action to the button as well like
...按钮的其余自定义现在是您的职责，不要忘记将按钮添加到您的视图中。
更新 #1 和 更新 #2
或者，如果您不需要动态按钮，您可以将按钮添加到 Interface Builder 中的视图中，并且可以在此处设置与好吧。几乎一样，但在一张简单的图片中也是这个版本。
您还可以在Interface Builder中看到最终结果，就像屏幕截图一样。
【讨论】：
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.imageView.image = [UIImage imageNamed:@"your image name here"];
button.titleLabel.text = @"your text here";
但下面的代码会在上面显示标签和在背景中显示图像
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.background.image = [UIImage imageNamed:@"your image name here"];
button.titleLabel.text = @"your text here";
由于 UIButton 具有 UILabel 和 UIimageview 属性，因此无需在同一控件中使用标签和按钮。
【讨论】：
使用此代码：
UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
[sampleButton setFrame:CGRectMake(0, 10, 200, 52)];
[sampleButton setTitle:@"Button Title" forState:UIControlStateNormal];
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]];
[sampleButton setBackgroundImage:[[UIImage imageNamed:@"redButton.png"]
stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal];
[sampleButton addTarget:self action:@selector(buttonPressed)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:sampleButton]
【讨论】：
使用此代码：
UIButton *button=[UIButton buttonWithType:UIButtonTypeRoundedRect];
button.imageView.frame=CGRectMake(0.0f, 0.0f, 50.0f, 44.0f);///You can replace it with your own dimensions.
UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0.0f, 35.0f, 50.0f, 44.0f)];///You can replace it with your own dimensions.
[button addSubview:label];
【讨论】：
我遇到了同样的问题，我通过创建UIButton 的新子类并覆盖layoutSubviews: 方法来解决它，如下所示：
-(void)layoutSubviews {
[super layoutSubviews];
// Center image
CGPoint center = self.imageView.center;
center.x = self.frame.size.width/2;
center.y = self.imageView.frame.size.height/2;
self.imageView.center = center;
//Center text
CGRect newFrame = [self titleLabel].frame;
newFrame.origin.x = 0;
newFrame.origin.y = self.imageView.frame.size.height + 5;
newFrame.size.width = self.frame.size.width;
self.titleLabel.frame = newFrame;
self.titleLabel.textAlignment = UITextAlignmentCenter;
}
我认为 Angel García Olloqui 的回答是另一个很好的解决方案，如果您使用界面生成器手动放置所有这些，但我会保留我的解决方案，因为我不必修改每个按钮的内容插图。
【讨论】：
制作UIImageView和UILabel，并将图像和文本设置为这两者....然后在imageView和Label上放置一个自定义按钮....
UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"search.png"]];
imageView.frame = CGRectMake(x, y, imageView.frame.size.width, imageView.frame.size.height);
[self.view addSubview:imageView];
UILabel *yourLabel = [[UILabel alloc] initWithFrame:CGRectMake(x, y,a,b)];
yourLabel.text = @"raj";
[self.view addSubview:yourLabel];
UIButton * yourBtn=[UIButton buttonWithType:UIButtonTypeCustom];
[yourBtn setFrame:CGRectMake(x, y,c,d)];
[yourBtn addTarget:self action:@selector(@"Your Action") forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:yourBtn];
【讨论】：
您应该为图像创建自定义图像视图并为文本创建自定义标签，然后将其作为子视图添加到按钮中。就是这样。
UIButton *yourButton = [UIButton buttonWithType:UIButtonTypeCustom];
yourButton.backgroundColor = [UIColor greenColor];
yourButton.frame = CGRectMake(140, 40, 175, 30);
[yourButton addTarget:self action:@selector(yourButtonSelected:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:yourButton];
UIImageView *imageView1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, yourButton.frame.size.width, yourButton.frame.size.height/2)];
imageView1.image =[UIImage imageNamed:@"images.jpg"];
[yourButton addSubview:imageView1];
UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0, yourButton.frame.size.height/2, yourButton.frame.size.width, yourButton.frame.size.height/2)];
label.backgroundColor = [UIColor greenColor];
label.textAlignment= UITextAlignmentCenter;
label.text = @"ButtonTitle";
[yourButton addSubview:label];
为了测试目的，使用yourButtonSelected:方法
-(void)yourButtonSelected:(id)sender{
NSLog(@"Your Button Selected");
}
我认为这对你会有帮助。
【讨论】：
这真的很简单，只需将图像添加到按钮的背景，并为 uicontrolstatenormal 的按钮的标题标签添加文本。 就是这样。
[btn setBackgroundImage:[UIImage imageNamed:@"img.png"] forState:UIControlStateNormal];
[btn setContentVerticalAlignment:UIControlContentVerticalAlignmentBottom];
[btn setTitle:@"Click Me" forState:UIControlStateNormal];
【讨论】：