[發(fā)明專利]一種圖標拖動分組的導航方法

在審

• 申請?zhí)枺?/td>: 201510272291.4
• 申請日: 2015-05-26
• 公開（公告）號: CN104866176A
• 公開（公告）日: 2015-08-26
• 發(fā)明（設計）人: 米海強
• 申請（專利權(quán)）人: 山東蟻巡網(wǎng)絡科技有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F3/0484
• 代理公司: 暫無信息
• 代理人: 暫無信息

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

本發(fā)明涉及基于網(wǎng)頁的圖標展示技術(shù)領(lǐng)域，特別是一種圖標拖動分組的導航方法。

背景技術(shù)

隨著互聯(lián)網(wǎng)的飛速發(fā)展，瀏覽器不再僅僅用來表示W(wǎng)eb內(nèi)容，隨著HTML5技術(shù)的問世，Web進入了一個成熟的應用平臺，在HTML5平臺上，視頻、音頻、圖像、動畫，以及同電腦的交互都被標準化。如今人機交互、人網(wǎng)交互已經(jīng)成為常態(tài)，我們已經(jīng)不能滿足于網(wǎng)頁上簡單的圖片和文字展示，尤其在瀏覽器上管理云端文件、文件夾、應用等時，我們更希望能像本地操作系統(tǒng)那樣只管的展示和操作。

目前基于網(wǎng)頁的圖標展示界面大多是在固定位置上的圖標展示，缺少在網(wǎng)頁上直接拖動更改位置以及對其分組并保存最新排序的交互操作。

中國發(fā)明專利申請CN?104216699A公開了一種基于HTML5的圖標展示方法，包括以下步驟：通過從服務器中獲取圖標數(shù)據(jù)或從接收來自第三方應用的圖標數(shù)據(jù)；對圖標數(shù)據(jù)進行完善及對象化處理；根據(jù)處理后的圖標數(shù)據(jù)進行圖標圖形的創(chuàng)建；對圖標進行排序、分組地展示；

對所述圖標進行排序、分組的展示還包括以下步驟：根據(jù)設置中的排列方式對圖標數(shù)據(jù)進行重新排列；根據(jù)設置中的分組方式對圖標數(shù)據(jù)進行分組；根據(jù)圖標數(shù)據(jù)創(chuàng)建圖標；通過計算圖標位置將創(chuàng)建的圖標有序地排列展示到圖標展示版面；

對所述圖標進行展示還包括根據(jù)圖標的分組將圖標分別放置在不同的區(qū)域，此方法尤其適用于基于HUML5的虛擬操作系統(tǒng)的桌面圖標，如此將同一組圖標放置在同一區(qū)域，方便用戶對桌面圖標進行查找，操作方便；

所述基于HTML5的展示方法還包括：通過界面交互模塊對展示的圖標設置用戶操作監(jiān)控，接收用戶對圖標進行修改的信息，將修改后的圖標信息返回給服務器或第三方應用進行處理及保存；

所述界面交互模塊還包括兩種操作模式，一種為適用鼠標和鍵盤配合的操作模式，另一種為適用于觸摸屏的操作模式。

上述發(fā)明專利申請中公開的自動排序、分組的方法，不是交互操作的方法，而且不利于快速方便的進行圖標位置更改和分組操作。

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

本發(fā)明需要解決的技術(shù)問題提供一種通過拖動圖標到指定位置來實現(xiàn)更改位置和分組的導航方法。

為解決上述的技術(shù)問題，本發(fā)明一種圖標拖動分組的導航方法，包括以下步驟，

設備圖標拖動，點擊需要改變位置或分組的設備圖標并拖動；

拖動到指定位置，當拖動圖標到左右邊界時使界面滾動到指定位置來完成更改位置或分組，當拖動圖標到上下邊界進入縮略視圖以便于快速定位到指定位置來完成更改位置或分組；

新排序位置保存，保存完成更改位置或分組的設備圖標的位置信息。

進一步的，設備圖標拖動時在設備圖標的原始位置創(chuàng)建占位符。

進一步的，從縮略圖完成排序分組并還原后對拖動設備圖標加上閃爍效果。

進一步的，設備圖標拖動時可以同時選中多個設備圖標進行批量更改位置或分組。

更進一步的，進行批量更改位置或分組時，選中的多個設備圖標上標示出設備圖標的總數(shù)量。

采用上述方法后，本發(fā)明增加了自由排序和分組并保存新排序的交互操作，拖動圖標到左右邊界時使界面滾動到指定位置來完成更改位置或分組的目的，拖動圖標到上下邊界進入縮略視圖以便于快速定位到指定位置來完成更改位置或分組的目的，還可以進行批量更改位置或分組。

附圖說明

下面將結(jié)合附圖和具體實施方式對本作進一步詳細的說明。

圖1為本發(fā)明設備圖標組內(nèi)或組間改變位置示意圖。

圖2為本發(fā)明設備圖標拖動到指定位置示意圖。

圖3為本發(fā)明設備圖標拖動進入縮略圖的示意圖。

圖4為本發(fā)明多選圖標進行批量更改位置的示意圖。

圖中：1為設備圖標，2為占位符，3為拖動中的設備圖標

具體實施方式

本發(fā)明一種圖標拖動分組的導航方法，包括以下步驟，

設備圖標拖動，點擊需要改變位置或分組的設備圖標并拖動。如圖1所示，包括兩個設備編組，設備編組01和設備編組02。設備編組01和設備編組02中包括多個設備圖標1，每個設備圖標1中包括設備名、設備IP列表和設備的性能參數(shù)。現(xiàn)在需要移動設備編組01中的設備圖標，選中需要改變位置或分組的設備圖標然后拖動，圖中拖動中的設備圖標3就是需要改變位置或分組的設備圖標。設備圖標拖動時，為了保留設備的原始位置以便于將設備放回原始位置，在設備圖標的原始位置創(chuàng)建占位符2。