UIButton中带有图像的标题

Question

我已经在UIButton设置了图像，但是我需要在该图像上方设置标题。 我怎样才能做到这一点？

[button setImage:[UIImage imageNamed:@"btn_select_s.png"] forState:0];
[button setImage:[UIImage imageNamed:@"btn_select_p.png"] forState:1];
[button setTitle:@"my title" forState:0];

Answer 1

您可以使用UIButton的titleEdgeInsets和imageEdgeInsets来根据需要放置标题和图像。

请参阅Apple的UIButton参考文档

例如，在UIButton子类中：

[self setImageEdgeInsets:UIEdgeInsetsMake(imageFrame.origin.y, imageFrame.origin.x, 0, 0)];
[self setTitleEdgeInsets:UIEdgeInsetsMake(labelFrame.origin.y, labelFrame.origin.x, 0, 0)];

Answer 2

您需要改为设置按钮的背景图像：

[button setBackgroundImage:[UIImage imageNamed:@"foo"] forState:UIControlStateNormal];

Answer 3

[button setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];
[button setContentVerticalAlignment:UIControlContentVerticalAlignmentTop];

//Use you values for edge insets here.
[button setTitleEdgeInsets:UIEdgeInsetsMake(20.0f, 10.0f, 0.0f, 0.0f)];

Answer 4

这里有一个方便的UIButton子类：
https://github.com/lionhylra/FlexButton

它具有以下功能：-提供4种布局样式。
-它像UIButton一样简单。
-调整按钮的大小时，imageView和titleLabel的大小将相应正确地更改。 他们不会陷入混乱。 这是使用边缘插图的本质区别。
-TitleLabel和imageView将始终垂直和水平居中。