[移动开发] [Swift]圆角处理

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> [Swift]圆角处理 -> 正文阅读

[移动开发][Swift]圆角处理

一般我们这样设置圆角

tempView.layer.cornerRadius = 10
tempView.layer.masksToBounds = true

当我们对UITableView做性能优化时，上面的方式容易触发离屏渲染给我们带来额外的性能损耗，所以这里还可以使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角。

import Foundation
import UIKit
 
extension UIView {
    
    /// 圆角优化 离屏渲染优化方案
    func cornerRadius(radius: CGFloat, corners: UIRectCorner) {
        let bezierPath = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
        let radiusLayer = CAShapeLayer()
        radiusLayer.frame = self.bounds
        radiusLayer.path = bezierPath.cgPath
        self.layer.mask = radiusLayer
    }
    
    func cornerRadius(radius: CGFloat, corners: UIRectCorner, color: UIColor, lineWidth: CGFloat) {
        let bezierPath = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
        let radiusLayer = CAShapeLayer()
        radiusLayer.frame = self.bounds
        radiusLayer.path = bezierPath.cgPath
        self.layer.mask = radiusLayer
        // 添加border
        let borderLayer = CAShapeLayer()
        borderLayer.frame = self.bounds
        borderLayer.path = bezierPath.cgPath
        borderLayer.lineWidth = lineWidth
        borderLayer.strokeColor = color.cgColor
        borderLayer.fillColor = UIColor.clear.cgColor
        if let layers: NSArray = self.layer.sublayers as? NSArray {
            if let last = layers.lastObject as? AnyObject {
                if last.isKind(of: CAShapeLayer.self) {
                    last.removeFromSuperlayer()
                }
            }
        }
        self.layer.addSublayer(borderLayer)
    }
    
    func cornerRadius(radius: CGFloat, corners: UIRectCorner, bounds: CGRect) {
        let bezierPath = UIBezierPath(roundedRect: bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
        let radiusLayer = CAShapeLayer()
        radiusLayer.frame = bounds
        radiusLayer.path = bezierPath.cgPath
        self.layer.mask = radiusLayer
    }
  
}

具体使用

import Foundation

class LiveShopListCell: UITableViewCell {
    
    var model: LiveDealsModel? {
        didSet {
            guard let vo = model else {
                return
            }
            // 倒角。对确定宽高的View可以直接设置圆角，这里开个线程是因为cell中有一些View会自适应宽高
            DispatchQueue.global().async {
                DispatchQueue.main.async { [weak self] in
                    self?.bgView.cornerRadius(radius: 10, corners: .allCorners)
                    self?.shopIV.cornerRadius(radius: 6, corners: .allCorners)
                    self?.aBulkDiscountBut.cornerRadius(radius: 3, corners: .allCorners, color: R.color.themeColor()!, lineWidth: 0.5)
                }
            }
        }
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        self.selectionStyle = .none
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        // Configure the view for the selected state
    }
    
}