如何在 UIButton 标题文本中间添加图像？

Question

I want to reach the following design: https://i.stack.imgur.com/D5kN3.png

How's it possible to set an image/icon in the middle of the button text?

Answer 1

You can use an attributed string for that:

// create a NSMutableAttributedString with the text before the image
let beginning = NSMutableAttributedString(string: "Beginning")

// create a NSTextAttachment with the image
let imageAttachment = NSTextAttachment()
imageAttachment.image = UIImage(named: "image.png")

// create an NSMutableAttributedString with the image
let imageString = NSAttributedString(attachment: imageAttachment)

// add the image to the string
beginning.append(imageString)

// create an NSMutableAttributedString with the text after the image
let end = NSAttributedString(string: "End")
beginning.append()

// set the attributed text of the label
label.attributedText = beginning

Answer 2

You can use background image and set your labels right and left. Or you can create a new xib view, and extend UIButton as you wish and use it

Answer 3

I see 2 possible options here:

1. Use an attributed string with image attachment
2. Use UIView with 2 labels and image inside with adding a tap gesture recognizer on it.