[發(fā)明專利]頁面中元素移動方法和裝置、介質(zhì)、設(shè)備

有效

• 申請?zhí)枺?/td>: 202011576731.2
• 申請日: 2020-12-28
• 公開（公告）號: CN112631474B
• 公開（公告）日: 2022-08-05
• 發(fā)明（設(shè)計）人: 江子龍
• 申請（專利權(quán)）人: 廣州博冠信息科技有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F3/0485;G06F3/04883
• 代理公司: 北京律智知識產(chǎn)權(quán)代理有限公司 11438
• 代理人: 王輝;闞梓瑄

本公開涉及人機交互技術(shù)領(lǐng)域，尤其涉及一種頁面中元素移動方法及裝置、存儲介質(zhì)、電子設(shè)備。該方法可以包括：響應(yīng)針對頁面中目標(biāo)元素的觸發(fā)事件，在終端的圖形用戶界面上顯示頁面的縮略圖；響應(yīng)針對目標(biāo)元素的第一滑動操作，控制目標(biāo)元素在縮略圖上移動；在移動的過程中，根據(jù)目標(biāo)元素在縮略圖上的移動控制圖形用戶界面中的頁面滾動，頁面滾動的距離大于目標(biāo)元素在縮略圖上移動的距離；響應(yīng)針對目標(biāo)元素的釋放操作，將目標(biāo)元素放置在頁面中釋放操作對應(yīng)的位置處。本公開降低了長距離拖拽的難度，提升了用戶體驗。

技術(shù)領(lǐng)域

本公開涉及人機交互技術(shù)領(lǐng)域，尤其涉及一種頁面中元素移動方法和裝置、計算機可讀存儲介質(zhì)、電子設(shè)備。

背景技術(shù)

隨著計算機技術(shù)的快速發(fā)展，在圖形用戶界面上對頁面中的元素進行拖拽移動，已經(jīng)成為必不可少的功能。

然而，當(dāng)頁面的尺寸較大，用戶想要將元素移動到較遠(yuǎn)的距離，例如，移動到?jīng)]有顯示在圖像用戶界面上的位置時，需要反復(fù)拖拽很多次才能達(dá)到目的，操作過程繁瑣，用戶體驗差。

需要說明的是，在上述背景技術(shù)部分公開的信息僅用于加強對本公開的背景的理解，因此可以包括不構(gòu)成對本領(lǐng)域普通技術(shù)人員已知的現(xiàn)有技術(shù)的信息。

發(fā)明內(nèi)容

本公開的目的在于提供一種頁面中元素移動方法和裝置、存儲介質(zhì)、電子設(shè)備，進而至少在一定程度上克服現(xiàn)有將元素移動較遠(yuǎn)距離時，操作過程繁瑣，用戶體驗差的問題。

根據(jù)本公開的一個方面，提供一種頁面中元素移動方法，所述頁面部分地顯示在終端的圖形用戶界面上，所述方法包括：

響應(yīng)針對所述頁面中目標(biāo)元素的觸發(fā)事件，在所述終端的圖形用戶界面上顯示所述頁面的縮略圖；

響應(yīng)針對所述目標(biāo)元素的第一滑動操作，控制所述目標(biāo)元素在所述縮略圖上移動；

在所述移動的過程中，根據(jù)所述目標(biāo)元素在所述縮略圖上的移動控制所述圖形用戶界面中的所述頁面滾動，所述頁面滾動的距離大于所述目標(biāo)元素在所述縮略圖上移動的距離；

響應(yīng)針對所述目標(biāo)元素的釋放操作，將所述目標(biāo)元素放置在所述頁面中所述釋放操作對應(yīng)的位置處。

在本公開的一種示例性實施例中，所述頁面滾動的方向與所述目標(biāo)元素在所述縮略圖上移動的方向相反。

在本公開的一種示例性實施例中，所述頁面的縮略圖為將所述頁面等比縮小預(yù)設(shè)比例的圖形。

在本公開的一種示例性實施例中，所述頁面滾動的距離大于所述目標(biāo)元素在所述縮略圖上移動的距離包括：

所述頁面滾動的距離是所述目標(biāo)元素在所述縮略圖上移動的距離的所述預(yù)設(shè)比例倍。

在本公開的一種示例性實施例中，根據(jù)所述釋放操作，控制所述頁面停止?jié)L動。

在本公開的一種示例性實施例中，響應(yīng)針對所述目標(biāo)元素的釋放操作之前，所述方法還包括：

響應(yīng)針對所述目標(biāo)元素離開所述縮略圖的第二滑動操作，控制所述頁面停止?jié)L動。

在本公開的一種示例性實施例中，所述觸發(fā)事件為長按事件。

在本公開的一種示例性實施例中，所述方法還包括：

在將所述目標(biāo)元素放置在所述頁面中所述釋放操作對應(yīng)的位置處的過程中，隱藏所述縮略圖。

在本公開的一種示例性實施例中，在所述目標(biāo)元素在所述縮略圖上移動的過程中，所述縮略圖在所述圖形用戶界面中的位置保持不變。

在本公開的一種示例性實施例中，所述目標(biāo)元素為所述頁面上的可拖拽元素。

在本公開的一種示例性實施例中，在響應(yīng)所述觸發(fā)事件之前，所述方法還包括：