[發(fā)明專利]一種界面編輯方法、裝置、電子設(shè)備和存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201910070027.0
• 申請(qǐng)日: 2019-01-24
• 公開（公告）號(hào): CN109597563B
• 公開（公告）日: 2021-02-09
• 發(fā)明（設(shè)計(jì)）人: 于茜
• 申請(qǐng)（專利權(quán)）人: 網(wǎng)易（杭州）網(wǎng)絡(luò)有限公司
• 主分類號(hào): G06F3/0488
• 分類號(hào): G06F3/0488;G06F3/0481
• 代理公司: 北京潤(rùn)澤恒知識(shí)產(chǎn)權(quán)代理有限公司 11319
• 代理人: 莎日娜

1.一種界面編輯方法，通過(guò)在終端的處理器上執(zhí)行軟件應(yīng)用，并在所述終端的觸控顯示器上渲染得到圖形用戶界面，所述圖形用戶界面包括多個(gè)初始控件，所述初始控件設(shè)置有包裹其自身的正多邊形的判斷邊界，所述正多邊形的中心至任一邊的端點(diǎn)的距離為第一長(zhǎng)度，所述正多邊形的中心至任一邊的距離為第二長(zhǎng)度，其特征在于，所述方法包括：

響應(yīng)作用于所述圖形用戶界面的第一觸控操作，確定與所述第一觸控操作匹配的目標(biāo)控件；

響應(yīng)作用于所述目標(biāo)控件的第二觸控操作，將所述目標(biāo)控件移動(dòng)至與所述第二觸控操作對(duì)應(yīng)的第一位置；

判斷處于所述第一位置的目標(biāo)控件是否滿足預(yù)設(shè)吸附規(guī)則；

若是，則將所述目標(biāo)控件移動(dòng)至與所述吸附規(guī)則匹配的第二位置；

若否，則將所述目標(biāo)控件固定在所述第一位置；

所述判斷處于所述第一位置的目標(biāo)控件是否滿足預(yù)設(shè)吸附規(guī)則的步驟，包括：

獲取所述圖形用戶界面中的初始控件的初始位置；

判斷所述第一位置的中心與所述初始位置的中心之間的距離是否滿足預(yù)設(shè)范圍；所述預(yù)設(shè)范圍為不小于第二長(zhǎng)度的兩倍且不大于第一長(zhǎng)度的兩倍；

若是，則確定所述第一位置與所述初始位置之間的關(guān)系滿足所述預(yù)設(shè)吸附規(guī)則。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述響應(yīng)作用于所述圖形用戶界面的第一觸控操作，確定與所述第一觸控操作匹配的目標(biāo)控件，包括：

響應(yīng)作用于所述圖形用戶界面中初始控件的所述第一觸控操作，在所述初始控件中確定與所述第一觸控操作匹配的所述目標(biāo)控件。

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述響應(yīng)作用于所述圖形用戶界面的第一觸控操作，確定與所述第一觸控操作匹配的目標(biāo)控件的步驟，包括：

響應(yīng)作用于所述圖形用戶界面中待選控件的所述第一觸控操作，在所述待選控件中確定與所述第一觸控操作匹配的所述目標(biāo)控件。

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將所述目標(biāo)控件移動(dòng)至與所述吸附規(guī)則匹配的第二位置的步驟，包括：

確定其中心與第一位置的中心之間的距離滿足所述預(yù)設(shè)范圍的初始位置對(duì)應(yīng)的初始控件為待篩選吸附控件；

在所述待篩選吸附控件中確定吸附目標(biāo)；

采用所述目標(biāo)控件和所述吸附目標(biāo)，確定所述第二位置；

將所述目標(biāo)控件移動(dòng)至所述第二位置。

5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述采用所述目標(biāo)控件和所述吸附目標(biāo)，確定第二位置的步驟，包括：

確定在所述目標(biāo)控件中靠近所述吸附目標(biāo)的一條邊為第一重疊邊；

確定在所述吸附目標(biāo)中靠近所述目標(biāo)控件的一條邊為第二重疊邊；

移動(dòng)所述目標(biāo)控件，將所述第一重疊邊與所述第二重疊邊重合，且距離所述吸附目標(biāo)中間兩倍第二長(zhǎng)度的位置為所述第二位置。

6.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述在所述待篩選吸附控件中確定吸附目標(biāo)的步驟，包括：

計(jì)算目標(biāo)控件與所述待篩選吸附控件的距離值；所述距離值為目標(biāo)控件的中心與所述待篩選吸附控件的中心的直線距離；

采用所述距離值中的最小值對(duì)應(yīng)的待篩選吸附控件為所述吸附目標(biāo)。

7.根據(jù)權(quán)利要求6所述的方法，其特征在于，所述圖形用戶界面設(shè)置有可編輯區(qū)域；所述將所述目標(biāo)控件移動(dòng)至與所述吸附規(guī)則匹配的第二位置的步驟，還包括：

當(dāng)所述目標(biāo)控件不完全位于所述可編輯區(qū)域內(nèi)，或者所述目標(biāo)控件與除所述目標(biāo)控件以外的初始控件發(fā)生重疊時(shí)，將所述目標(biāo)控件退回至所述第一位置。

8.根據(jù)權(quán)利要求7所述的方法，其特征在于，所述將所述目標(biāo)控件移動(dòng)至與所述吸附規(guī)則匹配的第二位置的步驟，還包括：

確定所述吸附目標(biāo)為非待篩選吸附控件；

在所述待篩選吸附控件中確定新的吸附目標(biāo)；

采用所述目標(biāo)控件和所述新的吸附目標(biāo)，確定新的第二位置；

將所述目標(biāo)控件移動(dòng)至所述新的第二位置。