[發明專利]生成顯示界面的方法、裝置及電子設備

在審

• 申請號: 202010108796.8
• 申請日: 2020-02-21
• 公開（公告）號: CN111338730A
• 公開（公告）日: 2020-06-26
• 發明（設計）人: 熊勛泉
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京竹辰知識產權代理事務所(普通合伙) 11706
• 代理人: 陳龍

本公開實施例提供了一種生成顯示界面的方法、裝置及電子設備，屬于圖像處理技術領域，該方法包括：確定待生成的顯示界面中需要生成的顯示欄及位于所述顯示欄中部的按鈕；以按鈕為基準，生成第一輔助圓顯示區域，第一輔助圓顯示區域的圓心與按鈕的中心重合，且第一輔助圓顯示區域的第一半徑大于按鈕的半徑；生成第二輔助圓顯示區域，且第二輔助圓顯示區域與第一輔助圓顯示區域相外切；根據第一輔助圓顯示區域和第二輔助圓顯示區域生成弧形邊線，第一弧線段與按鈕之間存在凹向按鈕的弧形空隙，第二弧線段和第三弧線段與按鈕之間存在背向按鈕的弧形空隙；將弧形邊線的兩端沿顯示欄的邊緣延伸，得到顯示欄的邊線。本公開的方案提升顯示區域的美觀。

技術領域

本公開涉及圖像處理技術領域，尤其涉及一種生成顯示界面的方法、裝置及電子設備。

背景技術

現在手機等電子設備的顯示界面中，顯示欄多為統一矩形框。顯示欄上的按鈕通常為圓形按鈕，按鈕直接顯示在顯示欄內或者顯示欄邊緣上，按鈕與顯示欄綜合顯示的效果較為單一。

可見，現有的顯示欄的顯示方案存在顯示效果較為單一的技術問題。

發明內容

有鑒于此，本公開實施例提供一種生成顯示界面的方法、裝置及電子設備，至少部分解決現有技術中存在的問題。

第一方面，本公開實施例提供了一種生成顯示界面的方法，包括:

確定待生成的顯示界面中需要生成的顯示欄及位于所述顯示欄中部的按鈕；

以所述按鈕為基準，生成第一輔助圓顯示區域，其中，所述第一輔助圓顯示區域的圓心與所述按鈕的中心重合，且所述第一輔助圓顯示區域的第一半徑大于所述按鈕的半徑；

以所述第一輔助圓顯示區域為基準，生成第二輔助圓顯示區域，其中，所述第二輔助圓顯示區域位于所述第一輔助圓顯示區域的一側，且所述第二輔助圓顯示區域與所述第一輔助圓顯示區域相外切；

根據所述第一輔助圓顯示區域和所述第二輔助圓顯示區域生成弧形邊線，其中，所述弧形邊線包括位于第一輔助圓顯示區域正下方的第一弧線段，以及分別位于所述第一弧線段兩端的第二弧線段和第三弧線段，所述第一弧線段與所述按鈕之間存在凹向所述按鈕的弧形空隙，所述第二弧線段和所述第三弧線段與所述按鈕之間存在背向所述按鈕的弧形空隙；

將所述弧形邊線的兩端沿所述顯示欄的邊緣延伸，得到所述顯示欄的邊線。

根據本公開實施例的一種具體實現方式，所述根據所述第一輔助圓顯示區域和所述第二輔助圓顯示區域生成弧形邊線的步驟，包括：

確定所述第一輔助圓顯示區域與所述第二輔助圓顯示區域的圓心連線與參考中線的第一夾角，其中，所述參考中線為經過所述按鈕的中心的豎直垂線；

根據所述第一夾角和所述第一輔助圓顯示區域的第一半徑生成所述第一弧線段；

根據所述第一夾角、所述第二輔助圓顯示區域的第二半徑和所述顯示欄的橫向寬度生成所述第二弧線段和所述第三弧線段。

根據本公開實施例的一種具體實現方式，所述以所述按鈕為基準，生成第一輔助圓顯示區域的步驟之后，所述方法還包括：

以所述第一輔助圓顯示區域為基準，生成第三輔助圓，其中，所述第三輔助圓和所述第二輔助圓顯示區域分別對稱設置于所述第一輔助圓顯示區域的兩側，且所述第三輔助圓與所述第一輔助圓顯示區域相外切；

所述根據所述第一夾角、所述第二輔助圓顯示區域的第二半徑和所述顯示欄的橫向寬度生成所述第二弧線段和所述第三弧線段的步驟，包括：

根據所述第一夾角、所述第二輔助圓顯示區域的第二半徑和所述顯示欄的橫向寬度生成所述第二弧線段，以及，根據所述第一夾角、所述第三輔助圓的第三半徑和所述顯示欄的橫向寬度生成所述第三弧線段。