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

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

当前回答

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

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

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

就是这样!很好很简单!

可选-第二步:

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

其他回答

子类化和覆盖layoutSubviews可能是你最好的方法。

引用自:iPhone UIButton -图像位置

约束条件呢?与semanticContentAttribute不同，它们不会改变语义。也许是这样的:

 button.rightAnchorconstraint(equalTo: button.rightAnchor).isActive = true

或者在Objective-C中:

[button.imageView.rightAnchor constraintEqualToAnchor:button.rightAnchor].isActive = YES;

警告:未经测试，iOS 9+

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

感谢Vitaliy Gozhenko

我只是想添加，你可以添加IB_DESIGNABLE之前，你的按钮@interface和设置你的按钮类在storyborad。然后你就可以在界面构建阶段实时观看它的布局，而无需启动应用程序

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

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

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

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

推荐文章