TW201324312A - 具有觸摸屏的電子設備及其頁面處理方法 - Google Patents

具有觸摸屏的電子設備及其頁面處理方法 Download PDF

Info

Publication number
TW201324312A
TW201324312A TW100146358A TW100146358A TW201324312A TW 201324312 A TW201324312 A TW 201324312A TW 100146358 A TW100146358 A TW 100146358A TW 100146358 A TW100146358 A TW 100146358A TW 201324312 A TW201324312 A TW 201324312A
Authority
TW
Taiwan
Prior art keywords
page
area
grid
preview area
touch
Prior art date
Application number
TW100146358A
Other languages
English (en)
Inventor
Chia-Hao Chuang
Chih-San Chiang
da-jun Xiong
yao-hui Zeng
xue-tao Tan
Sheng-Chu Lu
Original Assignee
Hon Hai Prec Ind Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hon Hai Prec Ind Co Ltd filed Critical Hon Hai Prec Ind Co Ltd
Publication of TW201324312A publication Critical patent/TW201324312A/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00—Digital computers in general; Data processing equipment in general
    • G06F15/02—Digital computers in general; Data processing equipment in general manually operated with input through keyboard and computation using a built-in program, e.g. pocket calculators
    • G06F15/025—Digital computers in general; Data processing equipment in general manually operated with input through keyboard and computation using a built-in program, e.g. pocket calculators adapted to a specific application
    • G06F15/0291—Digital computers in general; Data processing equipment in general manually operated with input through keyboard and computation using a built-in program, e.g. pocket calculators adapted to a specific application for reading, e.g. e-books
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • Computing Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一種頁面處理方法，用於包括觸摸屏的電子設備。該方法包括：在觸摸屏的頁面顯示區域顯示一頁面，在第一預覽區域和第二預覽區域分別顯示包括多個網格組的一立方體；確認觸摸操作所在的區域；判斷觸摸動作是否為預定的觸摸動作；根據觸摸操作所在的區域、觸摸動作及一功能表確定一頁面處理方式；根據頁面處理方式獲取或生成多個目標頁面；更新第一預覽區域和/或第二預覽區域的網格組；及將用於更新頁面顯示區域的目標頁面顯示於頁面顯示區域，並將更新的網格組顯示於對應的第一預覽區域和/或第二預覽區域。本發明還提供了一種電子設備。

Description

具有觸摸屏的電子設備及其頁面處理方法
本發明涉及一種電子設備及其頁面處理方法，尤其涉及一種具有觸摸屏的電子設備及其頁面處理方法。
具有觸摸屏的電子設備越來越受到消費者的親睞，通常用戶通過在觸摸屏上進行滑動觸摸操作來選擇需要瀏覽的頁面，如通過在當前頁面上向左滑動或向右滑動來以相應的翻轉到當前頁面的下一頁面或上一頁面，通過在當前頁面上向上滑動或向下滑動來以相應的翻轉到當前頁面的下一頁面或上一頁面。然而，用戶使用上述頁面處理方法時，只能逐頁翻轉，當用戶所需的目標頁面與當前頁面之間相隔多個連續頁面時，用戶需要多次滑動觸摸操作才能翻轉到目標頁面，無法快速準確的翻轉到目標頁面，尤其是當用戶瀏覽較大數量的頁面時，操作起來不方便且較費時。
有鑒於此，有必要提供一種用於具有觸摸屏的電子設備的頁面處理方法，用戶可通過觸摸操作而快速準確的翻轉到目標頁面，以解決上述問題。
有鑒於此，還有必要提供一種採用上述頁面處理方法的電子設備，以解決上述問題。
一種頁面處理方法，用於包括觸摸屏和存儲單元的電子設備。該觸摸屏包括一第一預覽區域、一第二預覽區域和一頁面顯示區域。該存儲單元存儲有一體現頁面處理效果的動態效果頁和一功能表。該功能表記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其在該頁面顯示區域的頁面處理方式的一一對應關係。該方法包括如下步驟：
回應用戶用於控制顯示一頁面的觸摸操作，在該頁面顯示區域顯示該頁面，在該第一預覽區域顯示包括當前活動的第一網格組在內的多個網格組的第一立方體，在該第二預覽區域顯示包括非當前活動的第二網格組在內的多個網格組的第二立方體，該些網格組包括了與多個連續頁面一一對應的多個網格，該第一網格組顯示在該第一立方體的最上面且包括了當前顯示的該頁面及其相鄰的連續頁面所對應的網格；
根據該觸摸屏傳輸的觸摸操作信號確認用戶的觸摸操作所在的區域；
根據該觸摸操作信號判斷用戶的觸摸動作是否為預定的觸摸動作；
當用戶的該觸摸動作為預定的觸摸動作時，根據觸摸操作所在的區域、觸摸動作及該功能表確定一頁面處理方式；
根據所確定的頁面處理方式從該存儲單元獲取或生成用於分別更新該第一預覽區域、第二預覽區域以及頁面顯示區域的多個目標頁面；
根據用於更新第一預覽區域和第二預覽區域的目標頁面分別更新該第一預覽區域和/或第二預覽區域所顯示的網格組；及
將該用於更新該頁面顯示區域的目標頁面顯示於該頁面顯示區域上，並將更新的網格組顯示於對應的第一預覽區域和/或第二預覽區域。
一種電子設備包括觸摸屏和存儲單元。該觸摸屏包括一第一預覽區域、一第二預覽區域和一頁面顯示區域。該存儲單元存儲有一體現頁面處理效果的動態效果頁和一功能表。該功能表記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其在該頁面顯示區域的頁面處理方式的一一對應關係。該觸摸屏用於回應用戶用於控制顯示一頁面的觸摸操作，在該頁面顯示區域顯示該頁面，在該第一預覽區域顯示包括當前活動的第一網格組在內的多個網格組的第一立方體，在該第二預覽區域顯示包括非當前活動的第二網格組在內的多個網格組的第二立方體。該些網格組包括了與多個連續頁面一一對應的多個網格。該第一網格組顯示在該第一立方體的最上面且包括了當前顯示的該頁面及其相鄰的連續頁面所對應的網格。該電子設備還包括：
一區域確認模組，用於根據該觸摸屏傳輸的觸摸操作信號確認用戶的觸摸操作所在的區域；
一手勢識別模組，用於根據該觸摸操作信號判斷用戶的觸摸動作是否為預定的觸摸動作；
一頁面處理模組，用於當用戶的該觸摸動作為預定的觸摸動作時，根據觸摸操作所在的區域、觸摸動作及該功能表確定一頁面處理方式，並根據所確定的頁面處理方式從該存儲單元獲取或生成用於分別更新該第一預覽區域、第二預覽區域以及頁面顯示區域的多個目標頁面，以及根據用於更新第一預覽區域和第二預覽區域的目標頁面分別更新該第一預覽區域和/或第二預覽區域所顯示的網格組；及
一顯示控制模組，用於將該用於更新該頁面顯示區域的目標頁面顯示於該頁面顯示區域上，並將更新的網格組顯示於對應的第一預覽區域和/或第二預覽區域。
相對於現有技術，上述電子設備及其頁面處理方法，當用戶開啟電子設備後和/或打開一文檔進行瀏覽時，用戶可根據觸摸屏上的預覽區域顯示的包括與多個連續頁面一一對應的多個網格的網格組的立方體，在觸摸屏上進行觸摸操作以獲得一網格所對應的目標頁面。從而使得用戶可方便快速準確的翻轉到目標頁面。
請參閱圖1，其為本發明的一實施方式的電子設備100的功能模組圖。電子設備100可根據用戶的觸摸操作快速準確的翻轉到目標頁面。在本實施方式中，電子設備100為一具有觸摸屏20的手機，在其他實施方式中，電子設備100還可以是可擕式電腦、電子閱讀器等具有觸摸屏的電子設備。
電子設備100包括一存儲單元10、一觸摸屏20和一處理單元30。
存儲單元10存儲有多個電子文檔和一用以體現頁面移動的動態效果頁11。
觸摸屏20用於回應用戶的觸摸操作而產生相應的操作信號，如打開電子文檔、翻轉、選擇以及拖動瀏覽頁面等操作信號。請一併參考圖3，在用戶操作使得觸摸屏20顯示一頁面時，觸摸屏20顯示一第一預覽區域21、第二預覽區域22和一頁面顯示區域23。
在本實施方式中，第一預覽區域21顯示有一包括當前活動的網格組的立方體210，每一網格組包括多個網格，（本發明實施例中以網格為例進行說明），且每一網格對應一的頁面，同一網格組中的網格對應的頁面為連續頁面，從而每一網格組對應了一組連續頁面，即每一網格組包括了與多個連續頁面一一對應的多個呈矩陣排列的網格（例如M*N，M≧2且N≧2）。顯示在最上面的是一代表包括當前顯示頁面及其相鄰的多個連續頁面所在的當前活動的網格組211。在本實施方式中，該當前活動的網格組指的是包括當前顯示頁面對應網格的網格組。
在本發明中，該頁面的定義包括文檔的頁面以及包括若干應用圖示的圖示介面，例如電子裝置的主介面等。在本實施方式中，當前顯示在觸摸屏20的頁面對應的網格用黑色標識，在其他實施方式中，可以用其他顏色或形式將當前顯示的頁面對應的網格進行突出顯示。
第二預覽區域22顯示有多個非當前活動的網格組的立方體220，每一網格組也包括了與多個連續頁面一一對應的多個網格2210，從而每一網格組對應了一組連續頁面，且該組連續頁面的數量與網格組所包括的網格數相等。其中，顯示在最上面的網格組221所對應的一組連續頁面與當前活動的網格組211對應的一組頁面相接續。在其他實施方式中，顯示在最上方的網格組所對應的一組連續頁面也可以不與當前活動的網格組211對應的一組頁面相接續。第一預覽區域21和第二預覽區域22的所有網格組一起包括代表一文檔的所有頁面的多個網格。
頁面顯示區域23為一相對較大的區域，該區域用於顯示一用戶選中的網格組和/或一頁面。頁面顯示區域23還用於回應用戶的觸摸操作手勢，而產生相應的觸摸操作信號，例如當該頁面顯示區域23顯示有一網格組時，該頁面顯示區域23回應用戶短按於該網格組的一網格、長按於一網格等觸摸操作，而產生相應的觸摸操作信號。
在本實施方式中，電子設備100在頁面瀏覽時，其觸摸屏20上均顯示有第一預覽區域21、第二預覽區域22和一頁面顯示區域23，且第一預覽區域21位於觸摸屏20的左下角，第二預覽區域22位於觸摸屏20的右下角。第一預覽區域21中顯示的網格會跟隨當前頁面的變化而做相應的變化，即該區域上顯示在立方體最上面的網格組211總是包括當前顯示頁面（用黑色顯示）及其相鄰的多個連續頁面對應的網格2110。本實施方式中，第一預覽區域21和第二預覽區域22的每一網格組均包括與25個頁面分別對應的網格，在其他實施方式中，還可以根據需要設置第一預覽區域21和第二預覽區域22所包含的頁面的個數。
處理單元30包括一區域確認模組31、一手勢識別模組32、一頁面處理模組33和一顯示控制模組34。
用戶啟動電子設備100後，觸摸屏20上顯示一默認圖示介面，或顯示用戶打開的電子文檔的一頁面，區域確認模組31用於根據觸摸屏20回應用戶的觸摸操作生成的觸摸操作信號確認用戶的觸摸操作所在的區域，即判斷用戶的觸摸操作所在的區域為第一預覽區域21、第二預覽區域22或頁面顯示區域23，並將確認結果傳輸至手勢識別模組32和頁面處理模組33。
手勢識別模組32則根據觸摸屏20傳輸的觸摸操作信號識別用戶觸摸動作是否對應一預定的觸摸動作，並將識別結果傳輸至頁面處理模組33。具體的，請一併參考圖2，存儲單元10還存儲有一記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其在頁面顯示區域23的頁面處理方式的一一對應關係的功能表12。用戶在第一預覽區域21內的預定觸摸動作包括：向右滑動、點住一網格組拖動至第一預覽區域21之外，以及短按於一網格組上。用戶在第二預覽區域22內的預定觸摸動作包括：向左滑動和點住一網格組拖動至第二預覽區域22之外。當頁面顯示區域23內顯示有一網格組時，用戶在頁面顯示區域23內的預定觸摸動作包括短按於一網格上、長按於一網格上等觸摸操作。
頁面處理模組33用於根據區域確認模組31和手勢識別模組32傳輸的識別結果及存儲於存儲單元10中的功能表12確定相應的頁面處理方式。其中，該頁面處理方式為根據觸摸操作所在的區域、觸摸操作的類型及功能表12確定一在頁面顯示區域23的頁面處理方式。請一併參考圖2，其中該頁面處理方式具體包括：
1）觸摸操作所在的區域為第一預覽區域21：當用戶的觸摸動作為向右滑動或點住一網格組拖動至第一預覽區域21之外時，對應的頁面處理方式為將頁面顯示區域23上顯示的頁面跳轉到反映頁面移動效果的動態效果頁11；當用戶的觸摸動作為短按於一網格組上時，對應的頁面處理方式為將該網格組淡入顯示於觸摸屏20的頁面顯示區域23上，其中，該淡入顯示具體為：在觸摸屏20的頁面顯示區域23的上層用淺色顯示該被短按的網格組，即將該網格組疊加顯示於頁面顯示區域23的當前頁上；
2）觸摸操作所在的區域為第二預覽區域22：當用戶的觸摸動作為向左滑動或點住一網格組拖動至第二預覽區域22之外時，對應的頁面處理方式為將頁面顯示區域23顯示的頁面跳轉到反映頁面移動效果的動態效果頁11；
3）觸摸操作所在的區域為頁面顯示區域23：當用戶的觸摸動作為短按於一網格上時，對應的頁面處理方式為在頁面顯示區域23的底層顯示該網格對應的頁面，同時，在頁面顯示區域23的上層保持將該網格所在的網格組淡入顯示，並高亮顯示該網格；當用戶的觸摸動作為長按於一網格上時，對應的頁面處理方式為在頁面顯示區域23顯示該網格對應的頁面，並消去先前淡入顯示於頁面顯示區域23的該網格所在的網格組，即在頁面顯示區域23只顯示該被長按的網格對應的頁面，而不再顯示網格組。
頁面處理模組33還用於根據所確定的頁面處理方式從存儲單元10獲取或生成一相應的目標頁面，該目標頁面用於顯示在觸摸屏20的頁面顯示區域23。該具體處理方式，將在後面結合圖3-圖7詳細介紹。
頁面處理模組33還用於根據獲取的目標頁面對第一預覽區域21和/或第二預覽區域22顯示的網格組進行更新，即生成一用於顯示在第一預覽區域21的立方體210最上面的網格組，且該網格組包括對應該目標頁面及其相鄰的多個連續頁面的網格，和/或生成一用於顯示在第二預覽區域22的在立方體220最上面的包括更新後的第一預覽區域21最上方網格組對應的一組連續頁面的下一組頁面所對應的網格組。其中，該網格組中各個網格顯示對應頁面的簡要資訊，例如頁碼等。該具體處理方式，將在後面結合圖3-圖7詳細介紹。
顯示控制模組34則控制將頁面處理模組33獲取或生成的目標頁面顯示於觸摸屏20的頁面顯示區域23上，並控制將頁面處理模組33生成的網格組更新顯示於對應的第一預覽區域21和/或第二預覽區域22。
請一併參閱圖3-圖7，其為電子設備100的頁面處理效果示意圖。當用戶打開一文檔後，該文檔對應的頁面即被分為兩部分，該兩部分頁面對應的網格組分別顯示在第一預覽區域21和第二預覽區域22，且該兩部分頁面的多組連續頁面分別與一網格組對應。如圖3所示，觸摸屏20的第一預覽區域21上顯示的是包括多個網格組的立方體210，其中，顯示在立方體210最上面的為當前活動的網格組211，其中已被黑色標識的網格為與顯示在頁面顯示區域23的當前頁對應的網格。第二預覽區域22上顯示的是包括多個網格組的立方體220。例如，如果該文檔包括200頁，設第一預覽區域21顯示的立方體210包括的網格組包括的網格對應前100頁，如前該一個網格組包括25個網格，從而，該第一預覽區域的立方體210包括四個重疊顯示的網格組，每一個網格組都對應一組25頁的連續頁面，該第二預覽區域的立方體220同樣包括四個重疊顯示的網格組，每一網格組對應一組25頁的連續頁面。在本實施方式中，該上一網格組和下一網格組對應的連續頁面組是銜接的。
當區域確認模組31確認用戶的操作在第一預覽區域21內，且手勢識別模組32識別到用戶的觸摸操作為向右滑動或者點住網格組211拖動至第一預覽區域21之外時，用戶是需要將顯示在第一預覽區域21的當前活動的網格組211移動到第二預覽區域22。頁面處理模組33則根據上述確認和識別結果以及功能表12確定該頁面處理方式為跳轉到一體現頁面移動動態效果的動態效果頁11，頁面處理模組33則從存儲單元10中獲取該動態效果頁11，並生成下一個新的包括包括多個連續頁面對應的多個網格2110a的活動的網格組211a。如圖4所示，其為電子設備100的一頁面處理的動態效果圖，此時顯示控制模組34控制將該動態效果頁11顯示於觸摸屏20的頁面顯示區域23上，同時控制將該網格組211a顯示於第一預覽區域21，其中，第一預覽區域21上顯示的立方體210a，顯示在其最上面是的網格組211a。而當網格組211被移動到第二預覽區域22後，如圖5所示，顯示控制模組34則控制將該網格組211顯示於第二預覽區域22的最上面，同時控制將當前活動的網格組211a中的一網格對應的頁面（如第一個網格或隨機一網格對應的頁面）。與此相類似，當觸摸屏20顯示如圖3所示，當用戶的操作在第二預覽區域22內向左滑動或者點住網格組221拖動至第二預覽區域22之外時，用戶是需要將顯示在第二預覽區域22的網格組221移動到第一預覽區域21。其頁面處理方式與用戶將顯示在第一預覽區域21的當前活動的網格組211移動到第二預覽區域22類似，在此就不再贅述。
請再次參閱圖3，當區域確認模組31確認用戶的操作在第一預覽區域21內，且手勢識別模組32識別到用戶的觸摸操作為短按於網格組211上一任意位置時，則用戶是需要將該網格組211淡入顯示於觸摸屏20的頁面顯示區域23上。頁面處理模組33則根據上述確認和識別結果以及功能表12確定該頁面處理方式為將該網格組211淡入顯示於頁面顯示區域23上，頁面處理模組33則生成一包括該網格組211的網格2110的一放大且用淺顏色顯示的網格組213，如圖6所示，顯示控制模組34控制將該網格組213疊加顯示於當前頁上。在本實施方式中，每一網格上的數位表示對應頁面的頁碼。
請參閱圖6，此時，當區域確認模組31確認用戶的操作在頁面顯示區域23內，且手勢識別模組32識別到用戶的觸摸操作為短按（例如，觸摸時間少於等於2秒鐘）於某一網格（如標識了數位9的網格）上時，頁面處理模組33獲取該網格對應的頁面，顯示控制模組34控制在觸摸屏20的底層顯示該網格對應的頁面，同時，控制在觸摸屏20的上層淡入顯示該網格所在的網格組，並將該網格高亮顯示（如圖7所示）。
請繼續參閱圖6，當頁面顯示區域23上顯示一網格組時，無論該網格組是否有網格被選中（即被高亮顯示），當區域確認模組31確認用戶的操作在頁面顯示區域23內，且手勢識別模組32識別到用戶的觸摸操作為長按（例如，觸摸時間大於2秒鐘）於某一網格（如標識了數位9的網格）上時，頁面處理模組33即獲取該網格對應的頁面，顯示控制模組34控制將該網格對應的頁面顯示於觸摸屏20上，並消去淡入顯示的包括該網格網格組213。
請參閱圖8，其為本發明的電子設備100頁面處理方法的流程圖，用於包括觸摸屏和存儲單元的電子設備，該觸摸屏包括第一預覽區域、第二預覽區域和頁面顯示區域，該存儲單元存儲有電子文檔和一功能表，該功能表記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其在頁面顯示區域23的頁面處理方式的一一對應關係，該方法包括：
步驟S81，回應用戶用於控制顯示一頁面的觸摸操作，在該頁面顯示區域23顯示該頁面，在第一預覽區域21顯示包括當前活動的網格組211在內的多個網格組的立方體210，在第二預覽區域22顯示包括非當前活動的網格組221在內的多個網格組的立方體220。其中，每一網格組包括了與多個連續頁面一一對應的多個網格，網格組211顯示在立方體210的最上面，且包括了當前顯示的該頁面及其相鄰的連續頁面所對應的網格。
步驟S82，區域確認模組31根據觸摸屏20傳輸的觸摸操作信號確認用戶的觸摸操作所在的區域。
步驟S83，手勢識別模組32根據該觸摸操作信號判斷用戶的觸摸動作是否為預定的觸摸動作。在本實施方式中，用戶在第一預覽區域21內的預定觸摸動作包括：向右滑動、點住一網格組拖動至第一預覽區域21之外，以及短按於一網格組上。用戶在第二預覽區域22內的預定觸摸動作包括：向左滑動和點住一網格組拖動至第二預覽區域22之外。當頁面顯示區域23內顯示有一網格組時，用戶在頁面顯示區域23內的預定觸摸動作包括短按於一網格上、長按於一網格上等觸摸操作。
步驟S84，頁面處理模組33根據觸摸操作所在的區域、觸摸動作及存儲於存儲單元10中的功能表12確定一在頁面顯示區域23的頁面處理方式。其中該頁面處理方式具體包括：
1）觸摸操作所在的區域為第一預覽區域21且當用戶的觸摸動作為向右滑動或點住一網格組拖動至第一預覽區域21之外時，對應的頁面處理方式為將頁面顯示區域23上顯示的頁面跳轉到動態效果頁11；當用戶的觸摸動作為短按於一網格組上時，對應的頁面處理方式為將該網格組淡入顯示於觸摸屏20的頁面顯示區域23上，其中，該淡入顯示具體為：在觸摸屏20的頁面顯示區域23的上層用淺色顯示該被短按的網格組，即將該網格組疊加顯示於頁面顯示區域23的當前頁上；
2）觸摸操作所在的區域為第二預覽區域22且當用戶的觸摸動作為向左滑動或點住一網格組拖動至第二預覽區域22之外時，對應的頁面處理方式為將頁面顯示區域23顯示的頁面跳轉到動態效果頁11；
3）觸摸操作所在的區域為頁面顯示區域23且當用戶的觸摸動作為短按於一網格上時，對應的頁面處理方式為在觸摸屏20的頁面顯示區域23的底層顯示該網格對應的頁面，同時，在頁面顯示區域23的上層保持將該網格所在的網格組淡入顯示，並高亮顯示該網格；當用戶的觸摸動作為長按於一網格上時，對應的頁面處理方式為在頁面顯示區域23顯示該網格對應的頁面，並消去先前淡入顯示於頁面顯示區域23的該網格所在的網格組，即在頁面顯示區域23只顯示該被長按的網格對應的頁面，而不再顯示該網格所在的網格組。
步驟S85，頁面處理模組33根據所確定的頁面處理方式從存儲單元10獲取或生成用於分別更新該第一預覽區域21、第二預覽區域22以及頁面顯示區域23的多個目標頁面。
步驟S86，頁面處理模組33根據用於更新該第一預覽區域21、第二預覽區域22的目標頁面更新第一預覽區域21和/或第二預覽區域22所顯示的網格組。具體的，頁面處理模組33生成一用於顯示在第一預覽區域21的立方體210最上面的網格組，且該網格組包括對應該目標頁面及其相鄰的多個連續頁面的網格，和/或生成一用於顯示在第二預覽區域22的在立方體220最上面的包括多個網格的網格組。
步驟S87，顯示控制模組34根據用於更新頁面顯示區域23的目標頁面控制將頁面處理模組33獲取或生成的該目標頁面顯示於觸摸屏20的頁面顯示區域23上，並控制將頁面處理模組33更新的網格組顯示於對應的第一預覽區域21和/或第二預覽區域22。
使用上述電子設備100及其頁面處理方法，當用戶開啟電子設備100後和/或打開一文檔進行瀏覽時，用戶可根據觸摸屏20左下角的第一預覽區域21顯示的包括與多個連續頁面一一對應的多個網格的網格組的立方體，在觸摸屏20上進行觸摸操作以獲得一網格所對應的目標頁面。從而使得用戶可方便快速準確的翻轉到目標頁面。
本技術領域的普通技術人員應當認識到，以上的實施方式僅是用來說明本發明，而並非用作為對本發明的限定，只要在本發明的實質精神範圍之內，對以上實施例所作的適當改變和變化都落在本發明要求保護的範圍之內。
100．．．電子設備
10．．．存儲單元
11．．．動態效果頁
12．．．功能表
20．．．觸摸屏
21．．．第一預覽區域
22．．．第二預覽區域
23．．．頁面顯示區域
30．．．處理單元
31．．．區域確認模組
32．．．手勢識別模組
33．．．頁面處理模組
34．．．顯示控制模組
210、220、210a．．．立方體
211、221、211a、213．．．網格組
2110、2210、2110a．．．網格
圖1為本發明一實施方式的電子設備的功能模組圖。
圖2為圖1中的電子設備存儲的記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其頁面處理方式的一一對應關係的功能表。
圖3-圖7其為電子設備的頁面處理效果示意圖。
圖8為本發明中電子設備的頁面處理方法的步驟流程圖。
100．．．電子設備
11．．．動態效果頁
20．．．觸摸屏
21．．．第一預覽區域
22．．．第二預覽區域
23．．．頁面顯示區域
220、210a．．．立方體
221、211a．．．網格組
2210、2110a．．．網格

Claims (10)

  1. 一種頁面處理方法，用於包括觸摸屏和存儲單元的電子設備，該觸摸屏包括一第一預覽區域、一第二預覽區域和一頁面顯示區域，該存儲單元存儲有一體現頁面處理效果的動態效果頁和一功能表，該功能表記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其在該頁面顯示區域的頁面處理方式的一一對應關係，該方法包括如下步驟：
    回應用戶用於控制顯示一頁面的觸摸操作，在該頁面顯示區域顯示該頁面，在該第一預覽區域顯示包括當前活動的第一網格組在內的多個網格組的第一立方體，在該第二預覽區域顯示包括非當前活動的第二網格組在內的多個網格組的第二立方體，該些網格組包括了與多個連續頁面一一對應的多個網格，該第一網格組顯示在該第一立方體的最上面且包括了當前顯示的該頁面及其相鄰的連續頁面所對應的網格；
    根據該觸摸屏傳輸的觸摸操作信號確認用戶的觸摸操作所在的區域；
    根據該觸摸操作信號判斷用戶的觸摸動作是否為預定的觸摸動作；
    當用戶的該觸摸動作為預定的觸摸動作時，根據觸摸操作所在的區域、觸摸動作及該功能表確定一頁面處理方式；
    根據所確定的頁面處理方式從該存儲單元獲取或生成用於分別更新該第一預覽區域、第二預覽區域以及頁面顯示區域的多個目標頁面；
    根據用於更新第一預覽區域和第二預覽區域的目標頁面分別更新該第一預覽區域和/或第二預覽區域所顯示的網格組；及
    將該用於更新該頁面顯示區域的目標頁面顯示於該頁面顯示區域上，並將更新的網格組顯示於對應的第一預覽區域和/或第二預覽區域。
  2. 如申請專利範圍第1項所述之方法，其中，在該第一預覽區域內的觸摸動作包括：向右滑動、點住一網格組拖動至該第一預覽區域之外，以及短按於一網格組上；在該第二預覽區域內的觸摸動作包括：向左滑動和點住一網格組拖動至該第二預覽區域之外；在該頁面顯示區域內的觸摸動作包括：短按於一網格上和長按於一網格上。
  3. 如申請專利範圍第2項所述之方法，其中：
    當該觸摸操作所在的區域為該第一預覽區域，且用戶的觸摸動作為向右滑動或點住一網格組拖動至第一預覽區域之外時；以及
    當該觸摸操作所在的區域為該第二預覽區域，且用戶的觸摸動作為向左滑動或點住一網格組拖動至第二預覽區域之外時；
    該頁面處理方式為將該頁面顯示區域所顯示的頁面跳轉到該動態效果頁。
  4. 如申請專利範圍第2項所述之方法，其中：當該觸摸操作所在的區域為該第一預覽區域，且用戶的觸摸動作為短按於一網格組上時，該頁面處理方式為將該網格組淡入顯示於該頁面顯示區域上。
  5. 如申請專利範圍第4項所述之方法，其中：
    當該觸摸操作所在的區域為該頁面顯示區域，且用戶的觸摸動作為短按於一網格上時，該頁面處理方式為在該頁面顯示區域的底層顯示該網格對應的頁面，同時，在該頁面顯示區域的上層保持將該網格所在的網格組淡入顯示，並高亮顯示該網格；及
    當該觸摸操作所在的區域為該頁面顯示區域，且用戶的觸摸動作為長按於一網格上時，該頁面處理方式為在該頁面顯示區域顯示該網格對應的頁面，並消去淡入顯示的該網格所在的網格組。
  6. 一種電子設備，包括觸摸屏和存儲單元，其改良在於：
    該觸摸屏包括一第一預覽區域、一第二預覽區域和一頁面顯示區域；
    該存儲單元存儲有一體現頁面處理效果的動態效果頁和一功能表，該功能表記錄了用戶觸摸操作所在的區域、用戶觸摸動作及其在該頁面顯示區域的頁面處理方式的一一對應關係；
    該觸摸屏用於回應用戶用於控制顯示一頁面的觸摸操作，在該頁面顯示區域顯示該頁面，在該第一預覽區域顯示包括當前活動的第一網格組在內的多個網格組的第一立方體，在該第二預覽區域顯示包括非當前活動的第二網格組在內的多個網格組的第二立方體，該些網格組包括了與多個連續頁面一一對應的多個網格，該第一網格組顯示在該第一立方體的最上面且包括了當前顯示的該頁面及其相鄰的連續頁面所對應的網格；
    該電子設備還包括：
    一區域確認模組，用於根據該觸摸屏傳輸的觸摸操作信號確認用戶的觸摸操作所在的區域；
    一手勢識別模組，用於根據該觸摸操作信號判斷用戶的觸摸動作是否為預定的觸摸動作；
    一頁面處理模組，用於當用戶的該觸摸動作為預定的觸摸動作時，根據觸摸操作所在的區域、觸摸動作及該功能表確定一頁面處理方式，並根據所確定的頁面處理方式從該存儲單元獲取或生成用於分別更新該第一預覽區域、第二預覽區域以及頁面顯示區域的多個目標頁面，以及根據用於更新第一預覽區域和第二預覽區域的目標頁面分別更新該第一預覽區域和/或第二預覽區域所顯示的網格組；及
    一顯示控制模組，用於將該用於更新該頁面顯示區域的目標頁面顯示於該頁面顯示區域上，並將更新的網格組顯示於對應的第一預覽區域和/或第二預覽區域。
  7. 如申請專利範圍第6項所述之電子設備，其中，在該第一預覽區域內的觸摸動作包括：向右滑動、點住一網格組拖動至該第一預覽區域之外，以及短按於一網格組上；在該第二預覽區域內的觸摸動作包括：向左滑動和點住一網格組拖動至該第二預覽區域之外；在該頁面顯示區域內的觸摸動作包括：短按於一網格上和長按於一網格上。
  8. 如申請專利範圍第7項所述之電子設備，其中，當該觸摸操作所在的區域為該第一預覽區域，且用戶的觸摸動作為向右滑動或點住一網格組拖動至第一預覽區域之外時；以及
    當該觸摸操作所在的區域為該第二預覽區域，且用戶的觸摸動作為向左滑動或點住一網格組拖動至第二預覽區域之外時；
    該頁面處理方式為將該頁面顯示區域所顯示的頁面跳轉到該動態效果頁。
  9. 如申請專利範圍第7項所述之電子設備，其中，當該觸摸操作所在的區域為該第一預覽區域，且用戶的觸摸動作為短按於一網格組上時，該頁面處理方式為將該網格組淡入顯示於該頁面顯示區域上。
  10. 如申請專利範圍第9項所述之電子設備，其中：
    當該觸摸操作所在的區域為該頁面顯示區域，且用戶的觸摸動作為短按於一網格上時，該頁面處理方式為在該頁面顯示的底層顯示該網格對應的頁面，同時，在該頁面顯示的上層保持將該網格所在的網格組淡入顯示，並高亮顯示該網格；及
    當該觸摸操作所在的區域為該頁面顯示區域，且用戶的觸摸動作為長按於一網格上時，該頁面處理方式為在該頁面顯示區域顯示該網格對應的頁面，並消去淡入顯示的該網格所在的網格組。
TW100146358A 2011-12-12 2011-12-14 具有觸摸屏的電子設備及其頁面處理方法 TW201324312A (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2011104117186A CN102609178A (zh) 2011-12-12 2011-12-12 具有触摸屏的电子设备及其页面处理方法

Publications (1)

Publication Number Publication Date
TW201324312A true TW201324312A (zh) 2013-06-16

Family

ID=46526594

Family Applications (1)

Application Number Title Priority Date Filing Date
TW100146358A TW201324312A (zh) 2011-12-12 2011-12-14 具有觸摸屏的電子設備及其頁面處理方法

Country Status (3)

Country Link
US (1) US20130152018A1 (zh)
CN (1) CN102609178A (zh)
TW (1) TW201324312A (zh)

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9285980B2 (en) * 2012-03-19 2016-03-15 Htc Corporation Method, apparatus and computer program product for operating items with multiple fingers
CN103577087A (zh) * 2012-08-09 2014-02-12 腾讯科技（深圳）有限公司 基于触摸屏的页面切换方法和装置
CN104007919B (zh) * 2013-02-27 2017-04-12 宏达国际电子股份有限公司 电子装置及其控制方法
CN104424237A (zh) * 2013-08-27 2015-03-18 鸿合科技有限公司 白板教学***附件预览方法及其白板教学***
CN103500070B (zh) * 2013-10-23 2018-01-12 北京三星通信技术研究有限公司 触控操作的方法、装置及终端装置
US10474317B2 (en) * 2014-06-25 2019-11-12 Oracle International Corporation Dynamic node grouping in grid-based visualizations
US20160140086A1 (en) * 2014-11-19 2016-05-19 Kobo Incorporated System and method for content repagination providing a page continuity indicium while e-reading
CN106095269B (zh) * 2016-06-02 2020-12-25 腾讯科技（深圳）有限公司 信息显示方法、装置及***
CN109407938A (zh) * 2018-09-30 2019-03-01 联想(北京)有限公司 一种信息处理方法、装置及电子设备
CN111163548A (zh) * 2019-12-31 2020-05-15 维沃移动通信有限公司 一种灯光显示控制方法及设备

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4096541B2 (ja) * 2001-10-01 2008-06-04 株式会社日立製作所 画面表示方法
US7231609B2 (en) * 2003-02-03 2007-06-12 Microsoft Corporation System and method for accessing remote screen content
US8432396B2 (en) * 2007-06-08 2013-04-30 Apple Inc. Reflections in a multidimensional user interface environment
US8473859B2 (en) * 2007-06-08 2013-06-25 Apple Inc. Visualization and interaction models
US8381122B2 (en) * 2007-06-08 2013-02-19 Apple Inc. Multi-dimensional application environment
CN101952795B (zh) * 2008-01-27 2013-08-14 津桥创作有限公司 手指感应设备及方法
CN101655766B (zh) * 2008-08-22 2012-03-28 鸿富锦精密工业（深圳）有限公司 可体现电子文档翻页效果的电子装置及其方法
US8451238B2 (en) * 2009-09-02 2013-05-28 Amazon Technologies, Inc. Touch-screen user interface
CN101650630B (zh) * 2009-09-11 2011-08-17 天津津科电子***工程有限公司 基于电子纸阅读装置的跳翻书页处理方法
CN101976169B (zh) * 2010-10-22 2012-11-21 鸿富锦精密工业（深圳）有限公司 电子阅读装置及其翻页的方法
US8479110B2 (en) * 2011-03-20 2013-07-02 William J. Johnson System and method for summoning user interface objects

Also Published As

Publication number Publication date
US20130152018A1 (en) 2013-06-13
CN102609178A (zh) 2012-07-25

Similar Documents

Publication Publication Date Title
US20230049473A1 (en) Method and device for managing tab window indicating application group including heterogeneous applications
US11775248B2 (en) Systems and methods for initiating and interacting with a companion-display mode for an electronic device with a touch-sensitive display
TW201324312A (zh) 具有觸摸屏的電子設備及其頁面處理方法
US9766739B2 (en) Method and apparatus for constructing a home screen in a terminal having a touch screen
US9361020B2 (en) Method and apparatus for displaying e-book in terminal having function of e-book reader
US9250768B2 (en) Tablet having user interface
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
US9141406B2 (en) Method and system to provide a user interface with respect to a plurality of applications
CN104035671A (zh) 页操作方法及其电子装置
CN104007894A (zh) 便携式设备及其多应用操作方法
KR20110081040A (ko) 투명 디스플레이를 구비한 휴대단말에서 컨텐츠 운용 방법 및 장치
TW201324306A (zh) 具有觸摸屏的電子設備及其頁面跳轉方法
KR20130093043A (ko) 터치 및 스와이프 내비게이션을 위한 사용자 인터페이스 방법 및 모바일 디바이스
JP2014149833A (ja) マルチタスキング運用のための画面表示方法及びこれをサポートする端末機
JP2015506522A (ja) アレイモードを使用したブラウザ内でのコンテンツアイテム間のナビゲート方法
KR20140028384A (ko) 사용자 단말 장치 및 그 제어 방법
JP2013084233A (ja) 装置、方法、及びプログラム
JP5858896B2 (ja) 電子機器、制御方法及び制御プログラム
TW201601051A (zh) 智慧型及可縮放觸控使用者介面顯示器
JP2014071724A (ja) 電子機器、制御方法及び制御プログラム
KR20130097266A (ko) 휴대 단말기의 콘텐츠 뷰 편집 방법 및 장치
KR20160004590A (ko) 전자 장치의 화면 표시 방법 및 전자 장치
TWI529603B (zh) 具有動態拼圖介面的電子裝置及控制方法與系統
US20150067570A1 (en) Method and Apparatus for Enhancing User Interface in a Device with Touch Screen
US20130127745A1 (en) Method for Multiple Touch Control Virtual Objects and System thereof