亚洲成年人黄色一级片,日本香港三级亚洲三级,黄色成人小视频,国产青草视频,国产一区二区久久精品,91在线免费公开视频,成年轻人网站色直接看

移動電子裝置與其瀏覽網(wǎng)頁動畫內(nèi)容的方法

文檔序號:6353943閱讀:265來源:國知局

專利名稱::移動電子裝置與其瀏覽網(wǎng)頁動畫內(nèi)容的方法
技術(shù)領(lǐng)域
:本發(fā)明涉及一種瀏覽網(wǎng)頁的方法,特別是涉及一種瀏覽網(wǎng)頁動畫內(nèi)容的方法與使用此方法的移動電子裝置。
背景技術(shù)
:隨著移動通信科技的進步,越來越多的移動電子裝置開始提供瀏覽網(wǎng)頁的功能。因此在這個信息爆發(fā)的時代,使用者能通過移動電子裝置隨時隨地的通過網(wǎng)路獲取最新信息,而不會受到時間與地點的限制。目前有越來越多的網(wǎng)頁設(shè)計人員習(xí)慣將網(wǎng)頁動畫內(nèi)容(flashcontent)嵌入網(wǎng)頁,以將動畫、影片,以及互動效果提供給使用者。然而,網(wǎng)頁動畫內(nèi)容原本是被設(shè)計在計算機系統(tǒng)上顯示,倘若使用者想要在移動電子裝置上觀看網(wǎng)頁動畫內(nèi)容,由于網(wǎng)頁動畫內(nèi)容的大小可能大幅超出移動電子裝置的屏幕大小,因此在移動電子裝置上觀看網(wǎng)頁動畫內(nèi)容將產(chǎn)生諸多不便。此外,用來顯示網(wǎng)頁動畫內(nèi)容的網(wǎng)頁動畫播放器多半是設(shè)計為瀏覽器的插件(plug-in),為了讓使用者能更容易地與網(wǎng)頁互動,因應(yīng)使用者手勢所產(chǎn)生的信號會被傳送至瀏覽器而非網(wǎng)頁動畫引擎(flashengine)0因此,必須由瀏覽器決定是否要將信號傳送至網(wǎng)頁動畫引擎。在某些使用情境下,當(dāng)接收使用者做出的手勢時,瀏覽器無法正確地辨別出使用者是想要對網(wǎng)頁或網(wǎng)頁動畫內(nèi)容進行操作,因而針對使用者手勢做出的反應(yīng)可能會不符合使用者的要求。
發(fā)明內(nèi)容有鑒于此,本發(fā)明提供一種瀏覽網(wǎng)頁動畫內(nèi)容的方法與移動電子裝置,能以全屏幕模式播放嵌入于網(wǎng)頁的網(wǎng)頁動畫內(nèi)容,進而讓使用者能更便利地與網(wǎng)頁動畫內(nèi)容互動。本發(fā)明提出一種瀏覽網(wǎng)頁動畫內(nèi)容的方法,用于具有觸摸屏幕的移動電子裝置,其中網(wǎng)頁動畫內(nèi)容是嵌入于網(wǎng)頁,此網(wǎng)頁是由執(zhí)行于移動電子裝置的瀏覽器所顯示。在網(wǎng)頁中具有預(yù)設(shè)的可視區(qū)域以顯示至少部份的網(wǎng)頁動畫內(nèi)容,而網(wǎng)頁動畫內(nèi)容是由瀏覽器使用的網(wǎng)頁動畫引擎所繪制。此方法包括接收動畫瀏覽信號,根據(jù)觸摸屏幕的大小彈出一全屏幕界面。若可視區(qū)域的大小大于觸摸屏幕的大小,則縮小網(wǎng)頁動畫內(nèi)容以使被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕的大小,并依據(jù)網(wǎng)頁動畫內(nèi)容的一縮小尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。當(dāng)接受到來自觸摸屏幕的動畫互動信號時,將動畫互動信號傳送至網(wǎng)頁動畫引擎,以于網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)動畫互動信號的動作。在本發(fā)明的一實施例中,其中動畫瀏覽信號是根據(jù)作用于觸摸屏幕的二次輕擊手勢所產(chǎn)生,且二次輕擊手勢是執(zhí)行在可視區(qū)域之內(nèi)。在本發(fā)明的一實施例中,此瀏覽網(wǎng)頁動畫內(nèi)容的方法還包括若可視區(qū)域的大小小于或等于觸摸屏幕的大小,則依據(jù)網(wǎng)頁動畫內(nèi)容的原始尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。在本發(fā)明的一實施例中,其中在依據(jù)網(wǎng)頁動畫內(nèi)容的縮小尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的步驟之后,此方法還包括當(dāng)接收到尺寸調(diào)整信號,根據(jù)尺寸調(diào)整信號縮放網(wǎng)頁動畫內(nèi)容。當(dāng)接收到視角移動信號,根據(jù)視角移動信號移動視角以將被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的不同部分呈現(xiàn)在全屏幕界面。當(dāng)接收到場景拖曳信號,若網(wǎng)頁動畫內(nèi)容的原始尺寸大于可視區(qū)域的大小,則將場景拖曳信號傳送至網(wǎng)頁動畫引擎來根據(jù)場景拖曳信號拖曳網(wǎng)頁動畫內(nèi)容,以將網(wǎng)頁動畫內(nèi)容的不同部分顯示于可視區(qū)域。當(dāng)接收到調(diào)整為屏幕大小信號,縮放網(wǎng)頁動畫內(nèi)容以使被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕的大小。在本發(fā)明的一實施例中,其中根據(jù)尺寸調(diào)整信號縮放網(wǎng)頁動畫內(nèi)容的步驟包括若尺寸調(diào)整信號是根據(jù)作用于觸摸屏幕的二次輕擊手勢所產(chǎn)生,則將網(wǎng)頁動畫內(nèi)容調(diào)整為網(wǎng)頁動畫內(nèi)容的原始尺寸,以在全屏幕界面播放局部的被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。若尺寸調(diào)整信號是根據(jù)作用于觸摸屏幕的捏夾手勢所產(chǎn)生,則根據(jù)捏夾手勢縮放網(wǎng)頁動畫內(nèi)容,以在全屏幕界面播放局部的網(wǎng)頁動畫內(nèi)容。在本發(fā)明的一實施例中,其中視角移動信號是根據(jù)作用于觸摸屏幕的移動手勢所產(chǎn)生,場景拖曳信號是根據(jù)作用于觸摸屏幕的下壓再移動手勢所產(chǎn)生,且調(diào)整為屏幕大小信號是根據(jù)作用于觸摸屏幕的二次輕擊手勢所產(chǎn)生。在本發(fā)明的一實施例中,其中動畫互動信號是根據(jù)作用于觸摸屏幕的移動手勢或輕擊手勢所產(chǎn)生,且傳送動畫互動信號至網(wǎng)頁動畫引擎,以于網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)動畫互動信號的動作的步驟包括傳送動畫互動信號至網(wǎng)頁動畫引擎,以引發(fā)對應(yīng)移動手勢或輕擊手勢的動作。本發(fā)明提出一種移動電子裝置,包括觸摸屏幕、網(wǎng)頁動畫引擎提供模塊、網(wǎng)頁瀏覽模塊,以及網(wǎng)頁動畫內(nèi)容瀏覽模塊。網(wǎng)頁動畫引擎提供模塊用于提供網(wǎng)頁動畫引擎與網(wǎng)頁動畫引擎接口。網(wǎng)頁瀏覽模塊耦接觸摸屏幕與網(wǎng)頁動畫引擎提供模塊,用于啟動瀏覽器來取得具有網(wǎng)頁動畫內(nèi)容的網(wǎng)頁,并將其呈現(xiàn)于觸摸屏幕。其中,瀏覽器通過網(wǎng)頁動畫引擎接口使用網(wǎng)頁動畫引擎以繪制網(wǎng)頁動畫內(nèi)容,且至少部份的網(wǎng)頁動畫內(nèi)容被顯示于預(yù)設(shè)在網(wǎng)頁中的可視區(qū)域。網(wǎng)頁動畫內(nèi)容瀏覽模塊耦接觸摸屏幕與網(wǎng)頁動畫引擎提供模塊,用于在接收動畫瀏覽信號時,根據(jù)觸摸屏幕的大小彈出一全屏幕界面。其中,若可視區(qū)域的大小大于觸摸屏幕的大小,網(wǎng)頁動畫內(nèi)容瀏覽模塊縮小網(wǎng)頁動畫內(nèi)容以使被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕的大小,并依據(jù)網(wǎng)頁動畫內(nèi)容的縮小尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。當(dāng)接受到來自觸摸屏幕的動畫互動信號時,網(wǎng)頁動畫內(nèi)容瀏覽模塊通過網(wǎng)頁動畫引擎接口將動畫互動信號傳送至網(wǎng)頁動畫引擎,以于網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)動畫互動信號的動作。在本發(fā)明的一實施例中,其中動畫瀏覽信號是根據(jù)作用于觸摸屏幕的二次輕擊手勢所產(chǎn)生,且二次輕擊手勢是執(zhí)行在可視區(qū)域之內(nèi)。在本發(fā)明的一實施例中,其中若可視區(qū)域的大小小于或等于觸摸屏幕的大小,網(wǎng)頁動畫內(nèi)容瀏覽模塊依據(jù)網(wǎng)頁動畫內(nèi)容的原始尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。在本發(fā)明的一實施例中,其中當(dāng)接收到尺寸調(diào)整信號時,網(wǎng)頁動畫內(nèi)容瀏覽模塊根據(jù)尺寸調(diào)整信號縮放網(wǎng)頁動畫內(nèi)容。當(dāng)接收到視角移動信號,網(wǎng)頁動畫內(nèi)容瀏覽模塊根據(jù)視角移動信號移動視角以將被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的不同部分呈現(xiàn)于全屏幕界面。當(dāng)接收到場景拖曳信號,若網(wǎng)頁動畫內(nèi)容的原始尺寸大于可視區(qū)域的大小,網(wǎng)頁動畫內(nèi)容瀏覽模塊將場景拖曳信號傳送至網(wǎng)頁動畫引擎來根據(jù)場景拖曳信號拖曳網(wǎng)頁動畫內(nèi)容,以將網(wǎng)頁動畫內(nèi)容的不同部分顯示于可視區(qū)域。當(dāng)接收到調(diào)整為屏幕大小信號,網(wǎng)頁動畫內(nèi)容瀏覽模塊縮放網(wǎng)頁動畫內(nèi)容以使被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕的大小。在本發(fā)明的一實施例中,其中若尺寸調(diào)整信號是根據(jù)作用于觸摸屏幕的二次輕擊手勢所產(chǎn)生,網(wǎng)頁動畫內(nèi)容瀏覽模塊將網(wǎng)頁動畫內(nèi)容調(diào)整為網(wǎng)頁動畫內(nèi)容的原始尺寸,以在全屏幕界面播放局部的被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。若尺寸調(diào)整信號是根據(jù)作用于觸摸屏幕的捏夾手勢所產(chǎn)生,網(wǎng)頁動畫內(nèi)容瀏覽模塊根據(jù)捏夾手勢縮放網(wǎng)頁動畫內(nèi)容,以在全屏幕界面播放局部的網(wǎng)頁動畫內(nèi)容。在本發(fā)明的一實施例中,其中視角移動信號是根據(jù)作用于觸摸屏幕的移動手勢所產(chǎn)生,場景拖曳信號是根據(jù)作用于觸摸屏幕的下壓再移動手勢所產(chǎn)生,且調(diào)整為屏幕大小信號是根據(jù)作用于觸摸屏幕的二次輕擊手勢所產(chǎn)生。在本發(fā)明的一實施例中,其中動畫互動信號是根據(jù)作用于觸摸屏幕的移動手勢或輕擊手勢所產(chǎn)生,網(wǎng)頁動畫內(nèi)容瀏覽模塊通過網(wǎng)頁動畫引擎接口傳送動畫互動信號至網(wǎng)頁動畫引擎,以引發(fā)對應(yīng)移動手勢或輕擊手勢的動作?;谏鲜?,本發(fā)明在通過觸摸屏幕接收到特定手勢后,將以全屏幕界面顯示嵌入于網(wǎng)頁的網(wǎng)頁動畫內(nèi)容,此后便能清楚地分辨使用者做出的手勢的意圖。如此一來便能提供更便利的方式來在移動電子裝置上瀏覽網(wǎng)頁動畫內(nèi)容,且讓使用者與網(wǎng)頁動畫內(nèi)容之間的互動變得更為容易。為讓本發(fā)明的上述特征和優(yōu)點能更明顯易懂,下文特舉實施例,并配合附圖作詳細(xì)說明如下。圖1是依照本發(fā)明的一實施例所繪示的移動電子裝置的方塊圖。圖2是依照本發(fā)明的一實施例所繪示的瀏覽網(wǎng)頁動畫內(nèi)容的方法的流程圖。圖3至圖6是依照本發(fā)明的一實施例所繪示的網(wǎng)頁動畫內(nèi)容、可視區(qū)域,以及全屏幕界面的關(guān)系示意圖。附圖符號說明100:移動電子裝置110:觸摸屏幕120:網(wǎng)頁瀏覽模塊125瀏覽器130網(wǎng)頁動畫引擎提供模塊135:網(wǎng)頁動畫引擎接口137:網(wǎng)頁動畫引擎140網(wǎng)頁動畫內(nèi)容瀏覽模塊S205S280本發(fā)明的一實施例所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法的各步驟300、400:網(wǎng)頁動畫內(nèi)容310,410可視區(qū)域320,420全屏幕界面具體實施例方式圖1是依照本發(fā)明的一實施例所繪示的移動電子裝置的方塊圖。如圖1所示,在本實施例中,移動電子裝置100包括觸摸屏幕110、網(wǎng)頁瀏覽模塊120、網(wǎng)頁動畫引擎提供模塊130,以及網(wǎng)頁動畫內(nèi)容瀏覽模塊140。移動電子裝置100可以是手機、智能手機、個人數(shù)字助理、掌上型游樂器(例如PSP/GBA)等等,但本發(fā)明并不對移動電子裝置100的種類加以限制。觸摸屏幕110例如是電阻式觸摸屏幕或電容式觸摸屏幕。觸摸屏幕110是用以作為移動電子裝置100的輸入及輸出裝置。舉例來說,使用者可通過觸摸屏幕110將數(shù)據(jù)或指令輸入至移動電子裝置100,而移動電子裝置100的相應(yīng)的反應(yīng)會顯示于觸摸屏幕110。網(wǎng)頁瀏覽模塊120耦接觸摸屏幕110與網(wǎng)頁動畫引擎提供模塊130。網(wǎng)頁瀏覽模塊120用以提供并啟動瀏覽器125以自網(wǎng)頁服務(wù)器(未繪示)取得網(wǎng)頁。在解析網(wǎng)頁的資料后,瀏覽器125將網(wǎng)頁呈現(xiàn)于觸摸屏幕110。若瀏覽器125所取得的網(wǎng)頁具有網(wǎng)頁動畫內(nèi)容嵌入于其中,瀏覽器125會通過網(wǎng)頁動畫引擎提供模塊130所提供的網(wǎng)頁動畫引擎接口135,以使用網(wǎng)頁動畫引擎137來繪制網(wǎng)頁動畫內(nèi)容。網(wǎng)頁動畫內(nèi)容瀏覽模塊140耦接觸摸屏幕110與網(wǎng)頁動畫引擎提供模塊130。網(wǎng)頁動畫內(nèi)容瀏覽模塊140用以建立一全屏幕界面來顯示嵌入在網(wǎng)頁中的網(wǎng)頁動畫內(nèi)容,如此可讓使用者便于利用移動電子裝置100來瀏覽網(wǎng)頁動畫內(nèi)容。一旦網(wǎng)頁動畫內(nèi)容被全屏幕界面顯示之后,使用者施于觸摸屏幕110的手勢都將被視為關(guān)于網(wǎng)頁動畫內(nèi)容的操作,基此,移動電子裝置100能針對使用者手勢做出更精確的反應(yīng),從而提升利用移動電子裝置100來瀏覽網(wǎng)頁動畫內(nèi)容的便利性。圖2是依照本發(fā)明的一實施例所繪示的瀏覽網(wǎng)頁動畫內(nèi)容的方法的流程圖。在本實施例中,網(wǎng)頁是通過瀏覽器125以顯示于觸摸屏幕110,且在網(wǎng)頁中具有一個預(yù)設(shè)的可視區(qū)域以顯示至少部份的網(wǎng)頁動畫內(nèi)容。具體而言,倘若網(wǎng)頁動畫內(nèi)容的原始尺寸大于可視區(qū)域的大小,那么可視區(qū)域會顯示局部的網(wǎng)頁動畫內(nèi)容。然而,倘若網(wǎng)頁動畫內(nèi)容的原始尺寸小于或等于可視區(qū)域的大小,可視區(qū)域則會顯示整個網(wǎng)頁動畫內(nèi)容。請參閱圖2中的(A),如步驟S205所示,網(wǎng)頁動畫內(nèi)容瀏覽模塊140接收動畫瀏覽信號。在本實施例中,動畫瀏覽信號是根據(jù)作用于觸摸屏幕110的二次輕擊手勢(double-tapgesture)所產(chǎn)生,且二次輕擊手勢是執(zhí)行在可視區(qū)域之內(nèi)。在其他實施例中,動畫瀏覽信號也可以通過按壓移動電子裝置100的實體按鍵或其所顯示的虛擬按鍵來產(chǎn)生。在步驟S210中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140根據(jù)觸摸屏幕110的大小彈出一全屏幕界面。全屏幕界面是顯示在瀏覽器120的視窗的上方,且具有與觸摸屏幕110相同的大小。值得注意的是,在接收動畫瀏覽信號之后,所有來自觸摸屏幕110的信號將不再被傳送至瀏覽器125。接下來,為了以適當(dāng)?shù)姆绞斤@示網(wǎng)頁動畫內(nèi)容,在步驟S215中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷可視區(qū)域的大小是否大于觸摸屏幕110的大小。若可視區(qū)域的大小小于或等于觸摸屏幕110的大小,在步驟S220中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140將不會改變網(wǎng)頁動畫內(nèi)容的大小,且將依據(jù)網(wǎng)頁動畫內(nèi)容的原始尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。具體而言,若網(wǎng)頁動畫內(nèi)容的大小小于或等于可視區(qū)域的大小,那么整個網(wǎng)頁動畫內(nèi)容都將被顯示于可視區(qū)域,基此,使用者能在全屏幕界面上看到符合原始尺寸的完整的網(wǎng)頁動畫內(nèi)容。然而,倘若網(wǎng)頁動畫內(nèi)容的大小大于可視區(qū)域的大小,使用者將只能看到以原始尺寸呈現(xiàn)的局部網(wǎng)頁動畫內(nèi)容(亦即,被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容)。倘若可視區(qū)域的大小大于觸摸屏幕110的大小,如步驟S225所示,網(wǎng)頁動畫內(nèi)容瀏覽模塊140縮小網(wǎng)頁動畫內(nèi)容以使被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕110的大小。接著在步驟S230中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140依據(jù)網(wǎng)頁動畫內(nèi)容的縮小尺寸在全屏幕界面播放被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。圖3是依照本發(fā)明的一實施例所繪示的網(wǎng)頁動畫內(nèi)容、可視區(qū)域,以及全屏幕界面的關(guān)系示意圖。請參閱圖3,全屏幕界面320與觸摸屏幕110具有相同的大小。網(wǎng)頁動畫內(nèi)容300將被縮小直到可視區(qū)域310中的網(wǎng)頁動畫內(nèi)容符合全屏幕界面320的大小。如此一來,網(wǎng)頁動畫內(nèi)容300會以小于原始尺寸的一縮小尺寸來顯示,從而讓使用者在全屏幕界面320上觀看可視區(qū)域310中的網(wǎng)頁動畫內(nèi)容。在以全屏幕界面播放網(wǎng)頁動畫內(nèi)容之后,使用者可通過觸摸屏幕110與網(wǎng)頁動畫內(nèi)容互動。因此,接著如圖2中的(B)所示,在步驟S235中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷是否接收到任何來自觸摸屏幕110的信號。亦即,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷使用者是否在觸摸屏幕110上做出任何操作手勢。在本實施例所示的瀏覽網(wǎng)頁動畫內(nèi)容的方法中,步驟S235將不斷重復(fù)直到網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷接收到來自觸摸屏幕110的信號,接著網(wǎng)頁動畫內(nèi)容瀏覽模塊140便可判斷信號的種類。倘若接收到的信號是動畫互動信號,且此動畫互動信號是根據(jù)作用于觸摸屏幕110的移動手勢(pangesture)或輕擊手勢(single-tapgesture)所產(chǎn)生,則如步驟S240所示,網(wǎng)頁動畫內(nèi)容瀏覽模塊140通過網(wǎng)頁動畫引擎接口135將動畫互動信號傳送至網(wǎng)頁動畫引擎137,以引發(fā)對應(yīng)于移動手勢或輕擊手勢的動作。舉例來說,若使用者對網(wǎng)頁動畫內(nèi)容中的可移動控件(movablecontrol)做出移動手勢,網(wǎng)頁動畫引擎137可以根據(jù)移動的結(jié)果來繪制網(wǎng)頁動畫內(nèi)容。若使用者對網(wǎng)頁動畫內(nèi)容中的可執(zhí)行控件(executablecontrol)做出輕擊手勢,網(wǎng)頁動畫引擎137例如會繪制網(wǎng)頁動畫內(nèi)容的執(zhí)行結(jié)果。如步驟S245所示,當(dāng)接收到的信號為尺寸調(diào)整信號時,網(wǎng)頁動畫內(nèi)容瀏覽模塊140根據(jù)尺寸調(diào)整信號縮放網(wǎng)頁動畫內(nèi)容。在本實施例中,有兩種手勢能產(chǎn)生尺寸調(diào)整信號。具體而言,若尺寸調(diào)整信號是根據(jù)作用于觸摸屏幕110的二次輕擊手勢所產(chǎn)生,網(wǎng)頁動畫內(nèi)容瀏覽模塊140將網(wǎng)頁動畫內(nèi)容調(diào)整為網(wǎng)頁動畫內(nèi)容的原始尺寸。在本實施例中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140會放大網(wǎng)頁動畫內(nèi)容以在全屏幕界面播放局部的被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。圖4是依照本發(fā)明的一實施例所繪示的網(wǎng)頁動畫內(nèi)容、可視區(qū)域,以及全屏幕界面的關(guān)系示意圖,如圖4所示,網(wǎng)頁動畫內(nèi)容瀏覽模塊140將整個網(wǎng)頁動畫內(nèi)容400放大至其原始尺寸,并在與觸摸屏幕110具有相同大小的全屏幕界面420上顯示可視區(qū)域410的左上角部份,基此使用者只能通過觸摸屏幕110看到被可視區(qū)域410所顯示的網(wǎng)頁動畫內(nèi)容的左上角部份。倘若尺寸調(diào)整信號是根據(jù)作用于觸摸屏幕110的捏夾手勢(pinchgesture)所產(chǎn)生,網(wǎng)頁動畫內(nèi)容瀏覽模塊140會根據(jù)捏夾手勢縮放網(wǎng)頁動畫內(nèi)容,以在全屏幕界面播放局部的網(wǎng)頁動畫內(nèi)容。接著在步驟S250中,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷是否接收到來自觸摸屏幕110的信號。當(dāng)接收到來自觸摸屏幕110的信號時,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷信號的種類。在步驟S260中,當(dāng)接收到視角移動信號,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷屬于可視區(qū)域的網(wǎng)頁動畫內(nèi)容是否被完整地呈現(xiàn)于全屏幕界面。若否,網(wǎng)頁動畫內(nèi)容瀏覽模塊140根據(jù)視角移動信號來移動視角,以將被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的不同部分呈現(xiàn)于全屏幕界面。在本實施例中,視角移動信號根據(jù)作用于觸摸屏幕110的移動手勢所產(chǎn)生,但本發(fā)明并不局限于此。舉例來說,如圖5所示,使用者可以在觸摸屏幕110上做出移動手勢以使網(wǎng)頁動畫內(nèi)容瀏覽模塊140將可視區(qū)域410的右下角顯示于全屏幕界面420。然而,同時參閱圖4與圖5可發(fā)現(xiàn),視角移動信號并不會改變網(wǎng)頁動畫內(nèi)容400與可視區(qū)域410之間的相對位置。在步驟S270中,當(dāng)接收到場景拖曳信號,網(wǎng)頁動畫內(nèi)容瀏覽模塊140判斷網(wǎng)頁動畫內(nèi)容的原始尺寸是否大于可視區(qū)域的大小。若是,網(wǎng)頁動畫內(nèi)容瀏覽模塊140通過網(wǎng)頁動畫引擎接口135將場景拖曳信號傳送至網(wǎng)頁動畫引擎137,以根據(jù)場景拖曳信號拖曳網(wǎng)頁動畫內(nèi)容。如此便能將網(wǎng)頁動畫內(nèi)容的不同部分顯示于可視區(qū)域。在本實施例中,場景拖曳信號場景拖曳信號是根據(jù)作用于觸摸屏幕110的下壓再移動手勢(pressandpangesture)所產(chǎn)生,但本發(fā)明并不局限于此。舉例來說,在圖5中網(wǎng)頁動畫內(nèi)容400的中間部份被顯示于可視區(qū)域410。當(dāng)使用者在觸摸屏幕110做出下壓再移動手勢,且方向是水平地從右往左,如圖6所示,網(wǎng)頁動畫引擎137水平地拖曳網(wǎng)頁動畫內(nèi)容400以將網(wǎng)頁動畫內(nèi)容400的不同部分顯示于可視區(qū)域410。請同時參閱圖5與圖6,由于場景拖曳信號可改變網(wǎng)頁動畫內(nèi)容400與可視區(qū)域410之間的相對位置,使用者便能通過下壓再移動手勢而在全屏幕界面420看到整個網(wǎng)頁動畫內(nèi)容400。在步驟S280中,當(dāng)接收到的是一調(diào)整為屏幕大小信號,網(wǎng)頁動畫內(nèi)容瀏覽模塊140縮放網(wǎng)頁動畫內(nèi)容以使被顯示于可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕110的大小。在本實施例中,調(diào)整為屏幕大小信號是根據(jù)作用于觸摸屏幕110的二次輕擊手勢所產(chǎn)生,但本發(fā)明并不局限于此。基此,倘若使用者在觸摸屏幕110上做出二次輕擊手勢,整個在可視區(qū)域中的網(wǎng)頁動畫內(nèi)容都會被顯示于全屏幕界面(如圖3所示)。在上述實施例中,網(wǎng)頁動畫內(nèi)容為震蕩波動畫插件(SiockwaveFlash,SWF)文件格式。在接收動畫瀏覽信號而彈出全屏幕界面以顯示網(wǎng)頁動畫內(nèi)容之后,使用者可在觸摸屏幕110上做出二次輕擊手勢、輕擊手勢、捏夾手勢、移動手勢,以及下壓再移動手勢,以和網(wǎng)頁動畫內(nèi)容互動。然而在上述實施例中所述各種手勢與動畫互動信號、尺寸調(diào)整信號、視角移動信號、場景拖曳信號,以及調(diào)整為屏幕大小信號之間的對應(yīng)關(guān)系僅是為了說明而舉出的范例,并不用以限制本發(fā)明的范圍。在接收到離開信號之前,圖2B所示的各步驟將不斷重復(fù)。其中,離開信號例如是按壓移動電子裝置100上的特定實體按鍵(例如返回鍵)所產(chǎn)生。在接收離開信號之后,網(wǎng)頁動畫內(nèi)容瀏覽模塊140會關(guān)閉全屏幕界面。爾后,由瀏覽器125將網(wǎng)頁呈現(xiàn)于觸摸屏幕110,接下來所有來自觸摸屏幕110的信號都將被傳送至瀏覽器125。在另一實施例中,倘若網(wǎng)頁動畫內(nèi)容為網(wǎng)頁動畫視頻(FlashVideo,F(xiàn)LV)格式,在接收動畫瀏覽信號以彈出全屏幕界面之后,網(wǎng)頁動畫內(nèi)容瀏覽模塊140在全屏幕界面播放網(wǎng)頁動畫內(nèi)容。類似地,網(wǎng)頁動畫內(nèi)容瀏覽模塊140在接收到離開信號后關(guān)閉全屏幕界面。綜上所述,本發(fā)明彈出一全屏幕界面來顯示嵌入于網(wǎng)頁的網(wǎng)頁動畫內(nèi)容,且倘若網(wǎng)頁動畫內(nèi)容的大小超過觸摸屏幕的大小,網(wǎng)頁動畫內(nèi)容將被縮小進而讓使用者能更容易地瀏覽可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。此外,在跳出全屏幕界面以顯示網(wǎng)頁動畫內(nèi)容后,使用者操作于觸摸屏幕的手勢都將被視為對網(wǎng)頁動畫內(nèi)容的操作,基此讓使用者能與網(wǎng)頁動畫內(nèi)容中的控件互動。另外,通過辨識不同的使用者手勢可以讓縮放網(wǎng)頁動畫內(nèi)容、移動視角,以及拖曳網(wǎng)頁動畫內(nèi)容等操作變得更為容易。如此一來,大幅提升在移動電子裝置上瀏覽網(wǎng)頁動畫內(nèi)容的便利性。雖然本發(fā)明已以實施例公開如上,然其并非用以限定本發(fā)明,本領(lǐng)域技術(shù)人員,在不脫離本發(fā)明的精神和范圍內(nèi),當(dāng)可作些許的更動與潤飾,故本發(fā)明的保護范圍當(dāng)視所附權(quán)利要求書所界定者為準(zhǔn)。權(quán)利要求1.一種瀏覽網(wǎng)頁動畫內(nèi)容的方法,用于具有一觸摸屏幕的一移動電子裝置,其中該網(wǎng)頁動畫內(nèi)容是嵌入于一網(wǎng)頁,該網(wǎng)頁是由執(zhí)行于該移動電子裝置的一瀏覽器所顯示,在該網(wǎng)頁中有預(yù)設(shè)的一可視區(qū)域以顯示至少部份的該網(wǎng)頁動畫內(nèi)容,而該網(wǎng)頁動畫內(nèi)容是由該瀏覽器使用的一網(wǎng)頁動畫引擎所繪制,該方法包括接收一動畫瀏覽信號;根據(jù)該觸摸屏幕的大小彈出一全屏幕界面;若該可視區(qū)域的大小大于該觸摸屏幕的大小,則縮小該網(wǎng)頁動畫內(nèi)容以使被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合該觸摸屏幕的大?。灰罁?jù)該網(wǎng)頁動畫內(nèi)容的一縮小尺寸在該全屏幕界面播放被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容;以及當(dāng)接受到來自該觸摸屏幕的一動畫互動信號時,傳送該動畫互動信號至該網(wǎng)頁動畫引擎,以于該網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)該動畫互動信號的一動作。2.如權(quán)利要求1所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法,其中該動畫瀏覽信號是根據(jù)作用于該觸摸屏幕的一二次輕擊手勢所產(chǎn)生,且該二次輕擊手勢是執(zhí)行在該可視區(qū)域之內(nèi)。3.如權(quán)利要求1所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法,還包括若該可視區(qū)域的大小小于或等于該觸摸屏幕的大小,則依據(jù)該網(wǎng)頁動畫內(nèi)容的一原始尺寸在該全屏幕界面播放被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。4.如權(quán)利要求1所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法,其中在依據(jù)該網(wǎng)頁動畫內(nèi)容的該縮小尺寸在該全屏幕界面播放被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的步驟之后,該方法還包括當(dāng)接收一尺寸調(diào)整信號,根據(jù)該尺寸調(diào)整信號縮放該網(wǎng)頁動畫內(nèi)容;當(dāng)接收一視角移動信號,根據(jù)該視角移動信號移動一視角以將被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的不同部分呈現(xiàn)于該全屏幕界面;當(dāng)接收一場景拖曳信號,若該網(wǎng)頁動畫內(nèi)容的一原始尺寸大于該可視區(qū)域的大小,則傳送該場景拖曳信號至該網(wǎng)頁動畫引擎來根據(jù)該場景拖曳信號拖曳該網(wǎng)頁動畫內(nèi)容,以將該網(wǎng)頁動畫內(nèi)容的不同部分顯示于該可視區(qū)域;以及當(dāng)接收一調(diào)整為屏幕大小信號,縮放該網(wǎng)頁動畫內(nèi)容以使被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合該觸摸屏幕的大小。5.如權(quán)利要求4所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法,其中根據(jù)該尺寸調(diào)整信號縮放該網(wǎng)頁動畫內(nèi)容的步驟包括若該尺寸調(diào)整信號是根據(jù)作用于該觸摸屏幕的一二次輕擊手勢所產(chǎn)生,則將該網(wǎng)頁動畫內(nèi)容調(diào)整為該網(wǎng)頁動畫內(nèi)容的該原始尺寸,以在該全屏幕界面播放局部的被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容;以及若該尺寸調(diào)整信號是根據(jù)作用于該觸摸屏幕的一捏夾手勢所產(chǎn)生,則根據(jù)該捏夾手勢縮放該網(wǎng)頁動畫內(nèi)容,以在該全屏幕界面播放局部的該網(wǎng)頁動畫內(nèi)容。6.如權(quán)利要求4所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法,其中該視角移動信號是根據(jù)作用于該觸摸屏幕的一移動手勢所產(chǎn)生,該場景拖曳信號是根據(jù)作用于該觸摸屏幕的一下壓再移動手勢所產(chǎn)生,且該調(diào)整為屏幕大小信號是根據(jù)作用于該觸摸屏幕的一二次輕擊手勢所產(chǎn)生。7.如權(quán)利要求1所述的瀏覽網(wǎng)頁動畫內(nèi)容的方法,其中該動畫互動信號是根據(jù)作用于該觸摸屏幕的一移動手勢或一輕擊手勢所產(chǎn)生,且傳送該動畫互動信號至該網(wǎng)頁動畫引擎以于該網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)該動畫互動信號的該動作的步驟包括傳送該動畫互動信號至該網(wǎng)頁動畫引擎,以引發(fā)對應(yīng)該移動手勢或該輕擊手勢的該動作。8.一種移動電子裝置,包括一觸摸屏幕;一網(wǎng)頁動畫引擎提供模塊,提供一網(wǎng)頁動畫引擎與一網(wǎng)頁動畫引擎接口;一網(wǎng)頁瀏覽模塊,耦接該觸摸屏幕與該網(wǎng)頁動畫引擎提供模塊,用于啟動一瀏覽器來取得具有一網(wǎng)頁動畫內(nèi)容的一網(wǎng)頁,并呈現(xiàn)于該觸摸屏幕,其中該瀏覽器通過該網(wǎng)頁動畫引擎接口使用該網(wǎng)頁動畫引擎以繪制該網(wǎng)頁動畫內(nèi)容,且至少部份的該網(wǎng)頁動畫內(nèi)容被顯示于預(yù)設(shè)在該網(wǎng)頁中的一可視區(qū)域;以及一網(wǎng)頁動畫內(nèi)容瀏覽模塊,耦接該觸摸屏幕與該網(wǎng)頁動畫引擎提供模塊,用于在接收一動畫瀏覽信號時,根據(jù)該觸摸屏幕的大小彈出一全屏幕界面,其中若該可視區(qū)域的大小大于該觸摸屏幕的大小,該網(wǎng)頁動畫內(nèi)容瀏覽模塊縮小該網(wǎng)頁動畫內(nèi)容以使被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合該觸摸屏幕的大小,并依據(jù)該網(wǎng)頁動畫內(nèi)容的一縮小尺寸在該全屏幕界面播放被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容,當(dāng)接受到來自該觸摸屏幕的一動畫互動信號時,該網(wǎng)頁動畫內(nèi)容瀏覽模塊通過該網(wǎng)頁動畫引擎接口傳送該動畫互動信號至該網(wǎng)頁動畫引擎,以于該網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)該動畫互動信號的一動作。9.如權(quán)利要求8所述的移動電子裝置,其中該動畫瀏覽信號是根據(jù)作用于該觸摸屏幕的一二次輕擊手勢所產(chǎn)生,且該二次輕擊手勢是執(zhí)行在該可視區(qū)域之內(nèi)。10.如權(quán)利要求8所述的移動電子裝置,其中若該可視區(qū)域的大小小于或等于該觸摸屏幕的大小,該網(wǎng)頁動畫內(nèi)容瀏覽模塊依據(jù)該網(wǎng)頁動畫內(nèi)容的一原始尺寸在該全屏幕界面播放被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容。11.如權(quán)利要求8所述的移動電子裝置,其中當(dāng)接收一尺寸調(diào)整信號時,該網(wǎng)頁動畫內(nèi)容瀏覽模塊根據(jù)該尺寸調(diào)整信號縮放該網(wǎng)頁動畫內(nèi)容,當(dāng)接收一視角移動信號,該網(wǎng)頁動畫內(nèi)容瀏覽模塊根據(jù)該視角移動信號移動一視角以將被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容的不同部分呈現(xiàn)于該全屏幕界面,當(dāng)接收一場景拖曳信號,若該網(wǎng)頁動畫內(nèi)容的一原始尺寸大于該可視區(qū)域的大小,該網(wǎng)頁動畫內(nèi)容瀏覽模塊傳送該場景拖曳信號至該網(wǎng)頁動畫引擎來根據(jù)該場景拖曳信號拖曳該網(wǎng)頁動畫內(nèi)容,以將該網(wǎng)頁動畫內(nèi)容的不同部分顯示于該可視區(qū)域,當(dāng)接收一調(diào)整為屏幕大小信號,該網(wǎng)頁動畫內(nèi)容瀏覽模塊縮放該網(wǎng)頁動畫內(nèi)容以使被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容符合該觸摸屏幕的大小。12.如權(quán)利要求11所述的移動電子裝置,其中若該尺寸調(diào)整信號是根據(jù)作用于該觸摸屏幕的一二次輕擊手勢所產(chǎn)生,該網(wǎng)頁動畫內(nèi)容瀏覽模塊將該網(wǎng)頁動畫內(nèi)容調(diào)整為該網(wǎng)頁動畫內(nèi)容的該原始尺寸,以在該全屏幕界面播放局部的被顯示于該可視區(qū)域內(nèi)的網(wǎng)頁動畫內(nèi)容,若該尺寸調(diào)整信號是根據(jù)作用于該觸摸屏幕的一捏夾手勢所產(chǎn)生,該網(wǎng)頁動畫內(nèi)容瀏覽模塊根據(jù)該捏夾手勢縮放該網(wǎng)頁動畫內(nèi)容,以在該全屏幕界面播放局部的該網(wǎng)頁動畫內(nèi)容。13.如權(quán)利要求11所述的移動電子裝置,其中該視角移動信號是根據(jù)作用于該觸摸屏幕的一移動手勢所產(chǎn)生,該場景拖曳信號是根據(jù)作用于該觸摸屏幕的一下壓再移動手勢所產(chǎn)生,且該調(diào)整為屏幕大小信號是根據(jù)作用于該觸摸屏幕的一二次輕擊手勢所產(chǎn)生。14.如權(quán)利要求8所述的移動電子裝置,其中該動畫互動信號是根據(jù)作用于該觸摸屏幕的一移動手勢或一輕擊手勢所產(chǎn)生,該網(wǎng)頁動畫內(nèi)容瀏覽模塊通過該網(wǎng)頁動畫引擎接口傳送該動畫互動信號至該網(wǎng)頁動畫引擎,以引發(fā)對應(yīng)該移動手勢或該輕擊手勢的該動作。全文摘要一種移動電子裝置與其瀏覽網(wǎng)頁動畫內(nèi)容的方法,此網(wǎng)頁動畫內(nèi)容是嵌入于網(wǎng)頁,且網(wǎng)頁中具有預(yù)定的可視區(qū)域以顯示至少部份的網(wǎng)頁動畫內(nèi)容。在此方法中,在接收到動畫瀏覽信號時彈出一全屏幕界面。若可視區(qū)域的大小大于觸摸屏幕的大小,縮小網(wǎng)頁動畫內(nèi)容以使被可視區(qū)域所顯示的網(wǎng)頁動畫內(nèi)容符合觸摸屏幕的大小,并以縮小后的尺寸播放可視區(qū)域所顯示的網(wǎng)頁動畫內(nèi)容。當(dāng)接受到來自觸摸屏幕的動畫互動信號時,傳送動畫互動信號至網(wǎng)頁動畫引擎以于網(wǎng)頁動畫內(nèi)容執(zhí)行對應(yīng)動畫互動信號的動作。文檔編號G06F17/30GK102142013SQ20111003131公開日2011年8月3日申請日期2011年1月28日優(yōu)先權(quán)日2010年1月29日發(fā)明者曾德沛,楊志偉申請人:宏達(dá)國際電子股份有限公司
網(wǎng)友詢問留言 已有0條留言
  • 還沒有人留言評論。精彩留言會獲得點贊!
1