在Swift中为图像添加标签

时间:2019-05-13 18:58:59

标签: ios swift notifications badge

是我不熟悉的快速应用程序,它可以在应用程序中显示未读消息的数量,例如下面的图像

enter image description here

随着新邮件的添加/阅读,计数器将增加/减少

为了显示该图片,我有带有邮件图标的图片,并希望将绿色标签添加为徽章,以显示未读邮件的数量

我当时想在图像上添加圆形标签,但无法弄清楚如何添加标签或查找任何参考。请协助

1 个答案:

答案 0 :(得分:0)

  

我当时想在图像上添加圆形标签,但无法弄清楚   如何添加或查找任何参考。请协助。

欢迎使用Stackoverflow。关于如何舍入视图有很多资源,例如:https://www.appcoda.com/ios-programming-circular-image-calayer/

您是正确的,执行所需操作的一种方法是添加圆形标签。而已。现在如何添加圆形标签?通过将其cornerRadius的一半height的一半移到视图的角。

参考消息图标,将标签定位到所需位置(有约束)。 例如:

enter image description here

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

    }
}

结果:

enter image description here