我如何把图像放在右侧的文本在一个UIButton?

如果可以避免，我不想使用子视图。我想要一个带有背景图像，文本和图像的UIButton。现在，当我这样做的时候，图像在文本的左边。背景图像、文本和图像都有不同的高亮状态。

当前回答

iOS 15带来了一个更新，现在你可以用一种更简单而不混乱的方式来处理按钮中的图像放置。没有insets。

在XIB /故事板: 简单地设置按钮的“位置”属性为领先/训练/顶部/底部后，添加一个图像属性按钮。由于它是领导/培训，所以它支持RTL有一个额外的优势

**在代码中(编程方式):** 以编程方式使用“按钮配置”属性

这不是一个向后兼容的功能，只能在iOS15+中工作，正如WWDC '21 - https://developer.apple.com/videos/play/wwdc2021/10064/?time=236所演示的那样

开发人员文档:https://developer.apple.com/documentation/uikit/uibutton/configuration?changes=_4

2021-10-14 11:47:59

其他回答

在Piotr Tomasik的优雅解决方案的基础上:如果你想在按钮标签和图像之间有一点间距，那么包括在你的边缘嵌入如下(复制我的代码在这里完美地为我工作):

    CGFloat spacing          = 3;
    CGFloat insetAmount      = 0.5 * spacing;

    // First set overall size of the button:
    button.contentEdgeInsets = UIEdgeInsetsMake(0, insetAmount, 0, insetAmount);
    [button sizeToFit];

    // Then adjust title and image insets so image is flipped to the right and there is spacing between title and image:
    button.titleEdgeInsets   = UIEdgeInsetsMake(0, -button.imageView.frame.size.width - insetAmount, 0,  button.imageView.frame.size.width  + insetAmount);
    button.imageEdgeInsets   = UIEdgeInsetsMake(0, button.titleLabel.frame.size.width + insetAmount, 0, -button.titleLabel.frame.size.width - insetAmount);

感谢Piotr的解决方案!

Erik

2015-12-08 00:40:42

当标题发生变化时，只需更新插图即可。你需要在另一侧用等量的、相反的插页来补偿插页。

[thebutton setTitle:title forState:UIControlStateNormal];
thebutton.titleEdgeInsets = UIEdgeInsetsMake(0, -thebutton.imageView.frame.size.width, 0, thebutton.imageView.frame.size.width);
thebutton.imageEdgeInsets = UIEdgeInsetsMake(0, thebutton.titleLabel.frame.size.width, 0, -thebutton.titleLabel.frame.size.width);

2013-11-15 04:06:14

尽管一些建议的答案非常有创意和聪明，但最简单的解决方案如下:

button.semanticContentAttribute = UIApplication.shared
    .userInterfaceLayoutDirection == .rightToLeft ? .forceLeftToRight : .forceRightToLeft

就这么简单。作为奖励，在从右到左的区域中，图像将位于左侧。

编辑:这个问题已经被问过几次了，这是iOS 9 +。

2017-05-04 14:21:11

更新XCODE 9(通过接口生成器)

在Interface Builder中有一个更简单的方法。

选择UIButton并在View Utilities > Semantic中选择这个选项:

就是这样!很好很简单!

可选-第二步:

如果你想调整图像和标题之间的间距，你可以在这里更改图像插入:

2016-08-18 08:27:13