swift - 带有包含图像和文本的占位符的 UITextField

Question

有什么方法可以让我在 UITextField 中的占位符上粘贴一个放大镜图标，如下所示:

我试图覆盖 leftViewRectForBounds(bounds: CGRect):

override func leftViewRectForBounds(bounds: CGRect) -> CGRect {
    var superRect = super.leftViewRectForBounds(bounds)
    superRect.origin.x += 80
    return superRect
  }

但是没用

Answer 1

您可以使用 NSAttributedString 和 NSTextAttachment 将图像添加到文本。

我有一段时间没有使用它们了，但我相信你可以做这样的事情......

let magnifyingGlassAttachment = NSTextAttachment(data: nil, ofType: nil)
magnifyingGlassAttachment.image = UIImage(named: "MagnifyingGlass")

let magnifyingGlassString = NSAttributedString(attachment: magnifyingGlassAttachment)

现在您可以使用 magnifyingGlassString 属性字符串并将其作为属性文本的一部分添加到 UITextField。

我相信您还可以准确指定放大镜在字符串旁边的渲染方式(它如何环绕等...)

像这样的……

var attributedText = NSMutableAttributedString(attributedString: magnifyingGlassString)

let searchString = NSAttributedString(string: "Search for stuff")

attributedText.appendAttributedString(searchString)

textField.attributedPlaceholder = attributedText