一種配置頁面的方法及裝置制造方法
【專利摘要】本申請公開了一種配置頁面的方法及裝置。該方法包括：接收頁面配置信息，觸發(fā)獲取預先設置的分欄的頁面元素配置列表，所述分欄的頁面元素配置列表至少包括頁面元素庫分欄列表以及頁面元素配置分欄列表；監(jiān)測到選取頁面元素庫分欄列表中的元素，生成該元素副本，觸發(fā)該元素副本跟隨操作事件軌跡移動；監(jiān)測到元素副本在頁面元素配置分欄列表中釋放選取，觸發(fā)將元素副本置于被釋放處。應用本申請，可以簡化頁面配置流程、提高頁面配置效率。
【專利說明】一種配置頁面的方法及裝置
【技術領域】
[0001]本申請涉及計算機技術，特別涉及一種配置頁面的方法及裝置。
【背景技術】
[0002]隨著互聯(lián)網(wǎng)技術的發(fā)展，用戶對頁面的需求也逐漸豐富；不同用戶對頁面的配置需求不同，因而，對頁面中包含的元素多樣化的配置需求也越來越豐富，為了滿足這些日益增長的需求，需要對頁面，例如，移動終端頁面進行靈活多樣的元素配置，以滿足不同用戶的個性化需求。
[0003]現(xiàn)有配置頁面的方法主要是:
[0004]終端設備基于頁面配置信息，觸發(fā)展示頁面元素數(shù)據(jù)列表；根據(jù)配置頁面所需的元素，從元素數(shù)據(jù)列表中選取相應元素控件，觸發(fā)進入該元素的配置界面，對該元素在頁面中的屬性信息進行配置；其中，屬性信息包括:位置、樣式、字體、標題等信息。
[0005]在配置完成后，退出該配置界面以及頁面元素數(shù)據(jù)列表，觸發(fā)進入關聯(lián)界面；在關聯(lián)界面中，進行元素和頁面的關聯(lián)編輯，使配置的元素在頁面中按照配置的位置信息排列。
[0006]按照上述同樣的方法逐一配置頁面中包含的其它元素，直至配置完頁面中包含的所有元素后，加載與頁面關聯(lián)的元素，從而完成配置頁面。
[0007]由上述可見，現(xiàn)有配置頁面的方法，針對頁面中包含的各元素，每個元素需要進行多個界面的切換，才能完成配置及關聯(lián)流程，使得配置頁面的流程較為復雜，頁面配置效率較低。

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

[0008]本申請的主要目的在于提出一種配置頁面的方法，簡化頁面配置流程、提高頁面配置效率。
[0009]本申請的另一目的在于提出一種配置頁面的裝置，簡化頁面配置流程、提高頁面配置效率。
[0010]為達到上述目的，本申請?zhí)峁┝艘环N配置頁面的方法，該方法包括:
[0011]基于頁面配置信息，觸發(fā)獲取預先設置的頁面元素配置列表，并以分欄方式顯示于同一頁面；所述頁面元素配置列表至少包括頁面元素庫分欄列表以及頁面元素配置分欄列表；
[0012]監(jiān)測到頁面元素庫分欄列表中的元素被選取時，生成該元素副本；
[0013]監(jiān)測到所述元素副本在頁面元素配置分欄列表中被釋放時，觸發(fā)將元素副本置于被釋放處。
[0014]本申請?zhí)峁┝艘环N配置頁面的裝置，該裝置包括:頁面元素配置列表獲取模塊、第一監(jiān)測模塊以及第二監(jiān)測模塊，其中，
[0015]頁面元素配置列表獲取模塊，用于基于頁面配置信息，觸發(fā)獲取預先設置的、以分欄方式顯示于同一頁面的頁面元素配置列表；所述分欄的頁面元素配置列表至少包括頁面元素庫分欄列表以及頁面元素配置分欄列表；
[0016]第一監(jiān)測模塊，用于監(jiān)測頁面元素庫分欄列表中元素的選取，生成該元素副本；
[0017]第二監(jiān)測模塊，用于監(jiān)測元素副本在頁面元素配置分欄列表中的釋放，觸發(fā)將元素副本置于釋放處。
[0018]由上述的技術方案可見，本申請?zhí)峁┑囊环N配置頁面的方法及裝置，通過將頁面元素配置列表設置分欄顯示在同一頁面的方式，可以在同一界面中完成對頁面中多個元素進行配置，無需反復進行界面的多次切換，簡化了配置的流程，配置頁面所需時間短。
【專利附圖】

【附圖說明】
[0019]圖1為本申請實施例配置頁面的方法流程示意圖。
[0020]圖2a為本申請實施例未配置頁面時分欄的頁面元素配置列表結構示意圖。
[0021]圖2b為本申請實施例配置頁面后分欄的頁面元素配置列表結構示意圖。
[0022]圖3為本申請實施例拖拽元素的示意圖。
[0023]圖4a?4c為本申請實施例對元素進行排序的示意圖。
[0024]圖5為本申請實施例配置頁面的裝置結構示意圖。
【具體實施方式】
[0025]為了使本申請的目的、技術方案和優(yōu)點更加清楚，下面將結合附圖及具體實施例對本申請作進一步地詳細描述。
[0026]現(xiàn)有配置頁面的方法，配置頁面中的每個元素，需要進行多個界面的切換，并需要在各切換的界面中編輯相應屬性信息，使得配置頁面的流程較為復雜，頁面配置效率較低。
[0027]本申請實施例里，在頁面配置中，設置分欄的頁面元素配置列表，從頁面元素配置列表中具有頁面元素庫列表的一欄中，選取配置頁面所需的元素，將選取的元素釋放到與頁面元素庫列表在同一頁面顯示的頁面配置分欄列表中，從而在同一界面對頁面進行配置，這樣，無需進行界面的切換。
[0028]考慮到通過拖拽的方式可以實現(xiàn)對元素的拖動及定位，例如，通過對元素的拖拽，可以將元素拖拽到預先設置的目標位置，從而實現(xiàn)對元素的定位，操作簡單，避免現(xiàn)有在元素的配置界面中，需要分別計算并設置各元素在頁面中的位置信息，以確定各元素在頁面中的相應位置，提高了頁面配置效率。
[0029]圖1為本申請較佳實施例配置頁面的方法流程示意圖。參見圖1，該流程包括:
[0030]步驟101，接收頁面配置信息，觸發(fā)獲取預先設置的分欄的頁面元素配置列表，所述分欄的頁面元素配置列表至少包括頁面元素庫分欄列表以及頁面元素配置分欄列表；
[0031]本步驟中，用戶如果需要對頁面進行初始配置或對已配置的頁面進行更新，啟動本申請實施例的配置頁面控件，向該配置頁面控件輸入頁面配置信息，配置頁面控件接收到頁面設置信息后，獲取頁面元素配置列表并以分欄的方式顯示。
[0032]較佳地，在啟動配置頁面控件后，進入配置頁面界面，通過對配置頁面界面中的頁面配置子控件進行操作，生成頁面配置信息。
[0033]分欄的頁面元素配置列表至少包括:頁面元素庫分欄列表以及頁面元素配置分欄列表，上述兩分欄列表顯示在同一頁面中。較佳地，還可以包括其他的分欄，例如，元素應用信息設置欄列表。其中，可以將分欄的頁面元素配置列表上部設置為元素應用信息設置欄列表，在元素應用信息設置欄列表的下部，分為兩個分欄列表，分別為頁面元素庫分欄列表以及頁面元素配置分欄列表。
[0034]其中，頁面元素庫分欄列表數(shù)為一個，用于存儲設置頁面所需的各元素，頁面所需的各元素可以從相關網(wǎng)頁服務器或運營商服務器上獲取，頁面元素配置分欄列表數(shù)可以為一個或多個，一個頁面元素配置分欄列表對應一個頁面，用于模擬元素在頁面的配置。
[0035]圖2a為本申請實施例未配置頁面時分欄的頁面元素配置列表結構示意圖。
[0036]圖2b為本申請實施例配置頁面后分欄的頁面元素配置列表結構示意圖。
[0037]參見圖2a?2b，分欄的頁面元素配置列表包括:元素應用信息設置欄列表、頁面元素庫分欄列表以及頁面元素配置分欄列表，其中，元素應用信息設置欄列表位于頁面元素配置列表上部，在元素應用信息設置欄列表的下部的左右兩側，分別為頁面元素庫分欄列表以及頁面元素配置分欄列表。
[0038]元素應用信息設置欄列表中設置有元素應用的平臺信息、子平臺信息及軟件類型信息等，例如，默認的平臺信息為全平臺，子平臺信息為全子平臺，軟件類型信息為全類型，用以表示設置的頁面可以應用于所有平臺下的所有子平臺，支持任何類型的軟件。
[0039]頁面元素庫分欄列表位于頁面元素配置列表中的一側，例如，左側部分，設置有構成頁面所需的各元素。實際應用中，還可以對元素進行分類，例如，可以將元素進行歸類，分為交友類、綜合類、新聞類、站點類以及更多分類，每一分類包括不同的元素，例如，站點類可以包括:3G下載、3G郵箱、3G游戲園、3G助理、3G資費、51job、58同城、58團購、59SY、5元等，設置的更多分類包含軍事類、手機類等，軍事類包含的元素可以是:鐵血、環(huán)球、中華、國強、人民、鳳凰、新浪、騰訊等，手機類包含的元素可以是:騰訊手機、新浪3G手機、手機世界、友人手機之家、天極等；在交友類中，設置的元素包括:有緣、天下、奇遇、佳緣、愛友等；在綜合類中，設置的元素包括:創(chuàng)業(yè)、前程、開店、攜程等；在新聞類中，設置的元素包括:中新、鳳凰、網(wǎng)易、人民早報等；在站點類中，設置的元素包括:3G下載、3G郵箱、3G游戲園、3G助理等。
[0040]步驟102，監(jiān)測到選取頁面元素庫分欄列表中的元素，生成該元素副本，觸發(fā)該元素副本跟隨操作事件軌跡移動；
[0041]本步驟中，操作事件為拖拽操作，通過鼠標執(zhí)行拖拽操作事件，使選取的元素跟隨操作事件軌跡移動。操作事件的軌跡表現(xiàn)為元素副本坐標位置的變化，即x、y坐標的變化，元素副本的移動表現(xiàn)為元素數(shù)值方向(top)值和水平方向(left)值的變化。
[0042]監(jiān)測到選取頁面元素庫分欄列表中的元素包括:
[0043]監(jiān)測到光標與元素接觸且駐留于該元素上。即用戶通過鼠標點擊頁面元素庫分欄列表中的元素，形成接觸，且鼠標一直停留在點擊的元素上，未與點擊的元素釋放接觸。
[0044]在監(jiān)測到選取元素后，在選取的元素處生成該元素副本。
[0045]觸發(fā)該元素副本跟隨操作事件軌跡移動包括:
[0046]按照預先設置的時間周期，獲取操作事件的坐標信息；
[0047]計算當前時間周期獲取的操作事件坐標信息與上一次時間周期獲取的操作事件坐標信息的變化量；
[0048]觸發(fā)元素副本根據(jù)計算得到的變化量進行移動。[0049]圖3為本申請實施例拖拽元素的示意圖。參見圖3，每一元素預先設置有鼠標鍵按下(mousedown)事件、鼠標鍵移動(mousemove)事件、鼠標鍵指向(mouseover)事件以及鼠標鍵松開(mouseup)事件，用于對用戶的操作事件觸發(fā)相應處理，以實現(xiàn)元素拖拽流程，這樣，通過處理這些操作事件，可以控制元素的拖拽。關于mousedown事件、mousemove事件、mouseover事件以及mouseup事件的詳細描述，具體可參見相關技術文獻，在此不再贅述。
[0050]在拖拽開始時，當鼠標移動到元素上方，并按下鼠標按鍵時，觸發(fā)鼠標鍵按下(mousedown)事件，選取元素并生成元素副本；在移動過程中，元素隨鼠標移動，鼠標一直按在元素副本上不放，按照預先設置的時間周期觸發(fā)鼠標鍵移動(mousemove)事件，計算前后相鄰時間周期操作事件(鼠標)的坐標信息的變化量，使元素副本隨鼠標的坐標信息的變化量移動；當移動的元素副本經(jīng)過其他元素所在區(qū)域時，觸發(fā)鼠標鍵指向(mouseover)事件；當元素副本移動到目標區(qū)域，并在目標區(qū)域中監(jiān)測到鼠標釋放與元素副本的接觸時，觸發(fā)鼠標鍵松開(mouseup)事件。
[0051]步驟103，監(jiān)測到元素副本在頁面元素配置分欄列表中釋放選取，觸發(fā)將元素副本置于被釋放處。
[0052]本步驟中，當元素副本達到頁面元素配置分欄列表中用戶期望的位置時，用戶松開鼠標，使鼠標釋放與元素副本的接觸，表明元素副本處于釋放選取狀態(tài)，將元素副本置于該釋放接觸處，從而完成頁面配置的流程。這樣，通過設置分欄的方式，可以在同一界面中完成對頁面進行配置，無需進行界面的切換，簡化了配置的流程；進一步地，通過拖拽的方式實現(xiàn)對元素的定位，可以避免現(xiàn)有在元素的配置界面中，需要分別計算并設置各元素在頁面中的位置信息，以確定各元素在頁面中的相應位置，提高了頁面配置效率；而且，在頁面配置完成后，可以實時得到配置的效果，能夠提前顯示配置后的效果頁面，實現(xiàn)所見即所得的操作；此外，通過拖拽元素的方式配置頁面，效果直觀，減少了配置時需要輸入屬性信息的出錯率。
[0053]該方法還可以進一步包括:
[0054]步驟104，更新頁面元素配置分欄列表中元素的屬性信息。
[0055]本步驟中，在選取頁面元素庫分欄列表中的元素，生成元素副本，并將元素副本拖拽到頁面元素配置分欄列表中后，元素副本的樣式信息、字體信息、標題信息等屬性信息與頁面元素配置分欄列表中相應的元素一致，為了滿足不同用戶個性化的配置需求，在頁面元素配置分欄列表中，可以對元素副本的屬性信息進行更新，例如，通過鼠標左鍵點擊元素副本，并按下鼠標右鍵，觸發(fā)彈出元素屬性菜單，在彈出的元素屬性菜單中，對元素屬性信息進行更新。
[0056]實際應用中，在頁面元素配置分欄列表中，還可以根據(jù)用戶的配置需求，實時頁面中各元素的位置，這樣，該方法還可以進一步包括:
[0057]步驟105，監(jiān)測到選取頁面元素配置分欄列表中的元素，生成該元素副本，觸發(fā)該元素副本跟隨操作事件軌跡移動；
[0058]本步驟與步驟102的流程相類似，對于預先設置有mousedown事件、mousemove事件、mouseover事件以及mouseup事件的元素來說，生成該元素副本，觸發(fā)該元素副本跟隨操作事件軌跡移動包括:
[0059]All，設置頁面元素配置分欄列表為排序的容器；[0060]本步驟中，容器用于放置進行排序的元素，即在將頁面元素配置分欄列表設置為排序的容器并依次綁定mousedown事件、mousemove事件、mouseover事件以及mouseup事件后，可以在該容器中，進行元素的排序。
[0061 ] 該容器中，包含選取的排序源元素(源對象)以及與選取的源元素進行排序的目標元素(目標對象)。
[0062]這樣，在選取元素后，該元素置于設置的容器中。
[0063]A12,監(jiān)測到操作事件移動到容器上方，觸發(fā)mousedown事件，通過克隆節(jié)點(cloneNode)方法產(chǎn)生元素副本；
[0064]本步驟中，操作事件是指通過鼠標進行的操作，在鼠標移動到選取的元素上方，并按下鼠標按鍵時，觸發(fā)mousedown事件。
[0065]實際應用中，為了使元素副本跟隨操作事件軌跡移動時，顯示元素的實時移動效果，可以進一步設置選取的元素為隱藏狀態(tài)。這樣，在后續(xù)拖拽過程中，由于選取的元素(源元素)處于隱藏狀態(tài)，選取元素的元素副本跟隨鼠標的拖動而拖動，增加了實時拖拽的效果。
[0066]A13,按照預先設置的時間周期觸發(fā)mousemove事件，以計算操作事件坐標信息的變化量，觸發(fā)容器中的元素副本按照計算得到的變化量移動。
[0067]本步驟中，在容器拖動時，不斷觸發(fā)mousemove事件，從而改變元素副本坐標，使之與鼠標的移動軌跡相一致。
[0068]步驟106，監(jiān)測到頁面元素配置分欄列表中生成的元素副本移動至目標元素處，觸發(fā)將選取的元素與目標元素對換；
[0069]本步驟中，當元素副本移動到目標元素位置時，執(zhí)行與目標元素排序位的對換，即更新該元素在頁面元素配置分欄列表中的位置，以拖拽實現(xiàn)排序功能。當然，如果目標元素位置處不具有目標元素，則執(zhí)行普通的移動選取的元素操作。具體來說，包括:
[0070]A14，監(jiān)測到元素副本拖動到容器中的目標元素上方，觸發(fā)目標元素的mouseover事件，進行排序位置判斷；
[0071]本步驟中，當觸發(fā)目標元素的mouseover事件后，調(diào)用事件處理函數(shù)，在事件處理函數(shù)中，進行排序位置判斷。
[0072]A15,根據(jù)判斷得到的排序位置，使用文檔對象模型(DOM, Document ObjectModel)操作的在現(xiàn)有的子節(jié)點前插入一個新的子節(jié)點(insertBefore)方法對選取的元素和目標元素的位置進行調(diào)換。
[0073]本步驟中，排序位置判斷包含豎直方向的排序判斷以及水平方向的排序判斷。如果是進行豎直方向上的排序，使用D0M操作的insertBefore方法，對選取的元素(源對象)和目標元素(目標對象)的位置進行調(diào)換。水平方向上的排序與豎直方向上的排序相類似。其中，關于dom操作的流程，為現(xiàn)有技術，具體可參見相關技術文獻。
[0074]關于排序是豎直方向的排序還是水平方向的排序，可以根據(jù)選取元素的坐標信息與目標元素的坐標信息進行判斷，如果選取元素的縱坐標信息(y坐標)與目標元素的縱坐標信息之差大于相應的橫坐標信息(X坐標)之差，即選取元素移動到目標元素(目標對象)的偏下一個位置，則進行豎直方向上的排序。
[0075]步驟107，監(jiān)測到元素副本釋放選取，刪除元素副本。[0076]本步驟中，監(jiān)測到鼠標從元素副本上松開，即釋放選取時，觸發(fā)mouseup事件，取消綁定的mousedown事件、mousemove事件、mouseover事件以及mouseup事件等拖動事件，清除元素副本。
[0077]如前所述，如果選取的元素設置為隱藏狀態(tài)，則在元素副本釋放選取后，進一步包括:設置進行調(diào)換后所述選取的元素為顯示狀態(tài)。這樣，在一個界面中，即可完成多個頁面元素間的排序調(diào)整以及屬性修改，并通過保存，從而實現(xiàn)頁面的配置，操作簡單，配置頁面所需時間短，配置效率高。
[0078]圖4a?4c為本申請實施例對元素進行排序的示意圖。參見圖4a?4c，容器中包含有元素1和元素2，元素1和元素2在豎直方向上排列，需要將元素1與元素2的位置對換，實現(xiàn)排序。則在圖4a中，通過cloneNode方法為元素1產(chǎn)生元素1副本，并設置元素1為隱藏狀態(tài)(圖中以虛線框表示);在圖4b中，當元素1副本移動至元素2位置時，使用D0M操作的insertBefore方法對元素1和元素2的位置進行調(diào)換，即將元素2置于原元素1的位置，元素1置于原元素2的位置，元素1仍為隱藏狀態(tài)；在圖4c中，當鼠標從元素1副本上松開，清除元素1副本，將元素1的狀態(tài)設置為顯示狀態(tài)。
[0079]圖5為本申請實施例配置頁面的裝置結構示意圖。參見圖5,該裝置包括:頁面元素配置列表獲取模塊、第一監(jiān)測模塊以及第二監(jiān)測模塊，其中，
[0080]頁面元素配置列表獲取模塊，用于基于頁面配置信息，觸發(fā)獲取預先設置的分欄的頁面元素配置列表，所述分欄的頁面元素配置列表至少包括在同一頁面顯示的頁面元素庫分欄列表以及頁面元素配置分欄列表；
[0081]第一監(jiān)測模塊，用于監(jiān)測到選取頁面元素庫分欄列表中的元素，生成該元素副本；
[0082]第二監(jiān)測模塊，用于監(jiān)測到元素副本在頁面元素配置分欄列表中釋放選取，觸發(fā)將元素副本置于被釋放處。
[0083]其中，第一監(jiān)測模塊還包括:坐標信息獲取單元、坐標信息變化量計算單元以及觸發(fā)單元(圖中未示出)，其中，
[0084]坐標信息獲取單元，用于按照預先設置的時間周期，獲取操作事件的坐標信息；
[0085]坐標信息變化量計算單元，用于計算當前時間周期獲取的操作事件坐標信息與上一次時間周期獲取的操作事件坐標信息的變化量；
[0086]觸發(fā)單元，用于觸發(fā)元素副本根據(jù)計算得到的變化量進行移動。
[0087]較佳地，該裝置還進一步包括:
[0088]屬性信息更新模塊，用于更新頁面元素配置分欄列表中元素的屬性信息。
[0089]該裝置還可以進一步包括:
[0090]排序模塊，
[0091]監(jiān)測到頁面元素配置分欄列表中生成的元素副本移動至目標元素處，觸發(fā)將選取的元素與目標元素對換；
[0092]監(jiān)測到元素副本釋放選取，刪除元素副本。
[0093]以上所述僅為本申請的較佳實施例而已，并非用于限定本申請的保護范圍。凡在本申請的精神和原則之內(nèi)，所作的任何修改、等同替換以及改進等，均應包含在本申請的保護范圍之內(nèi)。
【權利要求】
1.一種配置頁面的方法，其特征在于，包括:基于頁面配置信息，觸發(fā)獲取預先設置的頁面元素配置列表，并以分欄方式顯示于同一頁面；所述頁面元素配置列表至少包括頁面元素庫分欄列表、以及頁面元素配置分欄列表;監(jiān)測到頁面元素庫分欄列表中的元素被選取時，生成被選取元素副本；監(jiān)測到所述元素副本在頁面元素配置分欄列表中被釋放時，觸發(fā)將元素副本置于被釋放處。
2.如權利要求1所述的方法，其特征在于，該方法進一步包括，觸發(fā)所述元素副本跟隨操作事件軌跡移動。
3.如權利要求2所述的方法，其特征在于，所述觸發(fā)該元素副本跟隨操作事件軌跡移動包括:按照預先設置的時間周期，獲取操作事件的坐標信息；計算當前時間周期獲取的操作事件坐標信息與上一次時間周期獲取的操作事件坐標信息的變化量；觸發(fā)元素副本根據(jù)計算得到的變化量進行移動。
4.如權利要求2所述的方法，其特征在于，所述觸發(fā)該元素副本跟隨操作事件軌跡移動包括:設置頁面元素配置分欄列表為排序的容器；監(jiān)測到操作事件移動到容器上方，觸發(fā)鼠標鍵按下事件，通過克隆節(jié)點方法產(chǎn)生所述元素副本；按照預先設置的時間周期觸發(fā)鼠標鍵移動事件，以計算操作事件坐標信息的變化量，觸發(fā)容器中的元素副本按照計算得到的變化量移動。
5.如權利要求1至4任一項所述的方法，其特征在于，所述觸發(fā)將元素副本置于被釋放處進一步包括:監(jiān)測到所述元素副本移動至目標元素處時，觸發(fā)將被選取的元素與目標元素對換；所述觸發(fā)將元素副本置于釋放處后，進一步包括，刪除元素副本。
6.如權利要求5所述的方法，其特征在于，所述監(jiān)測元素副本移動至目標元素處，觸發(fā)將選取的元素與目標元素對換包括:監(jiān)測到元素副本拖動到容器中的目標元素上方時，觸發(fā)目標元素的鼠標鍵指向事件，進行排序位置判斷；根據(jù)判斷得到的排序位置，使用文檔對象模型操作的在現(xiàn)有的子節(jié)點前插入一個新的子節(jié)點方法對選取的元素和目標元素的位置進行調(diào)換。
7.如權利要求1所述的方法，其特征在于，進一步包括:更新頁面元素配置分欄列表中元素的屬性信息；其中，屬性信息包括:樣式信息、字體信息以及標題信息。
8.如權利要求1所述的方法，其特征在于，進一步包括:設置頁面元素配置分欄列表中被選取的元素為隱藏狀態(tài)。
9.如權利要求5所述的方法，其特征在于，所述刪除元素副本后，進一步包括:設置進行調(diào)換后所述被選取的元素為顯示狀態(tài)。
10.一種配置頁面的裝置，其特征在于，該裝置包括:頁面元素配置列表獲取模塊、第一監(jiān)測模塊以及第二監(jiān)測模塊，其中，頁面元素配置列表獲取模塊，用于基于頁面配置信息，觸發(fā)獲取預先設置的、以分欄方式顯示于同一頁面的頁面元素配置列表；所述分欄的頁面元素配置列表至少包括頁面元素庫分欄列表以及頁面元素配置分欄列表；第一監(jiān)測模塊，用于監(jiān)測頁面元素庫分欄列表中元素的選取，生成該元素副本；第二監(jiān)測模塊，用于監(jiān)測元素副本在頁面元素配置分欄列表中的釋放，觸發(fā)將元素副本置于釋放處。
11.如權利要求10所述的裝置，其特征在于，所述第一監(jiān)測模塊還包括:坐標信息獲取單元、坐標信息變化量計算單元以及觸發(fā)單元,其中，坐標信息獲取單元，用于按照預先設置的時間周期，獲取操作事件的坐標信息；坐標信息變化量計算單元，用于計算當前時間周期獲取的操作事件坐標信息與上一次時間周期獲取的操作事件坐標信息的變化量；觸發(fā)單元，用于觸發(fā)元素副本根據(jù)計算得到的變化量進行移動。
12.如權利要求10所述的裝置，其特征在于，進一步包括:屬性信息更新模塊，用于更新頁面元素配置分欄列表中元素的屬性信息。
13.如權利要求10所述的裝置，其特征在于，進一步包括:排序模塊，監(jiān)測到所述元素副本移動至目標元素處時，觸發(fā)將選取的元素與目標元素對換；監(jiān)測到元素副本被釋放時，刪除元素副本。
【文檔編號】G06F9/44GK103631487SQ201210298864
【公開日】2014年3月12日 申請日期:2012年8月21日 優(yōu)先權日:2012年8月21日
【發(fā)明者】邱柏宇, 張凱, 范世青 申請人:騰訊科技（深圳）有限公司