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

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

当前回答

如果这需要在UIBarButtonItem中完成，则应该使用额外的视图包装这是可行的

let view = UIView()
let button = UIButton()
button.setTitle("Skip", for: .normal)
button.setImage(#imageLiteral(resourceName:"forward_button"), for: .normal)
button.semanticContentAttribute = .forceRightToLeft
button.sizeToFit()
view.addSubview(button)
view.frame = button.bounds
navigationItem.rightBarButtonItem = UIBarButtonItem(customView: view)

这行不通

let button = UIButton()
button.setTitle("Skip", for: .normal)
button.setImage(#imageLiteral(resourceName:"forward_button"), for: .normal)
button.semanticContentAttribute = .forceRightToLeft
button.sizeToFit()
navigationItem.rightBarButtonItem = UIBarButtonItem(customView: button)

2017-04-12 08:51:54

其他回答

Swift 4 & 5

改变UIButton图像的方向(RTL和LTR)

extension UIButton {
    func changeDirection(){
       isArabic ? (self.contentHorizontalAlignment = .right) : (self.contentHorizontalAlignment = .left)
        // left-right margin 
        self.imageEdgeInsets = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)
        self.titleEdgeInsets = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)
    }
}

2020-03-31 11:55:24

我决定不使用标准的按钮图像视图，因为所提出的移动它的解决方案感觉很俗气。这让我获得了想要的美感，并且通过改变约束来重新定位按钮是很直观的:

extension UIButton {
    func addRightIcon(image: UIImage) {
        let imageView = UIImageView(image: image)
        imageView.translatesAutoresizingMaskIntoConstraints = false

        addSubview(imageView)

        let length = CGFloat(15)
        titleEdgeInsets.right += length

        NSLayoutConstraint.activate([
            imageView.leadingAnchor.constraint(equalTo: self.titleLabel!.trailingAnchor, constant: 10),
            imageView.centerYAnchor.constraint(equalTo: self.titleLabel!.centerYAnchor, constant: 0),
            imageView.widthAnchor.constraint(equalToConstant: length),
            imageView.heightAnchor.constraint(equalToConstant: length)
        ])
    }
}

2020-04-28 14:05:53

从2016年1月开始，所有这些答案都是不必要的。在接口构建器中，将视图语义设置为强制从右向左，或者如果你更喜欢编程的方式，semanticContentAttribute = . forcerighttolefleft这将导致图像出现在文本的右侧。

2016-01-25 21:53:35

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

要在UIButton内右对齐图像，请尝试下面的代码