ios - 在 Swift 中向图像添加标签

Question

我是 swift 的新手，正在开发一个应用程序，该应用程序会显示未读消息的数量，如下图所示在应用程序中

计数器将随着新消息的添加/读取而增加/减少

为了显示这一点，我有带有邮件图标的图像，并希望添加该绿色标签作为角标(Badge)，显示未读消息的数量

我正在考虑向图像添加圆形标签，但不知道如何添加或找到任何引用。请帮忙

Answer 1

I was thinking to add circular label to image but couldnt figure out how to add that or find any references. Please assist.

欢迎来到 Stackoverflow。有很多关于如何舍入 View 的资源，例如:https://www.appcoda.com/ios-programming-circular-image-calayer/

你是对的，做你想做的事情的一种方法是添加一个圆形标签。就是这样。现在如何添加圆形标签？您可以通过将 View 的 cornerRadius 指定为其 height 的一半来将 View 转为圆角。

引用您的消息图标将标签放置在您想要的位置(有约束)。例如:

class ViewController: UIViewController {

    @IBOutlet weak var label: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Corner radius to 25 height / 2
        self.label.layer.cornerRadius = 12.5
        self.label.clipsToBounds = true

        // Border
        self.label.layer.borderWidth = 2
        self.label.layer.borderColor = UIColor.black.cgColor

    }
}

结果: