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

3 篇文章 0 订阅
2 篇文章 0 订阅

谈到设置圆角头像的问题,我想大多数人第一反应想到的是设置图像的 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 时,对于程序的性能就会优化很多

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值