本技術(shù)涉及終端，尤其涉及一種繪制平滑圓角的方法及相關(guān)裝置。

背景技術(shù)：

1、隨著人們對電子設(shè)備功能的日益完善，手機(jī)、平板電腦等電子設(shè)備在其顯示頁面上顯示的內(nèi)容越來越多，顯示形態(tài)也越來越豐富，比如說以圖標(biāo)形態(tài)顯示應(yīng)用程序或文件的小圖標(biāo)、窗口形態(tài)顯示應(yīng)用程序的界面、卡片形式顯示詳細(xì)信息、彈窗形式顯示提示信息，等等。為了給用戶提供良好的視覺體驗，通常會對上述顯示形態(tài)進(jìn)行平滑圓角處理，得到平滑圓角的顯示效果。舉例來說，當(dāng)電子設(shè)備顯示圖標(biāo)時，可以將矩形圖標(biāo)的四個頂點進(jìn)行平滑圓角處理，顯示平滑圓角的矩形圖標(biāo)。

2、一般來說，電子設(shè)備可以基于三階貝塞爾曲線來進(jìn)行平滑圓角處理，但是使用三階貝塞爾曲線在繪制一個平滑圓角時需要至少4個坐標(biāo)點?？梢岳斫獾氖牵?dāng)需要繪制的平滑圓角較多時，所需要的坐標(biāo)點也會增多，由此會增加繪制的復(fù)雜度，增加電子設(shè)備的計算量。

技術(shù)實現(xiàn)思路

1、本技術(shù)實施例提供的一種繪制平滑圓角的方法及相關(guān)裝置，可以降低繪制平滑圓角的復(fù)雜度，降低電子設(shè)備的計算量。

2、第一方面，本技術(shù)提供一種繪制平滑圓角的方法，應(yīng)用于電子設(shè)備，所述方法包括：

3、獲取第一界面元素對應(yīng)的第一圓角參數(shù)，所述第一圓角參數(shù)包括第一半徑、第一參數(shù)和第二參數(shù)，其中，所述第一參數(shù)指示所述第一界面元素的平滑圓角的凸起程度，所述第二參數(shù)指示所述第一界面元素的平滑圓角的平滑程度；

4、根據(jù)所述第一圓角參數(shù)繪制所述第一界面元素的第一平滑圓角；

5、顯示包括所述第一平滑圓角的所述第一界面元素。

6、可以理解的是，平滑圓角是一種圓角處理方法，相比較普通圓角，其直線到圓角的過渡更加平滑。在本技術(shù)實施例中，繪制第一界面元素對應(yīng)的第一平滑圓角時，只需要獲取一次第一圓角參數(shù)，通過用于指示平滑圓角的凸起程度和平滑程度的參數(shù)以及圓角半徑來繪制平滑圓角，可以減少讀取/獲取數(shù)據(jù)的次數(shù)，從而減少繪制平滑圓角的復(fù)雜度，降低電子設(shè)備的計算量。

7、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，第二界面元素和第一界面元素屬于同一類，所述方法還包括：

8、根據(jù)所述第一圓角參數(shù)繪制所述第二界面元素的第一平滑圓角；

9、顯示包括所述第一平滑圓角的第二界面元素。

10、可以看出，電子設(shè)備在繪制第二界面元素對應(yīng)的平滑圓角時，由于第二界面元素和第一界面元素屬于同一類，也即第二界面元素的圖形和第一界面元素的圖形屬于同一類，例如圖形的輪廓相同，則電子設(shè)備可以直接基于繪制第一界面元素對應(yīng)的第一圓角參數(shù)來繪制第二界面元素的第一平滑圓角，不需要再去讀取數(shù)據(jù)，進(jìn)一步減少計算量。

11、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述根據(jù)所述第一圓角參數(shù)繪制所述第一界面元素的第一平滑圓角，包括：

12、根據(jù)所述第一半徑、所述第一參數(shù)和所述第二參數(shù)確定貝塞爾曲線的起始點、終止點和控制點；

13、基于所述起始點、所述終止點和所述控制點繪制所述貝塞爾曲線；

14、基于所述貝塞爾曲線繪制所述第一界面元素的第一平滑圓角。

15、可以看出，通過貝塞爾曲線可以更容易得到平滑圓角，而確定一條貝塞爾曲線需要起始點、終止點和控制點，基于本技術(shù)所提供的第一半徑、所述第一參數(shù)和所述第二參數(shù)可以確定始點、終止點和控制點，因此可以更容易地繪制貝塞爾曲線。

16、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述貝塞爾曲線包括第一段三階貝塞爾曲線和第二段三階貝塞爾曲線。

17、在本技術(shù)中，為了使得直線到圓角的過渡更加平滑，本技術(shù)將兩端三階貝塞爾曲線拼接在一起得到一個平滑圓角。

18、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述根據(jù)所述第一半徑、所述第一參數(shù)和所述第二參數(shù)確定貝塞爾曲線的起始點、終止點和控制點，包括：

19、根據(jù)所述第一半徑確定第一點，其中，所述第一點為所述第一段三階貝塞爾曲線的起始點；

20、根據(jù)所述第一半徑和所述第一參數(shù)確定第二點，其中，所述第二點為所述第一段三階貝塞爾曲線的第一控制點；

21、根據(jù)所述第一半徑和所述第二參數(shù)確定第三點，其中，所述第三點為所述第一段三階貝塞爾曲線的第二控制點；

22、根據(jù)所述第三點確定第四點，其中，所述第四點為所述第一段三階貝塞爾曲線的終止點。

23、可以看出，確定一條三階貝塞爾曲線需要起始點、第一控制點、第二控制點和終止點，電子設(shè)備可以預(yù)先存儲第一半徑、第一參數(shù)和第二參數(shù)，通過第一半徑構(gòu)造一個起始點，然后根據(jù)一個起始點、第一參數(shù)和第二參數(shù)即可得到其他點，簡化了貝塞爾曲線的選點設(shè)計。

24、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述根據(jù)所述第一半徑、所述第一參數(shù)和所述第二參數(shù)確定貝塞爾曲線的起始點、終止點和控制點，包括：

25、根據(jù)所述第四點確定所述第二段貝塞爾曲線的起始點；

26、根據(jù)所述第四點和所述第一參數(shù)確定所述第二段三階貝塞爾曲線的第一控制點；

27、根據(jù)所述第四點和所述第二參數(shù)確定所述第二段三階貝塞爾曲線的第二控制點；

28、根據(jù)所述第一半徑確定所述第二段三階貝塞爾曲線的終止點。

29、可以看出，本技術(shù)可以將兩端貝塞爾曲線首尾相連拼接稱一個平滑圓角，因此第一段貝塞爾曲線的終止點為第二段貝塞爾曲線的起始點，而根據(jù)起始點、第一參數(shù)和第二參數(shù)即可得到確定第二段貝塞爾曲線的其他點，簡化了貝塞爾曲線的選點設(shè)計。

30、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述根據(jù)所述第一圓角參數(shù)繪制所述第一界面元素的第一平滑圓角之后，所述顯示包括所述第一平滑圓角的所述第一界面元素之前，還包括：

31、根據(jù)所述第一參數(shù)和所述第二參數(shù)調(diào)節(jié)所述第一界面元素的第一平滑圓角，使得所述第一平滑圓角的切線與所述電子設(shè)備的硬件平滑圓角的切線平行。

32、可以看出，本技術(shù)通過兩段貝塞爾曲線實現(xiàn)一個圓角，可以按照硬件屏幕圓角來微調(diào)軟件圓角。

33、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述第一平滑圓角包括界面元素的多個頂點所分別對應(yīng)的平滑圓角。

34、結(jié)合第一方面，在第一方面的一種可能的實現(xiàn)方式中，所述根據(jù)所述第一圓角參數(shù)繪制所述第一界面元素的第一平滑圓角，包括：

35、根據(jù)所述第一半徑、所述第一參數(shù)和所述第二參數(shù)繪制所述多個頂點中的其中一個頂點對應(yīng)的平滑圓角；

36、通過鏡像映射方式基于所述其中一個頂點對應(yīng)的平滑圓角繪制所述多個頂點中剩余頂點所分別對應(yīng)的平滑圓角。

37、可以理解的，按照現(xiàn)有貝塞爾曲線的構(gòu)造方式，繪制界面元素的多個個頂點中的其中一個頂點的圓角時，電子設(shè)備需要存儲四個坐標(biāo)點，那么四個頂點需要存儲16個坐標(biāo)點，因此軟件開發(fā)者在開發(fā)一個界面元素時需要構(gòu)造16個坐標(biāo)點，對開發(fā)者的挑戰(zhàn)較大。對電子設(shè)備而言，當(dāng)界面元素較多時，存儲量較大，計算量也大，在繪制多個頂點時，需要多次獲取每個頂點對應(yīng)的坐標(biāo)點，交互較多，操作不便。而本技術(shù)只需要電子設(shè)備存儲包括第一半徑、第一參數(shù)和第二參數(shù)的第一圓角參數(shù)，獲取一次第一圓角參數(shù)，來構(gòu)造一個起始點和兩個參數(shù)即可得到剩余15個坐標(biāo)點，簡化了貝塞爾曲線的選點設(shè)計，降低存儲量和復(fù)雜度。

38、第二方面，本技術(shù)實施例提供的一種電子設(shè)備，所述電子設(shè)備包括：一個或多個處理器；存儲器；其中，所述存儲器與所述一個或多個處理器耦合，所述存儲器用于存儲計算機(jī)程序代碼，所述計算機(jī)程序代碼包括計算機(jī)指令，所述一個或多個處理器調(diào)用所述計算機(jī)指令以使得所述電子設(shè)備執(zhí)行第一方面或第一方面的任一種可能的實現(xiàn)方式中描述的繪制平滑圓角的方法。

39、第三方面，本技術(shù)提供一種芯片或者芯片系統(tǒng)，該芯片或者芯片系統(tǒng)包括至少一個處理器和通信接口，通信接口和至少一個處理器通過線路互聯(lián)，至少一個處理器用于運行計算機(jī)程序或指令，以執(zhí)行第一方面或第一方面的任意一種可能的實現(xiàn)方式中描述的繪制平滑圓角的方法。其中，芯片中的通信接口可以為輸入/輸出接口、管腳或電路等。

40、在一種可能的實現(xiàn)中，本技術(shù)實施例中上述描述的芯片或者芯片系統(tǒng)還包括至少一個存儲器，該至少一個存儲器中存儲有指令。該存儲器可以為芯片內(nèi)部的存儲單元，例如，寄存器、緩存等，也可以是該芯片的存儲單元(例如，只讀存儲器、隨機(jī)存取存儲器等)。

41、第四方面，本技術(shù)實施例提供了一種計算機(jī)存儲介質(zhì)，該計算機(jī)存儲介質(zhì)存儲有計算機(jī)程序，該計算機(jī)程序被處理器執(zhí)行時，使得計算機(jī)執(zhí)行如第一方面或第一方面的任一種可能的實現(xiàn)方式中描述的繪制平滑圓角的方法。

42、第五方面，本技術(shù)實施例提供了一種計算機(jī)程序產(chǎn)品，當(dāng)該計算機(jī)程序產(chǎn)品在通信裝置上運行時，使得該通信裝置執(zhí)行如第一方面或第一方面的任一種可能的實現(xiàn)方式中描述的繪制平滑圓角的方法。

43、應(yīng)當(dāng)理解的是，本技術(shù)中對技術(shù)特征、技術(shù)方案、有益效果或類似語言的描述并不是暗示在任意的單個實施例中可以實現(xiàn)所有的特點和優(yōu)點。相反，可以理解的是對于特征或有益效果的描述意味著在至少一個實施例中包括特定的技術(shù)特征、技術(shù)方案或有益效果。因此，本說明書中對于技術(shù)特征、技術(shù)方案或有益效果的描述并不一定是指相同的實施例。進(jìn)而，還可以任何適當(dāng)?shù)姆绞浇M合本實施例中所描述的技術(shù)特征、技術(shù)方案和有益效果。本領(lǐng)域技術(shù)人員將會理解，無需特定實施例的一個或多個特定的技術(shù)特征、技術(shù)方案或有益效果即可實現(xiàn)實施例。在其他實施例中，還可在沒有體現(xiàn)所有實施例的特定實施例中識別出額外的技術(shù)特征和有益效果。