[发明专利]一种可复用的控件圆角化设置方法

说明书

本发明公开了一种可复用的控件圆角化设置方法，包括以下步骤：S1：创建一个UIImage的工具类，通过UIImage绘制中心镂空图案为圆角矩形的矩形图片，并将其缓存在系统文件夹中；绘制方法包括：S11：获取一个绘制的上下文，设置绘制参数，包括线宽和向内缩减宽度；S12：绘制外层矩形，设置矩形图片的尺寸；S13：绘制内层的第一圆角矩形，设置第一圆角矩形的尺寸、圆角化位置和圆角的半径尺寸；S14：结束绘制的上下文，得到一张中心镂空图案为圆角矩形的矩形图片；S2：调用上述矩形图片覆盖在需要进行圆角化处理的目标控件的上层；本发明通过调用预先绘制并缓存的矩形图片对目标控件进行圆角化处理，解决现有技术中圆角化数量较多时存在的界面卡顿和离屏渲染的问题。

技术领域

本发明属于应用程序界面优化技术领域，更具体地，涉及一种可复用的控件圆角化设置方法。

背景技术

自从IOS 7系统开始，扁平化设计风格就风靡全球，在扁平化设计中，控件圆角化是其中一种常见的美化界面UI的处理方式，因为圆角的润滑带来的视觉舒适感，使很多APP开发过程中都有设置圆角的需求，而IOS 11的出现更是体现了控件的圆角化的重要性。

传统的应用程序控件圆角化处理方法为在应用程序源代码中需要实现控件圆角化的地方增加圆角化的代码，需要进行圆角化处理的控件包括UIView、UIImageView、UIButton、UILable和UITextView等可视化控件；现有技术中，对于单一界面设置普通控件圆角时，通常使用layer层CornerRadius和masksToBound属性项来设置，这种方法在圆角数量比较少的情况下，对系统性能并没有什么明显的影响，但是在圆角数量很大，例如对列表界面中的单元格中的控件进行圆角设置时，就会出现明显的界面卡顿现象；另外通过masksToBound方法设置圆角，会出现离屏渲染的问题，不能给予用户更好的体验。

发明内容

针对现有技术的以上缺陷或改进需求，本发明提供了一种可复用的控件圆角化设置方法，该方法通过调用预先绘制并缓存的中心镂空图案为圆角矩形的矩形图片对目标控件进行圆角化处理，其目的在于解决现有技术中圆角化数量较多时存在的界面卡顿和离屏渲染的问题。

为实现上述目的，按照本发明的一个方面，提供了一种可复用的控件圆角化设置方法，包括以下步骤：

S1：创建一个UIImage的工具类，通过UIImage绘制中心镂空图案为圆角矩形的矩形图片，并将其缓存在系统文件夹中；

S2：调用上述矩形图片覆盖在需要进行圆角化处理的目标控件的上层。

优选的，上述可复用的控件圆角化设置方法，步骤S2之前还包括以下步骤：建立图片的遮盖拉升方法以实现对图片不失真的拉伸或压缩，使矩形图片的尺寸与目标控件的尺寸一致。

优选的，上述可复用的控件圆角化设置方法，步骤S1中绘制中心镂空图案为圆角矩形的矩形图片的方法包括以下步骤：

S11：获取一个绘制的上下文，设置绘制参数，包括线宽和向内缩减宽度；

S12：绘制外层矩形，设置矩形图片的尺寸；

S13：绘制内层的第一圆角矩形，设置第一圆角矩形的尺寸、圆角化位置和圆角的半径尺寸；

S14：设置外层矩形和第一圆角矩形之间的填充颜色，使其与目标控件的颜色一致；

S15：结束绘制的上下文，得到一张中心镂空图案为圆角矩形的矩形图片。

优选的，上述可复用的控件圆角化设置方法，所述外层矩形采用贝塞尔曲线法进行绘制，所述第一圆角矩形采用贝塞尔曲线法或核心绘制法进行绘制。

优选的，上述可复用的控件圆角化设置方法，步骤S14之后还包括以下步骤：在所述第一圆角矩形的内边缘绘制一个第二圆角矩形，设置绘制线宽、绘制颜色和向内缩减宽度。