Rounded corners of UILabel swift

Question

I am creating a UILabel programatically. But the below piece of code doesn't give me rounded corners. I think I am missing out something very basic.

var textLabel:UILabel? =  UILabel()
textLabel?.text = text
textLabel?.frame = CGRect(x:point.x, y:point.y, width:(textLabel?.intrinsicContentSize.width)!, height:15)
textLabel?.backgroundColor = UIColor.white
textLabel?.font = UIFont(name:"OpenSans", size:8)
textLabel?.sizeToFit()
textLabel?.layer.cornerRadius = 20.0

Can anyone please point me in the right direction?

Possible duplicate of [How do I make an UIImage/-View with rounded corners CGRect (Swift)](https://stackoverflow.com/questions/25476139/how-do-i-make-an-uiimage-view-with-rounded-corners-cgrect-swift) — mag_zbc, Sep 07 '17 at 07:49

score 84 · Accepted Answer · answered Sep 07 '17 at 07:49

84

I think you should set maskToBounds for textLabel. try this:

textLabel?.layer.masksToBounds = true

answered Sep 07 '17 at 07:49

Son Pham

1,516
1
14
22

score 12 · Answer 2 · answered Sep 07 '17 at 07:42

12

try this :-

textLabel?.layer.cornerRadius = textLabel?.frame.size.height/2.0

textLabel?.layer.masksToBounds = true

if you want to set border color then :-

  textLabel?.layer.borderColor = .red.cgColor
  textLabel?.layer.borderWidth = 1.0

answered Sep 07 '17 at 07:42

Pushpendra

976
6
13

the questioner already mentioned the size `layer.cornerRadius = 20.0` – Anbu.Karthik Sep 07 '17 at 07:44
it is for when you want to accurate corners then use this. if size if greater then height then it will not resize in perfect shape. or you can use constant value as you needed. – Pushpendra Sep 07 '17 at 07:47

Srinivasan_iOS · Answer 3 · 2022-09-20T16:05:38.887

12

swift 4.2

set label corner radius. Its working fine......

labelVerified.layer.cornerRadius = 6
labelVerified.layer.masksToBounds = true

edited Sep 20 '22 at 16:05

answered May 11 '19 at 09:39

Srinivasan_iOS

972
10
12

score 8 · Answer 4 · edited Sep 07 '17 at 07:37

8

set masksToBounds for your label

masksToBounds act as a Boolean indicating whether sublayers are clipped to the layer’s bounds.

textLabel?.layer.cornerRadius = 20.0
textLabel?.layer.masksToBounds = true

refer apple documents.

edited Sep 07 '17 at 07:37

Ahmad F

30,560
17
97
143

answered Sep 07 '17 at 07:30

Anbu.Karthik

82,064
23
174
143

score 3 · Answer 5 · answered Sep 07 '17 at 07:33

try this :

yourLabel.layer.cornerRadius = 8.0
yourLabel.layer.masksToBounds = true
yourLabel.layer.borderColor = UIColor.white.cgColor
yourLabel.layer.borderWidth = 1.0

this should give you the rounded borders

The key is the property "maskToBounds" that is a Boolean indicating whether sublayers are clipped to the layer’s bounds.

Rounded corners of UILabel swift

5 Answers5