[發(fā)明專利]一種在iOS中高效實現(xiàn)視圖圓角的方法

在審

• 申請?zhí)枺?/td>: 202111443443.4
• 申請日: 2021-11-30
• 公開（公告）號: CN114153441A
• 公開（公告）日: 2022-03-08
• 發(fā)明（設(shè)計）人: 胡恒
• 申請（專利權(quán)）人: 紫光云（南京）數(shù)字技術(shù)有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06T11/20
• 代理公司: 南京禾易知識產(chǎn)權(quán)代理有限公司 32320
• 代理人: 詹慶銣

本發(fā)明涉及一種在iOS中高效實現(xiàn)視圖圓角的方法，通過CoreGraphics繪圖框架獲取當前視圖的上下文context；通過UIBezierPath繪制至少一個夾角的圓角路徑；利用Core Graphics中的函數(shù)畫線條通過UIBezierPath得到的圓角路徑繪制出圓角圖形；通過截圖得到圓角視圖，在用戶查看時進行顯示。本方案通過CoreGraphics框架和貝塞爾曲線UIBezierPath繪制出圓角的方法，具有保證視圖設(shè)置控件圓角的高效性，杜絕GPU離屏渲染機制的頻繁調(diào)用，最大限度的避免離屏渲染造成的操作卡頓和可能產(chǎn)生的屏幕撕裂感，從而保證產(chǎn)品流暢性和用戶體驗。

技術(shù)領(lǐng)域

本發(fā)明涉及視圖處理技術(shù)領(lǐng)域，尤其涉及一種在iOS中高效實現(xiàn)視圖圓角的方法。

背景技術(shù)

隨著移動互聯(lián)網(wǎng)時代的到來，產(chǎn)品用戶體驗的重要性越發(fā)得到重視，硬件和軟件設(shè)計中，圓角得到了廣泛應(yīng)用。這是因為人眼處理圓角更容易，圓角具有較強的視覺引導(dǎo)性，能夠更加凸顯視圖或卡片中的內(nèi)容信息。同時，圓角的設(shè)計也更具安全性、親密性，讓產(chǎn)品、圖形看起來更加無侵略性，能夠帶來更好的用戶體驗。

給控件添加圓角的方式就是給視圖的layer設(shè)置cornerRadius屬性，比如設(shè)置為：

self.view.layer.cornerRadius＝10.0；

self.view.layer.masksToBounds＝Y(jié)ES。

當需要設(shè)置圓角的控件數(shù)量比較多時，系統(tǒng)會頻繁調(diào)用GPU離屏渲染機制，導(dǎo)致內(nèi)存損耗驗證，這種添加圓角的方式特別消耗性能，甚至會帶來視覺上明顯可見的卡頓，特別是添加多個圓角時，更加消耗性能。

發(fā)明內(nèi)容

本發(fā)明的目的在于提供一種在iOS中高效實現(xiàn)視圖圓角的方法，以解決上述背景技術(shù)中遇到的問題。

為實現(xiàn)上述目的，本發(fā)明的技術(shù)方案如下：

一種在iOS中高效實現(xiàn)視圖圓角的方法，包括以下步驟：

步驟A：通過Core Graphics繪圖框架獲取當前視圖的上下文context；

步驟B：在上下文context中，通過UIBezierPath繪制至少一個夾角的圓角路徑；

步驟C：利用Core Graphics中的函數(shù)畫線條通過UIBezierPath得到的圓角路徑繪制出圓角圖形；

步驟D：通過截圖得到圓角視圖，在用戶查看時進行顯示。

上述方案中，通過UIBezierPath繪制視圖左上、左下、右上、右下的圓角路徑。

上述方案中，使用UIGraphicsGetImageFromCurrentImageContext函數(shù)，將當前上下文的圖形內(nèi)容截圖轉(zhuǎn)換成UIImage圖像。

與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是：本方案通過Core Graphics框架和貝塞爾曲線UIBezierPath繪制出圓角的方法，具有保證視圖設(shè)置控件圓角的高效性，杜絕GPU離屏渲染機制的頻繁調(diào)用，降低對內(nèi)存的占用大小，最大限度的避免離屏渲染造成的操作卡頓和可能產(chǎn)生的屏幕撕裂感，提升列表視圖等滑動的流暢，從而保證產(chǎn)品流暢性和用戶體驗。

附圖說明

參照附圖來說明本發(fā)明的公開內(nèi)容。應(yīng)當了解，附圖僅僅用于說明目的，而并非意在對本發(fā)明的保護范圍構(gòu)成限制。在附圖中，相同的附圖標記用于指代相同的部件。其中：

圖1為本發(fā)明整體結(jié)構(gòu)示意圖。

具體實施方式