Swift中如何为UIView添加带锐利效果的底部圆角边框？

你的问题核心出在边框的绘制位置上：当你用UIBezierPath紧贴view边缘（x:0, y:0）绘制1.5pt宽度的边框时，边框是沿着路径中心线渲染的——这意味着有0.75pt的边框会超出view的可视范围，被裁剪后就会让圆角处显得模糊、不够锐利。

下面给你两种实用的解决方案，都能实现你想要的锐利圆角边框效果：

方案1：调整绘制路径的内边距（基于drawRect的方式） #

修改你的draw(_ rect:)方法，让路径往view内部偏移边框宽度的一半，确保整个边框都在view的可视范围内：

class BorderView: UIView {
    override func draw(_ rect: CGRect) {
        let fillColor = UIColor.brown
        let borderColor = UIColor.red
        let borderWidth: CGFloat = 1.5
        let cornerRadius: CGFloat = 10
        
        // 计算内边距，让边框完全在view内部渲染
        let inset = borderWidth / 2
        let roundedRect = bounds.insetBy(dx: inset, dy: inset)
        
        // 绘制带底部圆角的路径
        let path = UIBezierPath(roundedRect: roundedRect, 
                               byRoundingCorners: [.bottomRight, .bottomLeft], 
                               cornerRadii: CGSize(width: cornerRadius, height: cornerRadius))
        
        // 填充背景色
        fillColor.setFill()
        path.fill()
        
        // 绘制边框
        borderColor.set()
        path.lineWidth = borderWidth
        path.stroke()
    }
}

方案2：利用CALayer属性（更简洁高效） #

其实不用重写draw(_ rect:)，直接通过view的layer属性来设置，系统会自动处理边框的锐利渲染，代码更简洁，性能也更好：

class BorderView: UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupLayerConfig()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupLayerConfig()
    }
    
    private func setupLayerConfig() {
        backgroundColor = .brown
        layer.borderColor = UIColor.red.cgColor
        layer.borderWidth = 1.5
        layer.cornerRadius = 10
        // 指定只裁剪底部两个圆角
        layer.maskedCorners = [.layerMinXMaxYCorner, .layerMaxXMaxYCorner]
        layer.masksToBounds = true
    }
}

这个方案的优势很明显：系统负责底层渲染，不仅圆角边缘会更锐利，而且在view需要频繁更新时，性能表现会比手动绘制更稳定。

调整后你就能得到和预期一致的锐利底部圆角边框啦~

内容的提问来源于stack exchange，提问作者Arjun Patel