[發明專利]圖標圓角化的處理方法及裝置

有效

• 申請號: 202110773976.2
• 申請日: 2021-07-08
• 公開（公告）號: CN113610943B
• 公開（公告）日: 2022-10-04
• 發明（設計）人: 孫黎;杜鴻雁
• 申請（專利權）人: 榮耀終端有限公司
• 主分類號: G06T11/20
• 分類號: G06T11/20;G06F3/04817;G06F3/0488
• 代理公司: 北京同立鈞成知識產權代理有限公司 11205
• 代理人: 朱穎;劉芳

本申請提供一種圖標圓角化的處理方法及裝置，可以從存儲單元中獲取提前存儲的圓角化曲線，并根據圓角化曲線對圖標進行圓角化處理后顯示，從而減少對圖標進行圓角化處理時需要實時繪制的圓角化曲線的數量，進而達到減少繪制頁面時的計算量、提高了繪制頁面的效率的目的，最終提高用戶的觀看體驗。

技術領域

本申請涉及終端技術領域，尤其涉及一種圖標圓角化的處理方法及裝置。

背景技術

隨著電子技術以及終端技術的不斷發展，手機、平板電腦等電子設備在其顯示頁面上顯示給用戶的內容越來越多，而當電子設備在顯示的圖標時，可以將矩形圖標的四個頂點進行圓角化處理，將生硬的直角轉折頂點裁剪為平滑的圓角后，隨后再顯示經過圓角化處理的圖標，達到改善顯示效果的目的。

現有技術中，電子設備可以使用G2曲線L2對圖標的頂點進行裁剪，實現對圖標頂點的圓角化處理，其中，G2曲線可以通過多段貝塞爾曲線計算得到。則當電子設備在顯示頁面上顯示圖標之前，通過為圖標的每個頂點繪制兩條貝塞爾曲線來得到頂點所對應的G2曲線，并使用所繪制的G2曲線分別對圖標的左上角、左下角、右上角、右下角共四個頂點進行圓角化處理。

采用現有技術，當電子設備在顯示頁面上需要顯示的圖標數量較多時，會增加對圖標進行圓角化處理的G2曲線的數量，極大地增加了電子設備在繪制頁面時的計算量、降低了繪制頁面的效率，進而造成電子設備具有頁面卡頓等視覺效果，影響電子設備的用戶的觀看體驗。

發明內容

本申請提供一種圖標圓角化的處理方法及裝置，以減少電子設備對圖標進行圓角化處理時需要繪制的圓角化曲線的數量，進而達到減少電子設備在繪制頁面時的計算量、提高了繪制頁面的效率的目的，最終提高電子設備的用戶的觀看體驗。

本申請第一方面提供一種圖標圓角化的處理方法，包括：檢測到對第一圖標的觸控操作；其中，第一圖標對應于第一應用程序；根據觸控操作，確定第一應用程序的圖標繪制參數；從存儲單元中獲取與圖標繪制參數對應的圓角化曲線；其中，存儲單元中存儲有多個圖標繪制參數，以及每個圖標繪制參數對應的至少一條圓角化曲線；根據圖標繪制參數，繪制第二圖標；其中，第二圖標對應于第一應用程序，第一圖標和第二圖標的尺寸不同；通過圓角化曲線對第二圖標進行圓角化處理；顯示經過圓角化處理后的第二圖標。

在本申請第一方面一實施例中，存儲單元中具體存儲有多個繪制參數，以及每個繪制參數對應的圖標在四個頂點的圓角化曲線。

在本申請第一方面一實施例中，存儲單元中具體存儲有多個繪制參數，以及每個繪制參數對應的圖標在第一頂點的圓角化曲線。

在本申請第一方面一實施例中，通過圓角化曲線對第二圖標進行圓角化處理，包括：通過第一頂點的圓角化曲線，對第二圖標的第一頂點進行圓角化處理；根據圖標繪制參數，對圓角化曲線進行坐標變化，得到第二圖標在第二頂點、第三頂點和第四頂點的圓角化曲線；通過第二頂點、第三頂點和第四頂點的圓角化曲線，分別對第二圖標的第二頂點、第三頂點和第四頂點進行圓角化處理。

在本申請第一方面一實施例中，圖標繪制參數包括：第二圖標在長邊和寬邊方向上的像素分辨率；其中，以顯示頁面在長邊和寬邊方向上以像素分辨率為單位建立坐標系，存儲單元中存儲的圓角化曲線的初始坐標值以坐標系的原點為基準繪制。

在本申請第一方面一實施例中，通過第一頂點的圓角化曲線，對第二圖標的第一頂點進行圓角化處理之前，還包括：確定第二圖標的第一頂點在坐標系中的第一坐標值；將第一頂點的圓角化曲線在坐標系中的初始坐標值與第一坐標值相加得到第二圖標的第一頂點的圓角化曲線。