绘制没有底部边框的圆角矩形边框

Posted

技术标签:

【中文标题】绘制没有底部边框的圆角矩形边框【英文标题】:Draw rounded rect border with no bottom border 【发布时间】:2019-07-23 09:27:20 【问题描述】:

我可以用那个代码在左上角和右上角画一个圆角

extension UIView 
    func roundCorners(corners: UIRectCorner, radius: CGFloat) 
      let path = UIBezierPath(roundedRect: bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
      let mask = CAShapeLayer()
      mask.path = path.cgPath
      layer.mask = mask
    

但我想要的是左上角和右上角的圆角矩形,没有底部边框,有人可以帮我吗?

【问题讨论】:

【参考方案1】:

既然可以直接对视图执行此操作,为什么还要绘制 bezierPath 并应用蒙版?

yourView.layer.masksToBounds = true
yourView.layer.cornerRadius = 20 //your radius
yourView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]

这将环绕视图的左上角和右上角

【讨论】:

如果有帮助,请考虑接受答案(旁边的勾号 :-))祝编码愉快!

以上是关于绘制没有底部边框的圆角矩形边框的主要内容,如果未能解决你的问题,请参考以下文章

如何绘制圆角窗口的边框?

iOS:带边框的圆角矩形颜色

安卓用shape画圆角矩形边框

canvas怎么画一个渐变的圆角边框,填充的也行

html5中canvas通过js绘制圆角矩形

html5中canvas通过js绘制圆角矩形