tableView 滚动 cell 中设置圆角头像性能优化的问题

时间:2022-12-07 06:00:29

谈到设置圆角头像的问题,我想大多数人第一反应想到的是设置图像的 layer

         let imageV: UIImageView = UIImageView()

         imageV.layer.cornerRadius = 26

         imageV.layer.masksToBounds = true

 这是一种方式,但在开发中,这样设置圆角头像需要做切割,这时候就需要 CPU 进行计算,还有像设置阴影,设置透明,修改 alpha 值,这些都是不允许的,或者说这是很消耗性能的,特别是在 tableView 中,当我们去滚动 tableView 的时候,CPU 就需要做大量的计算,这是相当消耗性能的,所以想到下面的方式来做:

  一般底层的东西效率都是最高的,所以我们想到使用绘制的办法,来设置圆角头像

  func createCircleImage(color: UIColor = UIColor.white, size: CGSize = CGSize(width: 1, height: 1), callBack:@escaping (UIImage?)->()) {

            DispatchQueue.global().async {

            let rect = CGRect(origin: CGPoint.zero, size: size)

            //1. 开始图形上下文

            UIGraphicsBeginImageContext(size)

            //2. 设置颜色

            color.setFill()

            //3. 颜色填充

            UIRectFill(rect)

            //圆形裁切

            let path = UIBezierPath(ovalIn: rect)

            path.addClip()

            self.draw(in: rect)

            //4. 从图形上下文获取图片

            let image = UIGraphicsGetImageFromCurrentImageContext()

            //5. 关闭图形上下文

            UIGraphicsEndImageContext()

            //在主线程更新UI

            DispatchQueue.main.async {

                callBack(image)

            }

        }

    }

  //设置圆角图像

  image?.createCircleImage(size: CGSize(width: 35, height: 35), callBack: { (circleImage) in

                    self.userIcon.image = circleImage

                })

  这时在 滚动tableView 时,对于程序的性能就会优化很多