[發(fā)明專利]一種實(shí)現(xiàn)頁面元素拖拽的方法及計(jì)算機(jī)設(shè)備

在審

• 申請?zhí)枺?/td>: 202111505981.1
• 申請日: 2021-12-10
• 公開（公告）號: CN114356188A
• 公開（公告）日: 2022-04-15
• 發(fā)明（設(shè)計(jì)）人: 洪勤龍
• 申請（專利權(quán)）人: 深圳市優(yōu)必選科技股份有限公司
• 主分類號: G06F3/04845
• 分類號: G06F3/04845;G06F16/958
• 代理公司: 深圳中一聯(lián)合知識產(chǎn)權(quán)代理有限公司 44414
• 代理人: 任敏

1.一種實(shí)現(xiàn)頁面元素拖拽的方法，其特征在于，包括：

響應(yīng)于用戶對顯示頁面中的目標(biāo)元素觸發(fā)的拖拽操作，確定所述目標(biāo)元素在元素響應(yīng)列表副本中的第一排序值；

基于所述第一排序值與被替位元素在所述元素響應(yīng)列表副本中的第二排序值，對所述元素響應(yīng)列表副本進(jìn)行排序更新，得到新的元素響應(yīng)列表副本；其中，所述第二排序值是在用戶對所述目標(biāo)元素進(jìn)行拖拽的過程中確定得到；

根據(jù)所述新的元素響應(yīng)列表副本對所述顯示頁面進(jìn)行刷新，顯示所述目標(biāo)元素被拖拽后的新頁面。

2.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)頁面元素拖拽的方法，其特征在于，所述基于所述第一排序值與被替位元素在所述元素響應(yīng)列表副本中的第二排序值，對所述元素響應(yīng)列表副本進(jìn)行排序更新，得到新的元素響應(yīng)列表副本，包括：

在用戶對所述目標(biāo)元素進(jìn)行拖拽的過程中，當(dāng)所述目標(biāo)元素停留至第二元素的區(qū)域時，將所述第二元素作為所述被替換元素；

獲取所述被替換元素在所述元素響應(yīng)列表副本中的第二排序值；

基于所述第一排序值與所述第二排序值，對所述元素響應(yīng)列表副本中所有元素重新確定排序值，得到新的元素響應(yīng)列表副本。

3.根據(jù)權(quán)利要求2所述的實(shí)現(xiàn)頁面元素拖拽的方法，其特征在于，所述基于所述第一排序值與所述第二排序值，對所述元素響應(yīng)列表副本中所有元素重新確定排序值，得到新的元素響應(yīng)列表副本，包括：

若所述第一排序值大于所述第二排序值，則在所述元素響應(yīng)列表副本中將所述被替位元素排列在所述目標(biāo)元素之后，得到新的列表，基于所述新的列表重新確定排序值，得到新的元素響應(yīng)列表副本；

若所述第一排序值小于所述第二排序值，則在所述元素響應(yīng)列表副本中將所述被替位元素排列在所述目標(biāo)元素之前，得到新的列表，基于所述新的列表重新確定排序值，得到新的元素響應(yīng)列表副本。

4.根據(jù)權(quán)利要求3所述的實(shí)現(xiàn)頁面元素拖拽的方法，其特征在于，所述元素響應(yīng)列表副本中的信息用于描述所述目標(biāo)元素被拖拽結(jié)束之前，每個元素與key值之間的對應(yīng)關(guān)系，以及所有所述key值之間的排列順序；

所述若所述第一排序值大于所述第二排序值，則在所述元素響應(yīng)列表副本中將所述被替位元素排列在所述目標(biāo)元素之后，得到新的列表，基于所述新的列表重新確定排序值，得到新的元素響應(yīng)列表副本，包括：

若所述第一排序值大于所述第二排序值，且當(dāng)所述目標(biāo)元素與所述被替位元素之間存在順位元素時，在所述元素響應(yīng)列表副本中將所述被替位元素的被替位key值排列在所述目標(biāo)元素的目標(biāo)key值之后，且適應(yīng)性調(diào)整所述順位元素的順位key值在所述元素響應(yīng)列表副本中的位置，得到新的列表；

對所述新的列表中的所有key值重新確定排序值，得到新的元素響應(yīng)列表副本。

5.根據(jù)權(quán)利要求3所述的實(shí)現(xiàn)頁面元素拖拽的方法，其特征在于，所述元素響應(yīng)列表副本中的信息用于描述所述目標(biāo)元素被拖拽結(jié)束之前，每個元素與key值之間的對應(yīng)關(guān)系，以及所有所述key值之間的排列順序；

所述若所述第一排序值小于所述第二排序值，則在所述元素響應(yīng)列表副本中將所述被替位元素排列在所述目標(biāo)元素之前，得到新的列表，基于所述新的列表重新確定排序值，得到新的元素響應(yīng)列表副本，包括：

若所述第一排序值小于所述第二排序值，且當(dāng)所述目標(biāo)元素與所述被替位元素之間存在順位元素時，在所述元素響應(yīng)列表副本中將所述被替位元素排列在所述目標(biāo)元素之前，且適應(yīng)性調(diào)整所述順位元素在所述元素響應(yīng)列表副本中的位置，得到新的列表；

對所述新的列表中的所有key值重新確定排序值，得到新的元素響應(yīng)列表副本。

6.根據(jù)權(quán)利要求1至5任一項(xiàng)所述的實(shí)現(xiàn)頁面元素拖拽的方法，其特征在于，在所述響應(yīng)于用戶對顯示頁面中的目標(biāo)元素觸發(fā)的拖拽操作，確定所述目標(biāo)元素在元素響應(yīng)列表中的第一排序值的步驟之前，包括：

對來自服務(wù)器的元素響應(yīng)列表進(jìn)行復(fù)制，得到元素響應(yīng)列表副本；

為所述元素響應(yīng)列表副本中的所有元素注冊拖拽事件；其中，所述拖拽事件用于表征用戶在對所述元素進(jìn)行拖拽時的響應(yīng)策略。