UIButton 文本和图像

Question

我有一个 UIButton。在那个 UIButton 中，我必须显示文本和图像。图像应显示在文本之后。基于文本我想调整按钮框架。 看图片。在文本“我是按钮”之后，我想添加一个像箭头这样的图像。

UIButton *titleButton = [UIButton buttonWithType:UIButtonTypeCustom];
NSString *name = @"I am a button";
titleButton.titleLabel.text = [NSString stringWithFormat:@"%@", name];
titleButton.titleLabel.textColor = [UIColor whiteColor];
CGSize stringSize = [name sizeWithAttributes:@{NSFontAttributeName: [UIFont fontWithName:@"MyriadPro-Cond" size:24]}];
CGRect frame = CGRectMake(300, 30, stringSize.width, 30);
//frame.size.width = stringSize.width;
[titleButton setFrame:frame];
UIImageView *image = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"home.png"]];
image.frame = CGRectMake(stringSize.width, 14, 20, 13);
titleButton.imageEdgeInsets = UIEdgeInsetsMake(0, 0, stringSize.width+20, 0);
[titleButton addSubview:image];

我写了这样的代码。但它不起作用。任何人都可以使它正确。提前致谢

Answer 1

您不必在UIButton 上添加UIImageView 即可获得此行为。 UIButton 本身有一些属性。将橙色图像设置为button 的background image，将箭头图像设置为button 的image。然后调整title的insets和button的image，将标题向左移动，箭头图像向右移动。

    [btn setBackgroundImage:[UIImage imageNamed:@"orange_bg"] forState:UIControlStateNormal];
[btn setImage:[UIImage imageNamed:@"arrow"] forState:UIControlStateNormal];

[btn setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, -60, 0)];
[btn setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 125, 0)];

您必须根据您的图像和按钮大小调整插图。