如何仅圆化 UILabel 的顶部两个角？

Question

我知道在 iOS 3.0+ 中我可以用来

 label.layer.cornerRadius = xxx;

圆化 UILabel（作为 UIView 子类）的所有四个角，但我只想圆化标签的顶部两个角并保持底部角为直角。

有什么办法可以用 UILabel 做到这一点吗？其他解决方案采用自定义 UIView，而不是 UILabel。

Answer 1

我想我会发布包含 BezierPath 的完整代码。

CGRect bounds = label.bounds;
UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:bounds
                                                                   byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerTopRight)
                                                                         cornerRadii:CGSizeMake(5.0, 5.0)];

CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.frame = bounds;
maskLayer.path = maskPath.CGPath;

label.layer.mask = maskLayer;

对于 Swift 4.0：

let bounds: CGRect = label.bounds
let maskPath = UIBezierPath(roundedRect: bounds, byRoundingCorners: ([.topLeft, .topRight]), cornerRadii: CGSize(width: 5.0, height: 5.0))
let maskLayer = CAShapeLayer()
maskLayer.frame = bounds
maskLayer.path = maskPath.cgPath
label.layer.mask = maskLayer

Answer 2

您可以使用 CALayers 和蒙版来执行此操作

CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.path = maskPath.CGPath;
label.layer.mask = maskLayer;

，其中 maskPath 是使用 bezierPathWithRoundedRect:byRoundingCorners:cornerRadii 设置的 UIBezierPath

Answer 3

我已经检查了 UIView & 的类参考； UILabel 及其层，但无法通过 iOS 提供的方法找到任何方法来做到这一点。

您可以做一件事，创建一个 UIView &对其应用圆角。现在添加一个 UILabel 作为此 UIView 的子视图将其放置在底部 2 个圆角被标签覆盖的位置。这样你就可以得到你需要的效果了...