在带有图像的UIButton中的标题

11 浏览
0 Comments

在带有图像的UIButton中的标题

我已经在一个UIButton中设置了一张图片，但我需要在这个图片上方设置标题。我该如何做到这一点？

[button setImage:[UIImage imageNamed:@"btn_select_s.png"] forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"btn_select_p.png"] forState:UIControlStateHighlighted];
[button setTitle:@"我的标题" forState:UIControlStateNormal];

0

3 答案

0 Comments

UIButton的titleEdgeInsets和imageEdgeInsets属性可以用来自定义按钮中标题和图片的位置。通过调整这两个属性的值，可以实现标题和图片的任意位置布局。

在一个UIButton的子类中，可以通过以下代码来设置标题和图片的位置：

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

其中，imageFrame和labelFrame分别表示图片和标题在按钮中的frame。通过设置titleEdgeInsets和imageEdgeInsets属性，可以根据实际需求来调整标题和图片的位置。

参考链接：[UIButton Class - Apple Developer Documentation](http://developer.apple.com/library/ios/#DOCUMENTATION/UIKit/Reference/UIButton_Class/UIButton/UIButton.html)

使用titleEdgeInsets和imageEdgeInsets属性可以解决在UIButton中自定义标题和图片位置的问题。通过调整这两个属性的值，可以实现标题和图片的任意位置布局。

0
0 Comments

在UIButton中设置带有图像的标题（Title in UIButton with Image）时，可能会出现标题和图像不对齐的问题。这个问题的出现原因是，按钮的内容对齐方式和边缘插入没有正确设置。

解决方法是通过设置按钮的内容对齐方式和边缘插入来调整标题和图像的布局。可以使用以下代码来解决这个问题：

[button setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];
[button setContentVerticalAlignment:UIControlContentVerticalAlignmentTop];
[button setTitleEdgeInsets:UIEdgeInsetsMake(20.0f, 10.0f, 0.0f, 0.0f)];

这段代码中，`setContentHorizontalAlignment`方法用于设置标题的水平对齐方式为左对齐，`setContentVerticalAlignment`方法用于设置标题的垂直对齐方式为顶部对齐。`setTitleEdgeInsets`方法用于设置标题的边缘插入，其中的`UIEdgeInsetsMake`函数的参数可以根据实际情况进行调整，分别表示顶部、左边、底部和右边的插入值。

通过以上设置，可以解决标题和图像不对齐的问题，确保按钮中的标题和图像布局整齐。

0
0 Comments

问题的原因是：在UIButton上设置带有图片的标题时出现了问题。

解决方法是：需要设置按钮的背景图像而不是标题图像。使用以下代码可以设置按钮的背景图像：

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

文章整理如下：

标题：UIButton中使用带有图像的标题的问题及解决方法

在开发中，我们经常会遇到需要在UIButton上设置带有图像的标题的场景。然而，有时候我们可能会遇到问题，导致无法正确设置按钮的标题图像。本文将介绍这个问题的原因以及解决方法。

问题的原因是：在UIButton上设置带有图像的标题时出现了问题。通常，我们会尝试使用以下代码来设置按钮的标题图像：

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

然而，这种方法并不适用于设置带有图像的标题。这种方法只能设置按钮的图像，而无法设置按钮的标题。

解决方法是：需要设置按钮的背景图像而不是标题图像。可以使用以下代码来设置按钮的背景图像：

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

通过调用setBackgroundImage方法，并将图像作为参数传递给它，我们可以成功设置按钮的背景图像。同时，我们还需要指定状态为UIControlStateNormal，以确保图像在按钮处于正常状态下显示。

在UIButton上设置带有图像的标题时，需要注意使用setBackgroundImage方法来设置按钮的背景图像。这样可以避免出现问题，并正确显示按钮的标题图像。

0