專利名稱：網(wǎng)頁中控制界面組件的方法及系統(tǒng)的制作方法
網(wǎng)頁中控制界面組件的方法及系統(tǒng)
技術(shù)領(lǐng)域：
本發(fā)明涉及數(shù)據(jù)處理技術(shù)，特別是涉及一種網(wǎng)頁中控制界面組件的方法及系統(tǒng)。背景技術(shù)：
在計算機交互中常常通過感知用戶的操作手勢來快捷地實現(xiàn)各種功能，相應(yīng)的，對應(yīng)用程序中的圖標等元素進行拖拽移動至桌面以實現(xiàn)相應(yīng)文件的移動、復(fù)制或其它功能，大大簡化了用戶操作，提高了操作上的方便性。隨著各種網(wǎng)絡(luò)應(yīng)用的發(fā)展，也能夠通過瀏覽器所加載的網(wǎng)頁來實現(xiàn)越來越多本地應(yīng)用中的功能，以方便用戶不需要進行下載安裝通過網(wǎng)頁中的網(wǎng)絡(luò)應(yīng)用即可使用原本安裝于計算機本地的各種應(yīng)用，并實現(xiàn)相應(yīng)功能。例如，在網(wǎng)頁中可開啟即時通信工具，用戶通過在網(wǎng)頁中即時通信工具界面的操作來也能夠?qū)崿F(xiàn)安裝于計算機本地的即時通信工具的功能。然而，網(wǎng)頁與網(wǎng)絡(luò)應(yīng)用之間并不能夠像常用的計算機交互一樣，實現(xiàn)應(yīng)用中界面組件從應(yīng)用到網(wǎng)頁的拖拽移動，必須通過一系列較為復(fù)雜的添加組件操作方可將應(yīng)用中的界面組件添加到網(wǎng)頁中，操作上較不方便。

發(fā)明內(nèi)容基于此，有必要提供一種能提高操作上的方便性的網(wǎng)頁中控制界面組件的方法。 此外，還有必要提供一種能提高操作上的方便性的網(wǎng)頁中控制界面組件的系統(tǒng)。一種網(wǎng)頁中控制界面組件的方法，包括如下步驟:獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件；通過所述拖拽事件按照所述界面組件創(chuàng)建交互組件；將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽；通過所述拖拽的交互組件發(fā)生的釋放操作使所述交互組件停留于網(wǎng)頁中。優(yōu)選地，所述通過所述拖拽事件在所述網(wǎng)頁中按照界面組件創(chuàng)建交互組件的步驟為:根據(jù)所述拖拽事件中發(fā)生的選定操作獲取選定的界面組件；按照所述選定的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。優(yōu)選地，所述通過所述拖拽事件在所述網(wǎng)頁中按照界面組件創(chuàng)建交互組件的步驟為:獲取拖拽事件中發(fā)生拖動的界面組件；按照所述拖動的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。優(yōu)選地，所述將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽的步驟之后還包括:根據(jù)所述拖拽事件移動所述交互組件。優(yōu)選地，所述根據(jù)所述拖拽事件移動所述交互組件的步驟為:
通過網(wǎng)頁獲取所述拖拽事件中發(fā)生的連續(xù)拖動得到拖動軌跡；根據(jù)所述拖動軌跡在所述網(wǎng)頁中移動所述交互組件。一種網(wǎng)頁中控制界面組件的系統(tǒng)，包括:事件獲取模塊，用于獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件；創(chuàng)建模塊，用于通過所述拖拽事件按照所述界面組件創(chuàng)建交互組件；變換模塊，用于將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽；組件釋放模塊，用于通過所述拖拽的交互組件發(fā)生的釋放操作使所述交互組件停留于網(wǎng)頁中。優(yōu)選地，所述創(chuàng)建模塊包括:選定單元，用于根據(jù)所述拖拽事件中發(fā)生的選定操作獲取選定的界面組件；第一組件創(chuàng)建單元，用于按照所述選定的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。
優(yōu)選地，所述創(chuàng)建模塊包括:組件獲取單元，用于獲取拖拽事件中發(fā)生拖動的界面組件；第二組件創(chuàng)建單元，用于按照所述拖動的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。優(yōu)選地，還 包括:移動控制模塊，用于根據(jù)所述拖拽事件移動所述交互組件。優(yōu)選地，所述移動控制模塊包括:軌跡獲取單元，用于通過網(wǎng)頁獲取所述拖拽事件中發(fā)生的連續(xù)拖動得到拖動軌跡；組件移動單元，用于根據(jù)所述拖動軌跡在所述網(wǎng)頁中移動所述交互組件。上述網(wǎng)頁中控制界面組件的方法及系統(tǒng)，通過應(yīng)用的界面組件的拖拽事件在網(wǎng)頁中創(chuàng)建交互組件，并通過拖拽事件中的釋放操作使交互組件停留在網(wǎng)頁中，實現(xiàn)了網(wǎng)頁中應(yīng)用與網(wǎng)頁之間的交互，進而通過網(wǎng)頁上的交互組件也能實現(xiàn)界面組件在應(yīng)用中的功能，提高了操作上的方便性。

圖1為一個實施例中網(wǎng)頁中控制界面組件的方法流程圖；圖2為一個實施例中獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件的方法流程圖；圖3為另一個實施例中獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件的方法流程圖；圖4為一個實施例中根據(jù)拖拽事件移動交互組件的方法流程圖；圖5為一個實施例中的網(wǎng)頁示意圖；圖6為圖6中拖拽界面組件的網(wǎng)頁示意圖；圖7為圖7中交互界面停留網(wǎng)頁的示意圖；圖8為一個實施例中網(wǎng)頁中控制界面組件的系統(tǒng)結(jié)構(gòu)示意圖；圖9為一個實施例中創(chuàng)建模塊的結(jié)構(gòu)示意圖；圖10為另一個實施例中創(chuàng)建模塊的結(jié)構(gòu)示意圖；圖11為另一個實施例中網(wǎng)頁中控制界面組件的結(jié)構(gòu)示意圖；圖12為圖11中移動控制模塊的結(jié)構(gòu)示意圖13為一個實施例中網(wǎng)頁頁面和即時通信工具的界面示意圖；圖14為圖13中對組件進行拖拽的示意圖；圖15為圖14中拖拽操作結(jié)束后的示意圖。
具體實施方式在一個實施例中，如圖1所示，一種網(wǎng)頁中控制界面組件的方法，包括如下步驟:步驟S110，獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件。本實施例中，網(wǎng)頁中的應(yīng)用為置于網(wǎng)頁中的各種網(wǎng)絡(luò)應(yīng)用，可為flash腳本。界面組件為網(wǎng)頁中應(yīng)用所在界面中的某一元素，用于實現(xiàn)應(yīng)用的某一功能，可以是圖片、視頻或聲音的形式，也可以代碼集合。具體的，可通過鼠標的拖拽或觸摸屏幕中用戶施加于界面組件的滑動輸入拖拽事件實現(xiàn)應(yīng)用所在界面中某一界面組件的拖拽。拖拽事件可以是一系列連續(xù)的操作，包括界面組件的選定操作、拖動操作以及釋放操作，例如，在一界面組件的拖拽事件中，用戶按下鼠標觸發(fā)界面組件的選定操作，并通過鼠標的滑動進行界面組件的拖動，在將界面組件拖動至某一位置時松開鼠標釋放拖拽的界面組件完成整個拖拽事件。步驟S130,通過拖拽事件按照界面組件創(chuàng)建交互組件。本實施例中，觸發(fā)拖拽事件時，按照界面組件在網(wǎng)頁中創(chuàng)建交互組件，并為創(chuàng)建的交互組件設(shè)置相應(yīng)的屬性，例如，交互組件的屬性可以是交互組件在網(wǎng)頁中的位置信息。在一個實施例中，如圖2所示，上述步驟S130的具體過程為:步驟S131， 根據(jù)拖拽事件中發(fā)生的選定操作獲取選定的界面組件。本實施例中，在拖拽事件中根據(jù)界面組件的選定操作即可獲知應(yīng)用所在界面發(fā)生了拖拽操作，進而確定用戶的拖拽操作所作用的對象是應(yīng)用所在界面中哪一界面組件。步驟S133，按照選定的界面組件在網(wǎng)頁中創(chuàng)建交互組件。本實施例中，在網(wǎng)頁中創(chuàng)建與選定的界面組件相對應(yīng)的交互組件，這一創(chuàng)建的交互組件擁有與選定的界面組件相一致的功能。在另一個實施例中，如圖3所示，上述步驟S130的具體過程為:步驟S135，獲取拖拽事件中發(fā)生拖動的界面組件。本實施例中，應(yīng)用所在界面發(fā)生的拖拽事件中，在選定了界面組件之后，通過對選定的界面組件所觸發(fā)的拖動操作獲取該拖動操作的對象，即拖拽事件中發(fā)生了拖動的界面組件。步驟S137，按照拖動的界面組件在網(wǎng)頁中創(chuàng)建交互組件。本實施例中，根據(jù)發(fā)生了拖動的界面組件，在網(wǎng)頁中進行交互組件的創(chuàng)建，所創(chuàng)建的交互組件將擁有與發(fā)生了拖動的界面組件相一致的功能。步驟S150，將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽。本實施例中，隨著界面組件在應(yīng)用所在界面中的滑動，當界面組件即將滑出應(yīng)用所在界面時，拖拽操作所施加的對象將由界面組件變換為網(wǎng)頁中創(chuàng)建的交互組件。對用戶而言，在視覺上從應(yīng)用所在界面到網(wǎng)頁所發(fā)生的拖拽事件作用的對象為同一組件，但實際上在應(yīng)用所在界面的范圍內(nèi)，拖拽事件作用的對象為界面組件，而在應(yīng)用所在界面的范圍之后的網(wǎng)頁中，拖拽事件作用的對象將被變換為交互組件。在另一個實施例中，上述步驟S150之后還包括根據(jù)拖拽事件移動交互組件的步驟。本實施例中，交互組件將跟隨拖拽事件所產(chǎn)生的拖動軌跡在網(wǎng)頁中移動，以產(chǎn)生交互組件隨著鼠標或觸摸屏幕中發(fā)生的移動而進行移動的視覺效果，進而通過這一視覺效果向用戶反饋發(fā)生的拖拽事件，提高網(wǎng)頁中的交互性。在一個實施例中，如圖4所示，上述根據(jù)拖拽事件移動交互組件的步驟包括:步驟S401，通過網(wǎng)頁獲取拖拽事件中發(fā)生的連續(xù)拖動得到拖動軌跡。本實施例中，通過網(wǎng)頁獲取拖拽事件在網(wǎng)頁中產(chǎn)生的拖動軌跡，具體的，可通過網(wǎng)頁對拖拽事件進行監(jiān)聽，以獲取到拖拽事件中發(fā)生的連續(xù)拖動的拖動軌跡，例如，可實時獲取鼠標所對應(yīng)的指針位置來得到相應(yīng)的拖動軌跡。步驟S403，根據(jù)拖動軌跡在網(wǎng)頁中移動交互組件。本實施例中，按照拖動軌跡在網(wǎng)頁中控制交互組件的移動，例如，根據(jù)鼠標所對應(yīng)的指針位置，實時設(shè)定交互組件的位置，實現(xiàn)交互組件跟隨指針移動的視覺效果。步驟S170，通過拖拽的交互組件發(fā)生的釋放操作使交互組件停留于網(wǎng)頁中。本實施例中，在拖拽事件結(jié)束時交互組件中將發(fā)生釋放操作，此時交互組件將被置于網(wǎng)頁中，而交互組件在網(wǎng)頁中的位置可以是網(wǎng)頁中預(yù)先設(shè)置的某一位置，也可以根據(jù)交互組件被釋放時在網(wǎng)頁中的位置確定。通過拖拽的方式在網(wǎng)頁中添加應(yīng)用中界面組件的快捷方式，即通過停留于網(wǎng)頁中的交互組件便可實現(xiàn)界面組件在應(yīng)用中的功能，使得用戶不需要在網(wǎng)頁中開啟應(yīng)用所在的界面，通過觸發(fā)網(wǎng)頁中的交互組件就可以實現(xiàn)相應(yīng)的界面組件在應(yīng)用中的功能，大大地提高了操作上的方便性。下面結(jié)合一個具體的實施例來詳細闡述上述網(wǎng)頁中控制界面組件的方法。該實施例中，如圖5所示，在網(wǎng)頁510的某一應(yīng)用530所在界面中，界面組件550為應(yīng)用530所在界面中的組成部分，在用戶對界面組件550施加了拖拽操作時，如圖6所示，獲取拖拽事件，并在網(wǎng)頁510中創(chuàng)建交互組件610，界面組件550跟隨拖拽操作在應(yīng)用530所在界面中滑動，在滑出應(yīng)用530所在界面時，拖拽事件的作用對象變換為交互組件610，此時，交互組件610跟隨著拖拽操作在網(wǎng)頁510中滑動，當被釋放時交互組件610將會停留于網(wǎng)頁中如圖7所示，完成了應(yīng)用與所在網(wǎng)頁之間的通訊，將應(yīng)用中的組件拖拽到網(wǎng)頁中，簡化網(wǎng)頁中某一組件的快捷方式的產(chǎn)生過程，也提高了用戶在操作上的方便性。在一個實施例中，如圖8所示，一種網(wǎng)頁中控制界面組件的系統(tǒng)，包括事件獲取模塊10、創(chuàng)建模塊30、變換模塊50以及組件釋放模塊70。事件獲取模塊10，用于獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件。本實施例中，網(wǎng)頁中的應(yīng)用為置于網(wǎng)頁中的各種網(wǎng)絡(luò)應(yīng)用，可為flash腳本。界面組件為網(wǎng)頁中應(yīng)用所在界面中的某一元素，用于實現(xiàn)應(yīng)用的某一功能，可以是圖片、視頻或聲音的形式，也可以代碼集合。具體的，可通過鼠標的拖拽或觸摸屏幕中用戶施加于界面組件的滑動輸入拖拽事件實現(xiàn)應(yīng)用所在界面中某一界面組件的拖拽。拖拽事件可以是一系列連續(xù)的操作，包括界面組件的選定操作、拖動操作以及釋放操作，例如，在一界面組件的拖拽事件中，用戶按下鼠標觸發(fā)界面組件的選定操作，并通過鼠標的滑動進行界面組件的拖動，在將界面組件拖動至某一位置時松開鼠標釋放拖拽的界面組件完成整個拖拽事件。創(chuàng)建模塊30，用于通過拖拽事件按照界面組件創(chuàng)建交互組件。本實施例中，觸發(fā)拖拽事件時，創(chuàng)建模塊30按照界面組件在網(wǎng)頁中創(chuàng)建交互組件，并為創(chuàng)建的交互組件設(shè)置相應(yīng)的屬性，例如，交互組件的屬性可以是交互組件在網(wǎng)頁中的位置信息。在一個實施例中，如圖9所示，上述創(chuàng)建模塊30包括選定單元310以及第一組件創(chuàng)建單元330。選定單元310，用于根據(jù)拖拽事件中發(fā)生的選定操作獲取選定的界面組件。本實施例中，選定單元310在拖拽事件中根據(jù)界面組件的選定操作即可獲知應(yīng)用所在界面發(fā)生了拖拽操作，進而確定用戶的拖拽操作所作用的對象是應(yīng)用所在界面中哪一界面組件。第一組件創(chuàng)建單元330，用于按照選定的界面組件在網(wǎng)頁中創(chuàng)建交互組件。本實施例中，第一組件創(chuàng)建單元330在網(wǎng)頁中創(chuàng)建與選定的界面組件相對應(yīng)的交互組件，這一創(chuàng)建的交互組件擁有與選定的界面組件相一致的功能。在另一個實施例中，如圖10所示，上述創(chuàng)建模塊30包括組件獲取單元350以及第二組件創(chuàng)建單元370。組件獲取單元350，用于獲取拖拽事件中發(fā)生拖動的界面組件。本實施例中，應(yīng)用所在界面發(fā)生的拖拽事件中，在選定了界面組件之后，組件獲取單元350通過對選定的界面組件所觸發(fā)的拖動操作獲取該拖動操作的對象，即拖拽事件中發(fā)生了拖動的界面組件。第二組件創(chuàng)建單元370，用于按照拖動的界面組件在網(wǎng)頁中創(chuàng)建交互組件。本實施例中，第二組件創(chuàng)建單元370根據(jù)發(fā)生了拖動的界面組件，在網(wǎng)頁中進行交互組件的創(chuàng)建，所創(chuàng)建的交互組件將擁有與發(fā)生了拖動的界面組件相一致的功能。變換模塊50，用于將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽。本實施例中，隨著界面組件在應(yīng)用所在界面中的滑動，當界面組件即將滑出應(yīng)用所在界面時，變換模塊50將拖拽操作所施加的對象由界面組件變換為網(wǎng)頁中創(chuàng)建的交互組件。對用戶而言，在視覺上從應(yīng)用所在界面到網(wǎng)頁所發(fā)生的拖拽事件作用的對象為同一組件，但實際上在應(yīng)用所在界面的范圍內(nèi)，拖拽事件作用的對象為界面組件，而在應(yīng)用所在界面的范圍之后的網(wǎng)頁中，拖拽事件作用的對象將被變換為交互組件。在另一個實施例中，如圖11所示，上述網(wǎng)頁中控制界面組件的系統(tǒng)還包括移動控制模塊90。移動控制模塊90，用于根據(jù)拖拽事件移動交互組件。本實施例中，移動控制模塊90將控制交互組件跟隨拖拽事件所產(chǎn)生的拖動軌跡在網(wǎng)頁中移動，以產(chǎn)生交互組件隨著鼠標或觸摸屏幕中發(fā)生的移動而進行移動的視覺效果，進而通過這一視覺效果向用戶反饋發(fā)生的拖拽事件，提高網(wǎng)頁中的交互性。在一個實施例中，如圖12所示,上述移動控制模塊90包括軌跡獲取單元910以及組件移動單元930。軌跡獲取單元910，用于通過網(wǎng)頁獲取拖拽事件中發(fā)生的連續(xù)拖動得到拖動軌跡。
本實施例中，軌跡獲取單元910通過網(wǎng)頁獲取拖拽事件在網(wǎng)頁中產(chǎn)生的拖動軌跡，具體的，軌跡獲取單元910可通過網(wǎng)頁對拖拽事件進行監(jiān)聽，以獲取到拖拽事件中發(fā)生的連續(xù)拖動的拖動軌跡，例如，軌跡獲取單元910可實時獲取鼠標所對應(yīng)的指針位置來得到相應(yīng)的拖動軌跡。組件移動單元930，用于根據(jù)拖動軌跡在網(wǎng)頁中移動交互組件。本實施例中，組件移動單元930按照拖動軌跡在網(wǎng)頁中控制交互組件的移動，例如，組件移動單元930根據(jù)鼠標所對應(yīng)的指針位置，實時設(shè)定交互組件的位置，實現(xiàn)交互組件跟隨指針移動的視覺效果。組件釋放模塊70，用于通過拖拽的交互組件發(fā)生的釋放操作使交互組件停留于網(wǎng)頁中。本實施例中，在拖拽事件結(jié)束時交互組件中將發(fā)生釋放操作，此時組件釋放模塊70將交互組件置于網(wǎng)頁中，而交互組件在網(wǎng)頁中的位置可以是網(wǎng)頁中預(yù)先設(shè)置的某一位置，也可以根據(jù)交互組件被釋放時在網(wǎng)頁中的位置確定。通過拖拽的方式在網(wǎng)頁中添加應(yīng)用中界面組件的快捷方式，即通過停留于網(wǎng)頁中的交互組件便可實現(xiàn)界面組件在應(yīng)用中的功能，使得用戶不需要在網(wǎng)頁中開啟應(yīng)用所在的界面，通過觸發(fā)網(wǎng)頁中的交互組件就可以實現(xiàn)相應(yīng)的界面組件在應(yīng)用中的功能，大大地提高了操作上的方便性。下面結(jié)合一個具體的應(yīng)用來詳細描述上述網(wǎng)頁中控制界面組件的方法及系統(tǒng)。如圖13所示，運行于網(wǎng)頁頁面131中的應(yīng)用為即時通信工具133，也就是說，即時通信工具133是以Flash面板的形式存在于網(wǎng)頁頁面131中的，并且即時通信工具133中的每一元素都可作為界面組件，如圖標135所示，進而通過用戶的拖拽操作從Flash面板中拖拽到網(wǎng)頁頁面131上。具體地，用戶拖拽即時通信工具133上的圖標135的過程中，事件獲取模塊10獲取網(wǎng)頁頁面131中即時通信工具133的圖標135發(fā)生的拖拽事件，此時，即時通信工具133將圖標135所發(fā)生的拖拽事件通知網(wǎng)頁頁面131，即創(chuàng)建模塊30通過拖拽事件按照圖標135在網(wǎng)頁頁面中創(chuàng)建交互組件，該交互組件為網(wǎng)頁頁面131中圖標135的快捷方式。如圖14所示，在即時通信工具中，圖標135跟隨用戶的拖拽操作進行滑動，若滑出即時通信工具133的界面則拖拽操作的對象將被變換模塊50變換為交互組件141，此時，移動控制模塊90控制交互組件141進行移動，并在獲取到交互組件141中發(fā)生的釋放操作時組件釋放模塊70將交互組件141停留于頁面頁面131中，如圖15所示，實現(xiàn)了即時通信工具133和網(wǎng)頁頁面131之間組件的拖拽移動。上述網(wǎng)頁中控制界面組件的方法及系統(tǒng)，通過應(yīng)用的界面組件的拖拽事件在網(wǎng)頁中創(chuàng)建交互組件，并通過拖拽事件中的釋放操作使交互組件停留在網(wǎng)頁中，實現(xiàn)了網(wǎng)頁中應(yīng)用與網(wǎng)頁之間的交互，進而通過網(wǎng)頁上的交互組件也能實現(xiàn)界面組件在應(yīng)用中的功能，提高了操作上的方便性。以上所述實施例僅表達了本發(fā)明的幾種實施方式，其描述較為具體和詳細，但并不能因此而理解為對本發(fā)明專利范圍的限制。應(yīng)當指出的是，對于本領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明構(gòu)思的前提下，還可以做出若干變形和改進，這些都屬于本發(fā)明的保護范圍。因此，本發(fā)明專利的保護范圍應(yīng)以所附權(quán)利要求為準。
權(quán)利要求
1.一種網(wǎng)頁中控制界面組件的方法，包括如下步驟: 獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件； 通過所述拖拽事件按照所述界面組件創(chuàng)建交互組件； 將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽； 通過所述拖拽的交互組件發(fā)生的釋放操作使所述交互組件停留于網(wǎng)頁中。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁中控制界面組件的方法，其特征在于，所述通過所述拖拽事件在所述網(wǎng)頁中按照界面組件創(chuàng)建交互組件的步驟為: 根據(jù)所述拖拽事件中發(fā)生的選定操作獲取選定的界面組件； 按照所述選定的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。
3.根據(jù)權(quán)利要求1所述的網(wǎng)頁中控制界面組件的方法，其特征在于，所述通過所述拖拽事件在所述網(wǎng)頁中按照界面組件創(chuàng)建交互組件的步驟為: 獲取拖拽事件中發(fā)生拖動的界面組件； 按照所述拖動的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。
4.根據(jù)權(quán)利要求1所述的網(wǎng)頁中控制界面組件的方法，其特征在于，所述將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽的步驟之后還包括: 根據(jù)所述 拖拽事件移動所述交互組件。
5.根據(jù)權(quán)利要求4所述的網(wǎng)頁中控制界面組件的方法，其特征在于，所述根據(jù)所述拖拽事件移動所述交互組件的步驟為: 通過網(wǎng)頁獲取所述拖拽事件中發(fā)生的連續(xù)拖動得到拖動軌跡； 根據(jù)所述拖動軌跡在所述網(wǎng)頁中移動所述交互組件。
6.一種網(wǎng)頁中控制界面組件的系統(tǒng)，其特征在于，包括: 事件獲取模塊，用于獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件； 創(chuàng)建模塊，用于通過所述拖拽事件按照所述界面組件創(chuàng)建交互組件； 變換模塊，用于將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽； 組件釋放模塊，用于通過所述拖拽的交互組件發(fā)生的釋放操作使所述交互組件停留于網(wǎng)頁中。
7.根據(jù)權(quán)利要求6所述的網(wǎng)頁中控制界面組件的系統(tǒng)，其特征在于，所述創(chuàng)建模塊包括: 選定單元，用于根據(jù)所述拖拽事件中發(fā)生的選定操作獲取選定的界面組件； 第一組件創(chuàng)建單元，用于按照所述選定的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。
8.根據(jù)權(quán)利要求6所述的網(wǎng)頁中控制界面組件的系統(tǒng)，其特征在于，所述創(chuàng)建模塊包括: 組件獲取單元，用于獲取拖拽事件中發(fā)生拖動的界面組件； 第二組件創(chuàng)建單元，用于按照所述拖動的界面組件在所述網(wǎng)頁中創(chuàng)建交互組件。
9.根據(jù)權(quán)利要求6所述的網(wǎng)頁中控制界面組件的系統(tǒng)，其特征在于，還包括: 移動控制模塊，用于根據(jù)所述拖拽事件移動所述交互組件。
10.根據(jù)權(quán)利要求9所述的網(wǎng)頁中控制界面組件的系統(tǒng)，其特征在于，所述移動控制模塊包括:軌跡獲取單元，用于通過網(wǎng)頁獲取所述拖拽事件中發(fā)生的連續(xù)拖動得到拖動軌跡；組件移動單元，用于根據(jù)所 述拖動軌跡在所述網(wǎng)頁中移動所述交互組件。
全文摘要
一種網(wǎng)頁中控制界面組件的方法，包括如下步驟獲取網(wǎng)頁中應(yīng)用的界面組件的拖拽事件；通過所述拖拽事件按照所述界面組件創(chuàng)建交互組件；將界面組件中發(fā)生的滑出應(yīng)用所在界面的拖拽變換為交互組件的拖拽；通過所述拖拽的交互組件發(fā)生的釋放操作使所述交互組件停留于網(wǎng)頁中。上述網(wǎng)頁中控制界面組件的方法及系統(tǒng)，通過應(yīng)用的界面組件的拖拽事件在網(wǎng)頁中創(chuàng)建交互組件，并通過拖拽事件中的釋放操作使交互組件停留在網(wǎng)頁中，實現(xiàn)了網(wǎng)頁中應(yīng)用與網(wǎng)頁之間的交互，進而通過網(wǎng)頁上的交互組件也能實現(xiàn)界面組件在應(yīng)用中的功能，提高了操作上的方便性。
文檔編號G06F17/30GK103177014SQ20111043581
公開日2013年6月26日 申請日期2011年12月22日 優(yōu)先權(quán)日2011年12月22日
發(fā)明者龍?？? 杜瑋, 唐啟宏, 黃媛, 楊德模 申請人:騰訊科技(深圳)有限公司