How to mask text of a UILabel or a UITextView?

Question

I would like to mask text of a UILabel to achieve the following result

Answer 1

In Swift, You can do it like this:

var attributedString = NSMutableAttributedString(string: "Your String")

let textAttachment = NSTextAttachment()
textAttachment.image = UIImage(named: "Your Image Name")

let attrStringWithImage = NSAttributedString(attachment: textAttachment)
attributedString.insert(attrStringWithImage, at: 0)

label.attributedText = attributedString

Answer 2

This will work for you .

extension UILabel
{
    func addImage(imageName: String)
    {
        let attachment:NSTextAttachment = NSTextAttachment()
        attachment.image = UIImage(named: imageName)

        let attachmentString:NSAttributedString = NSAttributedString(attachment: attachment)
        let myString:NSMutableAttributedString = NSMutableAttributedString(string: self.text!)
        myString.appendAttributedString(attachmentString)

        self.attributedText = myString
    }
}

Another version of the code that allow adding the icon before or after the label.

extension UILabel
{
    func addImage(imageName: String, afterLabel bolAfterLabel: Bool = false)
    {
        let attachment: NSTextAttachment = NSTextAttachment()
        attachment.image = UIImage(named: imageName)
        let attachmentString: NSAttributedString = NSAttributedString(attachment: attachment)

        if (bolAfterLabel)
        {
            let strLabelText: NSMutableAttributedString = NSMutableAttributedString(string: self.text!)
            strLabelText.appendAttributedString(attachmentString)

            self.attributedText = strLabelText
        }
        else
        {
            let strLabelText: NSAttributedString = NSAttributedString(string: self.text!)
            let mutableAttachmentString: NSMutableAttributedString = NSMutableAttributedString(attributedString: attachmentString)
            mutableAttachmentString.appendAttributedString(strLabelText)

            self.attributedText = mutableAttachmentString
        }
    }

   //you can remove the image by calling this function
    func removeImage()
    {
        let text = self.text
        self.attributedText = nil
        self.text = text
    }
}

Answer 3

For this use a UITextView instead of UILabel.

let imgRectBezier = UIBezierPath(rect: imgView.frame)
txtView.textContainer.exclusionPaths = [imgRectBezier]

Using this, the text will be excluded from the frame area added in the exclusion paths. You can even exclude multiple frames.