Элемент пуговицы без углового радиуса

Question

Я пытаюсь присвоить этой кнопке метки элемента панели зеленый фон, а затем некоторый угловой радиус.

    utcLbl.frame = CGRect(x: 0, y: 0, width: 100, height: 20)
    utcLbl.text = "\(dateFormatter.string(from: Date())) UTC"
    utcItem.customView = utcLbl
    utcLbl.backgroundColor = UIColor.green
    utcLbl.layer.cornerRadius = 20
    utcLbl.textAlignment = .center
    self.navigationItem.setLeftBarButtonItems([utcItem], animated: true)

вот код и картинка

любая помощь при получении зеленого фона, чтобы иметь угловой радиус.

Answer 1

Вам нужно обрезать границы или маскировать границы

utcLbl.frame = CGRect(x: 0, y: 0, width: 100, height: 20)
utcLbl.text = "\(dateFormatter.string(from: Date())) UTC"
utcItem.customView = utcLbl
utcLbl.backgroundColor = UIColor.green
utcLbl.layer.cornerRadius = 20
utcLbl.textAlignment = .center
utcLbl.layer.masksToBounds = true // Or utcLbl.clipsToBounds = true
self.navigationItem.setLeftBarButtonItems([utcItem], animated: true)