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

在審

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

1.一種生成顯示界面的方法，其特征在于，包括：

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

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

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

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

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

2.根據權利要求1所述的方法，其特征在于，所述根據所述第一輔助圓顯示區域和所述第二輔助圓顯示區域生成弧形邊線的步驟，包括：

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

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

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

3.根據權利要求2所述的方法，其特征在于，所述以所述按鈕為基準，生成第一輔助圓顯示區域的步驟之后，所述方法還包括：

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

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

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

4.根據權利要求2所述的方法，其特征在于，所述根據所述第一夾角、所述第二輔助圓顯示區域的半徑和所述顯示欄的橫向寬度生成所述第二弧線段和所述第三弧線段的步驟，包括：

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

以所述參考中線為基準，生成所述第二弧線段的鏡像結構，作為所述第三弧線段。

5.根據權利要求2至4任一項所述的方法，其特征在于，所述確定所述第一輔助圓顯示區域與所述第二輔助圓顯示區域的圓心連線與參考中線的第一夾角的步驟，包括：

確定所述第一輔助圓顯示區域的圓心到所述第一切點所在水平線的第一距離，其中，所述第一切點為所述第一輔助圓顯示區域和所述第二輔助圓顯示區域的切點；

根據所述第一距離和所述第一輔助圓顯示區域的第一半徑計算所述第一夾角的余弦值；

根據所述第一夾角的余弦值計算所述第一夾角的角度值。

6.根據權利要求5所述的方法，其特征在于，所述根據所述第一夾角和所述第一輔助圓顯示區域的第一半徑生成所述第一弧線段的步驟，包括：

以所述參考中線為基準，根據所述第一角度確定所述第一弧線段的起止角度；

根據所述第一輔助圓顯示區域的第一半徑和所述第一弧線段的起止角度，生成所述第一弧線段。