blocks|key|1873965|text|假设您已经向标签添加了backgroundColor，否则将无法判断它是否有边，您可以使用QuartzCore来使标签的边缘变圆。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1873966|import+QuartzCore

yourLabel.layer.backgroundColor++=+UIColor.redColor().CGColor
yourLabel.layer.cornerRadius+=+5
yourLabel.layer.masksToBounds+=+true|code-block|syntax|javascript|1873967|entityMap^0|B|F|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Assuming you have added a <code>backgroundColor</code> to your label otherwise there would be no way to tell if it had edges, you can use QuartzCore to round the edges of a label.

<pre><code>import QuartzCore

yourLabel.layer.backgroundColor = UIColor.redColor().CGColor
yourLabel.layer.cornerRadius = 5
yourLabel.layer.masksToBounds = true
</code></pre>

blocks|key|1874045|text|诀窍是将maskToBounds设置为true。然后，您对cornerRadius所做的修改将可见。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1874046|label.layer.masksToBounds+=+true
label.layer.cornerRadius+=+5|code-block|syntax|javascript|1874047|entityMap^0|4|C|T|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

The trick is to set <code>maskToBounds</code> to true. Then your modifications to <code>cornerRadius</code> will be visible.

<pre><code>label.layer.masksToBounds = true
label.layer.cornerRadius = 5
</code></pre>

blocks|key|1874020|text|使用标签层转角半径来执行此操作，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1874021|mylabel.layer.cornerRadius+=+yourvalue|code-block|syntax|javascript|1874022|如果不想显示阴影，则添加，|1874023|mylabel.layer.masksToBounds+=+true+|1874024|它对我来说很好。|1874025|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Use label layer corner radius to do that,

<pre><code>mylabel.layer.cornerRadius = yourvalue
</code></pre>

if you don't want to show shadow then add,

<pre><code>mylabel.layer.masksToBounds = true 
</code></pre>

it worked for me fine.

blocks|key|1660043|text|你可以像这样给cornerRadius和border。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1660044|对于Swift+5、4和3|1660045|MyLable.layer.masksToBounds+=+true
MyLable.layer.cornerRadius+=+6
MyLable.layer.borderWidth+=+2
MyLable.layer.borderColor+=+UIColor.black.cgColor|code-block|syntax|javascript|1660046|对于Objective-C|1660047|[MyLable.layer+setMasksToBounds:TRUE];
[MyLable.layer+setCornerRadius:6];
[MyLable.layer+setBorderWidth:2];
[MyLable.layer+setBorderColor:[UIColor+blackColor].CGColor];|1660048|entityMap^0|7|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

You can give <code>cornerRadius</code> and border like this.
For Swift 5, 4 and 3
<pre><code>MyLable.layer.masksToBounds = true
MyLable.layer.cornerRadius = 6
MyLable.layer.borderWidth = 2
MyLable.layer.borderColor = UIColor.black.cgColor
</code></pre>
For Objective-C
<pre><code>[MyLable.layer setMasksToBounds:TRUE];
[MyLable.layer setCornerRadius:6];
[MyLable.layer setBorderWidth:2];
[MyLable.layer setBorderColor:[UIColor blackColor].CGColor];
</code></pre>

blocks|key|1659972|text|修改layer.cornerRadius是绕过任何CALayer的一种方法。默认情况下，这将只影响背景颜色和任何已应用的图层边框。您还可以启用clipsToBounds来裁剪像素内容。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1659973|当视图(如UILabel+)绘制自身时，它会将自身绘制为图层的像素内容。您可以抓取view.layer来访问该层。|1659974|所以你可以设置图层的角半径来影响视图的背景颜色。您还可以启用clipsToBounds来裁剪视图中的任何内容。如果视图本身没有画得太靠近边缘，那应该会达到你想要的效果。它对于标签应该是正确的。|1659975|entityMap^0|2|I|P|7|1Z|D|0|5|7|15|A|0|U|D|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|K|$]]

A way to round the corners of any <code>CALayer</code> is to modify <code>layer.cornerRadius</code>. By default that will affect only the background colour and any layer border you've applied. You can also enable <code>clipsToBounds</code> to clip the pixel contents.

When a view, such as a <code>UILabel</code> draws itself, it draws itself to the pixel contents of a layer. You can grab <code>view.layer</code> to access the layer.

So you can set that layer's corner radius to affect the background colour of the view. You can also enable <code>clipsToBounds</code> to crop any content within the view. Provided the view itself isn't drawing too close to the edge, that should achieve what you want. It should be correct for labels.

blocks|key|1660124|text|选择您的UILabel|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1660125|在您的检查器中，添加layer.masksToBounds和layer.cornerRadius|1660126|​|1660127|📷|atomic|1660128|1660129|在类中处理的代码更少|1660130|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/01a2b0be1be9c3e7decb2910a551b835.png|imageAlt^0|4|7|0|A|J|U|I|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|16|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|M|3|I|5|6|7|1B|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1C|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W|X|-4]]]]

Select your <code>UILabel</code>

In your inspector, add <code>layer.masksToBounds</code> and <code>layer.cornerRadius</code>

<a href="https://i.stack.imgur.com/ibg1A.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ibg1A.png" alt="Easy way to achieve rounded corners for label"></a>

Less code to handle in your classes

blocks|key|1660140|text|Swift：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1660141|//round+shape+corner+radius+set
self.lblName.layer.masksToBounds+=+true
self.lblName.layer.cornerRadius+=+self.lblName.bounds.width+/+2

//custom+shape+corner+radius+set
self.lblName.layer.masksToBounds+=+true
self.lblName.layer.cornerRadius+=+12|code-block|syntax|javascript|1660142|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Swift:

<pre><code>//round shape corner radius set
self.lblName.layer.masksToBounds = true
self.lblName.layer.cornerRadius = self.lblName.bounds.width / 2

//custom shape corner radius set
self.lblName.layer.masksToBounds = true
self.lblName.layer.cornerRadius = 12
</code></pre>

blocks|key|1874117|text|您可以使用IBInspectable为UIView创建扩展|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1874118|extension+UIView+{

@IBInspectable+var+cornerRadius:+CGFloat+{
++++get+{
++++++++return+layer.cornerRadius
++++}
++++set+{
++++++++layer.cornerRadius+=+newValue
++++++++layer.masksToBounds+=+newValue+>+0
++++}
}

@IBInspectable+var+borderWidth:+CGFloat+{
++++get+{
++++++++return+layer.borderWidth
++++}
++++set+{
++++++++layer.borderWidth+=+newValue
++++}
}

@IBInspectable+var+borderColor:+UIColor?+{
++++get+{
++++++++return+UIColor(cgColor:+layer.borderColor!)
++++}
++++set+{
++++++++layer.borderColor+=+newValue?.cgColor
++++}
+}
}|code-block|syntax|javascript|1874119|​|1874120|📷|atomic|offset|length|1874121|1874122|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/456d2e48bee7f70b850021668bf5bfb5.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|10|8|@]|9|@$L|11|M|12|1|13]]|A|$]]|$1|N|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V|W|-4]]]]

You create an extension for UIView with IBInspectable

<pre><code>extension UIView {

@IBInspectable var cornerRadius: CGFloat {
 get {
 return layer.cornerRadius
 }
 set {
 layer.cornerRadius = newValue
 layer.masksToBounds = newValue &gt; 0
 }
}

@IBInspectable var borderWidth: CGFloat {
 get {
 return layer.borderWidth
 }
 set {
 layer.borderWidth = newValue
 }
}

@IBInspectable var borderColor: UIColor? {
 get {
 return UIColor(cgColor: layer.borderColor!)
 }
 set {
 layer.borderColor = newValue?.cgColor
 }
 }
}
</code></pre>

<a href="https://i.stack.imgur.com/RXQL0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RXQL0.png" alt="enter image description here"></a>

I have looked in the attributes of labels in Xcode 6.3 but I have not found out how to round the edges in the same way that you can round the edges of a text field.

How to round edges of UILabel with Swift

Objective-C

Swift

我已经在Xcode6.3中查看了标签的属性，但我还没有发现如何像对文本字段的边缘进行舍入那样对边缘进行舍入。

问如何使用Swift对UILabel的边缘进行圆角处理
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Swift对UILabel的边缘进行圆角处理EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Swift对UILabel的边缘进行圆角处理
EN