iOS 可自选切割角的圆角切割工具 (避免离屏渲染) - SKArchCutter

2,341 阅读2分钟
原文链接: www.jianshu.com

原文出处 --->MyBlog

简述

SKArchCutter,是一个可自选切割角的圆角切割工具,同时支持UIViewUIImageViewUIButtonUILabel的单角切圆/选角拱形切圆/全角切圆,并且避免了UIImageView使用系统圆角所导致的离屏渲染的问题,以及确保layer对象的masksToBounds属性始终为NO,从而使得项目中大量使用圆角时的性能得到很大程度的优化, 最重要的是使用简单、方便。如果觉得还不错,star支持下吧~

为什么要避免离屏渲染?

虽然说iOS 9.0之后苹果公司对离屏渲染做了处理,但是实际上我们仍需要考虑iOS 9.0之前的用户,所以对离屏渲染是处理还是必要的。

这里就先不对离屏渲染做过多讲解了,关于离屏渲染的介绍,可以参考这篇文章

我们先来说说离屏渲染的影响:

在界面的滚动过程中如果有大量的离屏渲染发生时会严重影响帧率。

那么离屏渲染会因为什么原因被触发呢:

官方公开的的资料提到了尽量避免会触发离屏渲染的效果:mask, shadow, group opacity, edge antialiasing。

使用系统提供的圆角效果也会触发离屏渲染, 如:
imageView.layer.cornerRadius = 5
imageView.layer.masksToBounds = YES

当然,能够触发离屏渲染的因素远不止上述这些,这里仅仅是举例。

SKArchCutter的作用是什么?

  • 方便、快捷的帮助你从任意边角进行圆角的切割(如:半圆矩形、只有一个角是圆角的矩形、整体圆角切割等)

  • 同时支持UIViewUIImageViewUIButtonUILabel

  • 避免了系统圆角导致的离屏渲染问题,确保layer对象的masksToBounds属性始终为NO,提升了大量使用圆角时的性能流畅性,减小了CPU和GPU的消耗

  • 避免了因工作线程的延迟,而导致图片闪烁的现象,这里学习了HJCornerRadius的思路

    效果图


测试性能

ps:录制的帧数已经跟不上屏幕滑动的速度了,足以说明滑动的流畅性有多高了


如何开始

1.从GitHub上Clone-->SKArchCutter,然后查看Demo

2.直接将目录下的SKArchCutter拷贝到工程中,或在podfile文件夹中添加 pod 'SKArchCutter'

3.觉得不错的话,点个star吧~

使用方法

头文件导入

#import "SKArchCutter.h"

初始化

SKArchCutter * archCutter = [[SKArchCutter alloc] init];

进行圆角切割

[archCutter cuttingWithObject:self.myImageView direction:UIRectCornerBottomRight | UIRectCornerTopRight cornerRadii:10];

喜欢的话点个star哦~