TWI606386B - 頁面切換系統、觸控裝置及頁面切換方法 - Google Patents
頁面切換系統、觸控裝置及頁面切換方法 Download PDFInfo
- Publication number
- TWI606386B TWI606386B TW102139478A TW102139478A TWI606386B TW I606386 B TWI606386 B TW I606386B TW 102139478 A TW102139478 A TW 102139478A TW 102139478 A TW102139478 A TW 102139478A TW I606386 B TWI606386 B TW I606386B
- Authority
- TW
- Taiwan
- Prior art keywords
- page
- switching
- content
- touch
- module
- Prior art date
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/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/04817—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 using icons
-
- 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/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
-
- 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/0482—Interaction with lists of selectable items, e.g. menus
-
- 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)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Description
本發明涉及一種觸控裝置,尤其涉及一種可進行頁面切換的觸控裝置,以及一種頁面切換系統及方法。
目前,手機、平板電腦以及電子相框等觸控裝置越來越廣泛地被人們使用。由於觸摸屏大小的限制,觸控裝置所有的功能圖示無法顯示於同一頁面,而在用戶閱讀多媒體文檔時,多媒體文檔通常也是分成了多頁顯示。因此,用戶需翻動觸摸屏視窗將切換至所需流覽的頁面。現行的切換頁面的方法是通過在觸摸屏上任意位置進行單指的水準或豎直方向的滑動操作,使當前頁面快速切換至對應的前一頁面或後一頁面,以呈現位於相應頁面的功能圖示或內容。然而,此類控制頁面切換的觸摸方式過於單一,缺乏趣味性,而且不能避免用戶誤操作,若用戶手指不經意地劃過觸摸屏,則電子裝置會誤將其識別為頁面切換操作而將當前頁面切換。
有鑒於此,有必要提供一種頁面切換系統、觸控裝置及頁面切換方法,以解決以上問題。
本發明提供一種頁面切換系統,應用於一觸控裝置中,該觸控裝置包括一觸摸屏、一顯示單元以及一存儲單元,該觸摸屏包括感應模組,用於
即時感應用戶的觸摸操作並產生相應的觸摸信號,該存儲單元中存儲有該觸摸屏所顯示的各個頁面的內容,該頁面切換系統包括:一識別確定模組,用於根據該觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁為前一頁或後一頁;以及一執行模組,用於獲取當前頁以及目標頁的內容,當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏相對的兩側翻開,且控制該目標頁的內容在當前頁的內容對應的兩部分朝向觸摸屏兩側翻開時逐漸顯示於該顯示單元上;還用於當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏的垂直中心線合併,且控制該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果。
本發明還提供一種觸控裝置,包括一觸摸屏、一顯示單元、一存儲單元以及一處理器,該觸摸屏包括感應模組,用於即時感應用戶的觸摸操作並產生相應的觸摸信號,該存儲單元中存儲有該觸摸屏所顯示的各個頁面的內容,該處理器包括:一識別確定模組,用於根據該觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁為前一頁或後一頁;以及一執行模組,用於獲取當前頁以及目標頁的內容,當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏相對的兩側翻開,且控制該目標頁的內容在當前頁的內容對應的兩部分朝向觸摸屏兩側翻開時逐漸顯示於該顯示單元上;還用於當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏的垂直中心線合併,且控制該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果。
本發明還提供一種頁面切換方法,應用於一觸控裝置中,該觸控裝置包括一觸摸屏、一顯示單元以及一存儲單元,該觸摸屏包括感應模組,用
於即時感應用戶的觸摸操作並產生相應的觸摸信號,該存儲單元中存儲有該觸摸屏所顯示的各個頁面的內容,該方法包括如下步驟:根據該觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁為前一頁或後一頁;獲取當前頁以及目標頁的內容;當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏相對的兩側翻開,且控制該目標頁的內容在當前頁的內容對應的兩部分朝向觸摸屏兩側翻開時逐漸顯示於該顯示單元上;以及當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏的垂直中心線合併,且控制該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果。
相較於現有技術,本發明可動態顯示頁面切換的效果,提高用戶的操作體驗;當兩點觸摸操作的觸摸位置超過預定位置時完全切換至目標頁,有利於避免用戶操作。
1‧‧‧觸控裝置
10‧‧‧觸摸屏
20‧‧‧顯示單元
30‧‧‧存儲單元
40‧‧‧處理器
100‧‧‧頁面切換系統
101‧‧‧感應模組
102‧‧‧識別確定模組
103‧‧‧執行模組
1030‧‧‧切換效果頁提供子模組
1031‧‧‧調取子模組
1032‧‧‧合成子模組
1033‧‧‧顯示控制子模組
201‧‧‧第一部分
202‧‧‧第二部分
203‧‧‧第三部分
圖1為本發明一較佳實施方式中應用於一觸控裝置的頁面切換系統的硬體架構圖。
圖2為圖1所示的觸控裝置所顯示的切換效果頁的示意圖。
圖3-圖6為本發明一實施方式中完成一次完整切換過程的示意圖。
圖7為本發明一較佳實施方式中的頁面切換方法的流程圖。
圖1為本發明的頁面切換系統100的硬體架構圖。該頁面切換系統100應用於一觸控裝置1中,該觸控裝置1可以是任一具有觸摸屏10的電子產品,如移動電話、平板電腦或電子相框等。該觸摸屏10包括感應模組101,用於即時感應用戶在該觸摸屏10上的觸摸操作並產生相應的觸摸信號。該觸控裝置1還包括一顯示單元20、一存儲單元30和一處理器40。在本實施方式中,該頁面切換系統100存儲於該存儲單元30中。該存儲單元30還存儲有該觸控裝置1所顯示的各個頁面的內容(如功能圖示)。該處理器40用於執行該頁面切換系統100的各個功能模組而控制該觸控裝置1表現頁面切換的動態效果。在其他實施方式中,該頁面切換系統100的多個功能模組為燒錄至該處理器40的程式化模組。
在本實施方式中,該頁面切換系統100包括一識別確定模組102以及一執行模組103。
該識別確定模組102用於根據上述感應模組101產生的觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁。具體的,該識別確定模組102根據接收到的觸摸信號確定該觸摸操作在該觸摸屏10上的觸摸位置,並根據該觸摸位置確定所述觸摸操作是否為兩點操作,以及當確定為兩點操作時根據該兩點操作的軌跡確定該觸摸操作為向前切換頁面的操作或是向後切換頁面的操作,然後,該識別確定模組102根據該觸摸操作為向前切換頁面的操作或是向後切換頁面的操作而確定由當前頁所切換至的目標頁為前一頁或後一頁。
更具體的,識別確定模組102當確定兩點操作的軌跡為兩個觸摸點相互遠離運動時(如用戶同時通過左、右手的食指在該觸摸屏10上相互遠離滑動),確定該兩點操作為用於向後切換頁面的操作,目標頁為當前頁的後一頁。識別確定模組102當確定所述兩點操作的軌跡為兩個觸摸點相向運動時(如用戶同時通過左、右手的食指在該觸摸屏10上相向/相互靠近滑動),確定兩點操作為用於向前切換頁面的操作,目標頁為當前頁的前一頁。
該執行模組103用於獲取當前頁以及目標頁的內容,當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏10相對的兩側翻開,且該目標頁的內容在當前頁的
內容對應的兩部分朝向觸摸屏10兩側翻開時逐漸顯示於該顯示單元20上。該執行模組103還用於當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏10的垂直中心線合併,且該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏10的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果。
在本實施方式中,該執行模組103還進一步包括一切換效果頁提供子模組1030、一調取子模組1031、一合成子模組1032以及一顯示控制子模組1033。如下結合圖3-6介紹該執行模組103包括的各子模組的功能及處理過程。例如,圖3所示的當前頁為第2頁,如果為向後切換,則目標頁為第3頁,反之,如果為向前切換,則目標頁為第1頁。以下以當前頁為第2頁,目標頁根據切換的方向為第3頁或第1頁進行說明。
該切換效果頁提供子模組1030用於提供多個切換效果頁,每一切換效果頁用於與當前頁和目標頁合成後形成表現頁面切換程度的一合成頁。每一合成頁表現了頁面切換到某一程度時的效果。依次形成的多個合成頁表現了頁面切換的動態過程。圖2為本發明較佳實施方式中切換效果頁的示意圖。每一切換效果頁與該顯示單元20所顯示的頁面大小一致,包括對稱顯示的第一部分201和第二部分202、以及位於第一部分201和第二部分202之間的第三部分203。其中,該第一部分201、第二部分202以及第三部分203均為空白透明區域。當用戶向後切換頁面時(即目標頁為後一頁),第一部分201和第二部分202對應於當前頁沿觸摸屏10垂直中心線分成的兩個部分,該第三部分203對應於當前頁分成的兩個部分向兩側翻開過程中所逐漸顯示的後一頁部分。當用戶向前切換頁面時(即目標頁為前一頁),第一部分201和第二部分202對應於前一頁沿觸摸屏10的垂直中心線分為兩半的兩個部分,該第三部分203對應於前一頁分為的兩個部分向觸摸屏10中間合併過程中未被遮蓋的當前頁部分。
其中,每一個切換效果頁的第一部分201、第二部分202以及第三部分203的大小不同,每一切換效果頁與當前頁以及目標頁合成後形成了反映相應頁面切換程度的合成頁。即,形成了反映向前切換頁面時,覆蓋了一小部分當前頁的程度的合成頁,覆蓋了一半當前頁的程度的合成頁等。連續的多個
切換效果頁分別與當前頁以及目標頁合成後形成了多個合成頁,該些合成頁表現了一次完整的由當前頁切換至前一頁面或者後一頁面的過程。
該調取子模組1031用於獲取當前頁以及目標頁的內容,根據該目標頁為前一頁或後一頁而按相應的順序依次調取一切換效果頁,並將該切換效果頁覆蓋於當前頁即第2頁上。其中,該調取子模組1031在該目標頁為後一頁時按第一順序依次調取切換效果頁,在該目標頁為前一頁時按與第一順序相反的第二順序調取切換效果頁。其中,按第一順序依次調取的多個切換效果頁中第一部分以及第二部分的面積逐漸減小,第三部分的面積逐漸增大;按第二順序依次調取的多個切換效果頁中第一部分以及第二部分的面積逐漸增大,第三部分的面積逐漸減小。更具體的,所述多個切換效果頁均具有一相應的序號,該序號依次增大的多個切換效果頁與該後一頁以及當前頁合成合成頁時,反映了由當前頁向後切換頁面的動態效果;該序號依次減小的多個切換效果頁與該前一頁以及當前頁合成合成頁時,反映了由當前頁向前切換頁面的動態效果。因此,在本實施方式中,該調取子模組1031按該第一順序依次調取序號逐漸增大的多個切換效果頁,按該第二順序依次調取序號逐漸減小的多個切換效果頁。
該合成子模組1032用於當所述觸摸操作為用於向後切換頁面時,獲取當前頁即第2頁的內容並以預定的方式分別覆蓋於該調取子模組1031當前調取的切換效果頁的該第一部分201和第二部分202上,同時獲取目標頁即第3頁中對應該切換效果頁的第三部分203區域的內容並覆蓋於該切換效果頁的該第三部分203上,從而合成如圖4所示的一合成頁。該合成子模組1032還用於當所述觸摸操作為用於向前切換頁面時,獲取目標頁即第1頁的內容並以預定的方式分別覆蓋於該調取子模組1031當前調取的切換效果頁的該第一部分201和第二部分202上,同時獲取當前頁即第2頁中對應該切換效果頁的第三部分203區域的內容覆蓋於該切換效果頁的該第三部分203上,從而合成一合成頁。
其中,所述預定的方式為該合成子模組1032將當前頁或目標頁的內容按觸摸屏10的垂直中心線劃分為兩部分內容,並按相應的效果進行調整,然後將所述調整後的兩部分內容分別覆蓋於該調取子模組1031當前調取的切換效果頁的第一部分201和第二部分202上,例如,將當前頁所顯示的內容劃分為
左半部分內容(包括功能圖示APP1、APP2、APP6、APP6)以及右半部分內容(包括功能圖示APP3、APP4、APP7、APP8),然後分別覆蓋於該切換效果頁的第一部分201和第二部分202上。更具體的,所述兩部分內容按相應的效果進行調整為先根據該第一部分201和第二部分202所顯示的形狀作相應的變形,然後將變形後的兩部分內容分別覆蓋於該第一部分201以及第二部分202,從而使得所述兩部分內容在頁面切換過程更加真實地顯示。
進一步的,該合成子模組1032將目標頁或當前頁中對應該切換效果頁的第三部分203的區域的內容覆蓋於該切換效果頁的該第三部分203上,可通過先剪切或複製該目標頁或當前頁中對應該切換效果頁的第三部分203的區域的內容,然後將該內容覆蓋於該切換效果頁的第三部分203上。
該顯示控制子模組1033用於將合成頁顯示於該顯示單元20上。
從而,該調取子模組1031按相應的順序依次調取該些切換效果頁,該合成子模組1032依次合成多個合成頁,顯示控制子模組1033則依次顯示該些合成頁,從而展示一頁面切換的動態效果。
具體的,該識別確定模組102還用於繼續判斷該兩點操作的觸摸位置是否繼續變化且超過該觸摸屏10的預定位置。在本實施方式中,所述預定位置由兩條相互平行的平行線限定,所述平行線分別距離該觸摸屏10相對設置的兩個邊緣預定距離。例如,當用戶同時通過左、右手食指在該觸摸屏10上相外滑動,直至左、右手食指沿向外的方向分別超過所述的兩條平行線時,即為該觸摸操作超過該預定位置;當用戶通過左、右手食指在該觸摸屏10上向內滑動,直至左、右手食指由向內的方向分別超過所述的兩條平行線時,即為該觸摸操作超過該預定位置。
該調取子模組1031在該識別確定模組102判斷該兩點操作的觸摸位置繼續變化但尚未超過該觸摸屏10的預定位置時,按相應的順序繼續調用後續的切換效果頁,由合成子模組1032以合成上述合成頁同樣的方式合成如圖5所示的各合成頁,並通過顯示控制子模組1033將每一合成頁顯示在顯示單元20上,從而通過該些連續的合成頁動態顯示頁面切換的效果。該調取子模組1031還用於當該識別確定模組102判斷該觸摸操作的觸摸位置超過該觸摸屏10的預
定位置時,調用目標頁的內容,由該顯示控制子模組1033將該目標頁的內容完全顯示於該顯示單元20上(如圖6所示)。
在其他實施方式中,該執行模組103不需要依次調取多個切換效果頁,並將該些切換效果頁與當前頁以及目標頁相合成以展示頁面切換的動態效果。在這種情況下,當所述觸摸操作為用於向後切換頁面時,該執行模組103控制當前頁的內容分為兩部分,控制在該顯示單元20上所顯示的該當前頁內容的兩部分逐漸減小並朝向觸摸屏10相對的兩側翻開;當所述觸摸操作為用於向前切換頁面時,該執行模組103控制該目標頁的內容分為兩部分,控制在該顯示單元20上所顯示的該目標頁內容的兩部分逐漸增大並朝向觸摸屏10的垂直中心線合併。
圖7為本發明一較佳實施方式中的頁面切換方法的流程圖,該方法應用於上述觸控裝置1中,包括如下步驟:
步驟S71:該識別確定模組102根據該觸摸屏10產生的觸摸信號確定用戶的觸摸操作在該觸摸屏10上的觸摸位置,並根據該觸摸位置確定所述觸摸操作是否為兩點操作,若是,則進行步驟S72;否則,則回到步驟S71。
步驟S72:該識別確定模組102根據該兩點操作的軌跡確定該兩點操作用於向後切換頁面或是向前切換頁面,從而確定由當前頁所切換至的目標頁為前一頁或後一頁。
步驟S73:該切換效果頁提供子模組1030提供多個切換效果頁,每個切換效果頁對應頁面切換過程中一特定時刻的頁面效果,該多個切換效果頁實現由當前頁進行頁面切換的動態效果,每一切換效果頁包括設置為空白透明區域的第一部分、第二部分以及位於第一部分和第二部分之間的第三部分。
步驟S74:該調取子模組1031獲取當前頁以及目標頁的內容,根據該目標頁為前一頁或後一頁而按相應的順序依次調取一切換效果頁,並將該切換效果頁覆蓋於當前頁即第2頁上。
步驟S75:該合成子模組1032在目標頁為後一頁時,獲取當前頁即第2頁的內容並以預定的方式分別覆蓋於該調取子模組1031當前調取的切換效果頁的該第一部分201和第二部分202上,同時獲取目標頁即第3頁中對應該切換效果頁的第三部分203區域的內容並覆蓋於該切換效果頁的該第三部分203
上,從而合成如圖4所示的合成頁;當目標頁為前一頁時,獲取目標頁即第1頁的內容並以預定的方式分別覆蓋於該調取子模組1031當前調取的切換效果頁的該第一部分201和第二部分202上,同時獲取當前頁即第2頁中對應該切換效果頁的第三部分203區域的內容並覆蓋於該切換效果頁的該第三部分203上,從而合成合成頁。
步驟S76:該顯示控制子模組1033用於將合成頁顯示於該顯示單元20上。
步驟S77:該識別確定模組102繼續判斷該兩點操作的觸摸位置是否繼續變化,若是,則進行步驟S78;否則,則回到步驟S77。
步驟S78:該識別確定模組102判斷該兩點操作的觸摸位置是否超過該觸摸屏10的預定位置,若是,則進行步驟S79;否則,則回到步驟S74。
步驟S79:該調取子模組1031調用目標頁的內容,由該顯示控制子模組1033將該目標頁的內容完全顯示於該顯示單元20上(如圖6所示)。
本技術領域的普通技術人員應當認識到,以上的實施方式僅是用來說明本發明,而並非用作為對本發明的限定,只要在本發明的實質精神範圍之內,對以上實施例所作的適當改變和變化都落在本發明要求保護的範圍之內。
1‧‧‧觸控裝置
10‧‧‧觸摸屏
20‧‧‧顯示單元
30‧‧‧存儲單元
40‧‧‧處理器
100‧‧‧頁面切換系統
101‧‧‧感應模組
102‧‧‧識別確定模組
103‧‧‧執行模組
1030‧‧‧切換效果頁提供子模組
1031‧‧‧調取子模組
1032‧‧‧合成子模組
1033‧‧‧顯示控制子模組
Claims (14)
- 一種頁面切換系統,應用於一觸控裝置中,該觸控裝置包括一觸摸屏、一顯示單元以及一存儲單元,該觸摸屏包括感應模組,用於即時感應用戶的觸摸操作並產生相應的觸摸信號,該存儲單元中存儲有該觸摸屏所顯示的各個頁面的內容,其改良在於:該頁面切換系統包括:一識別確定模組,用於根據該觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁為前一頁或後一頁;以及一執行模組,用於獲取當前頁以及目標頁的內容,當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏相對的兩側翻開,且控制該目標頁的內容在當前頁的內容對應的兩部分朝向觸摸屏兩側翻開時逐漸顯示於該顯示單元上;還用於當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏的垂直中心線合併,且控制該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果,該執行模組還進一步包括:一切換效果頁提供子模組,用於提供多個切換效果頁,每個切換效果頁對應頁面切換過程中一特定時刻的頁面效果,該多個切換效果頁實現由當前頁進行頁面切換的動態效果,每一切換效果頁包括設置為空白透明區域的第一部分、第二部分以及位於第一部分和第二部分之間的第三部分;一調取子模組,用於獲取當前頁以及目標頁的內容,根據該目標頁為前一頁或後一頁而按相應的順序依次調取一切換效果頁,並將該切換效果頁覆蓋於當前頁上;一合成子模組,用於當所述觸摸操作為用於向後切換頁面時,獲取當前頁的內容並以預定的方式分別覆蓋於該調取子模組當前調取的切換效果頁的該第一部分和第二部分上,同時獲取目標頁中對應該切換效果頁的第三部分區域的內容並覆蓋於該切換效果頁的該第三部分上,從而合成一合成頁;還用於當所述觸摸操作為用於向前切換頁面時,獲取目標頁的內容並以預定的方式分別覆 蓋於該調取子模組當前調取的切換效果頁的該第一部分和第二部分上,同時獲取當前頁中對應該切換效果頁的第三部分區域的內容並覆蓋於該切換效果頁的該第三部分上,從而合成一合成頁;以及一顯示控制子模組,用於將合成頁顯示於該顯示單元上。
- 如申請專利範圍第1項所述的頁面切換系統,其中,該識別確定模組根據接收到的觸摸信號確定該觸摸操作在該觸摸屏上的觸摸位置,並根據該觸摸位置確定所述觸摸操作是否為兩點操作,以及當確定為兩點操作時根據該兩點操作的軌跡確定該觸摸操作為向前切換頁面的操作或是向後切換頁面的操作。
- 如申請專利範圍第2項所述的頁面切換系統,其中,該識別確定模組當確定兩點操作的軌跡為兩個觸摸點相互遠離運動時,確定該兩點操作為用於向後切換頁面的操作;當確定所述兩點操作的軌跡為兩個觸摸點相向運動時,確定兩點操作為用於向前切換頁面的操作。
- 如申請專利範圍第1項所述的頁面切換系統,其中,該識別確定模組還用於繼續判斷該兩點操作的觸摸位置是否繼續變化且超過該觸摸屏的預定位置;該調取子模組還用於當該識別確定模組判斷該兩點操作的觸摸位置繼續變化但尚未超過該觸摸屏的預定位置時,依序繼續調用後續的切換效果頁,由合成子模組以合成上述合成頁的方式合成各合成頁,並通過顯示控制子模組將每一合成頁顯示在顯示單元上;該調取子模組還用於當該識別確定模組判斷該觸摸操作的觸摸位置超過該觸摸屏的預定位置時,調用目標頁的內容,由該顯示控制子模組將該目標頁的內容完全顯示於該顯示單元上。
- 如申請專利範圍第1項所述的頁面切換系統,其中,該調取子模組在該目標頁為後一頁時按第一順序依次調取切換效果頁,在該目標頁為前一頁時按與第一順序相反的第二順序調取切換效果頁,其中,按第一順序依次調取的多個切換效果頁中第一部分以及第二部分的面積逐漸減小,第三部分的面積逐漸增大,按第二順序依次調取的多個切換效果頁中第一部分以及第二部分的面積逐漸增大,第三部分的面積逐漸減小。
- 如申請專利範圍第1項所述的頁面切換系統,其中,所述預定的方式 為該合成子模組將當前頁或目標頁的內容按該觸摸屏的垂直中心線劃分為兩部分內容,並按相應的效果進行調整,然後將調整之後的兩部分內容分別覆蓋於該第一部分以及第二部分。
- 如申請專利範圍第6項所述的頁面切換系統,其中,所述兩部分內容按相應的效果進行調整為根據該第一部分和第二部分所顯示的形狀作相應的變形。
- 如申請專利範圍第1項所述的頁面切換系統,其中,每一切換效果頁與該顯示單元所顯示的頁面大小一致,所述第一部分以及第二部分對稱顯示於該顯示單元上。
- 如申請專利範圍第1項所述的頁面切換系統,其中,該合成子模組通過先剪切或複製該目標頁或當前頁中對應該切換效果頁的第三部分的區域的內容,然後將該內容覆蓋於該切換效果頁的第三部分上。
- 如申請專利範圍第1項所述的頁面切換系統,其中,所述預定位置由兩條相互平行的平行線限定,所述平行線分別距離該觸摸屏相對設置的兩個邊緣預定距離;所述的觸摸操作超過該預定位置為兩點操作沿向外或向內的方向分別超過所述的兩條平行線。
- 如申請專利範圍第1項所述的頁面切換系統,其中,在當所述觸摸操作為用於向後切換頁面時,該執行模組控制當前頁的內容分為兩部分,控制在該顯示單元上所顯示的該當前頁內容的兩部分逐漸減小並朝向觸摸屏相對的兩側翻開;當所述觸摸操作為用於向前切換頁面時,該執行模組控制該目標頁的內容分為兩部分,控制在該顯示單元上所顯示的該目標頁內容的兩部分逐漸增大並朝向觸摸屏的垂直中心線合併。
- 一種觸控裝置,包括一觸摸屏、一顯示單元、一存儲單元以及一處理器,該觸摸屏包括感應模組,用於即時感應用戶的觸摸操作並產生相應的觸摸信號,該存儲單元中存儲有該觸摸屏所顯示的各個頁面的內容,其改良在於:該處理器包括:一識別確定模組,用於根據該觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁為前一頁或後一頁;以及 一執行模組,用於獲取當前頁以及目標頁的內容,當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏相對的兩側翻開,且控制該目標頁的內容在當前頁的內容對應的兩部分朝向觸摸屏兩側翻開時逐漸顯示於該顯示單元上;還用於當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏的垂直中心線合併,且控制該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果;該執行模組還進一步包括:一切換效果頁提供子模組,用於提供多個切換效果頁,每個切換效果頁對應頁面切換過程中一特定時刻的頁面效果,該多個切換效果頁實現由當前頁進行頁面切換的動態效果,每一切換效果頁包括設置為空白透明區域的第一部分、第二部分以及位於第一部分和第二部分之間的第三部分;一調取子模組,用於獲取當前頁以及目標頁的內容,根據該目標頁為前一頁或後一頁而按相應的順序依次調取一切換效果頁,並將該切換效果頁覆蓋於當前頁上;一合成子模組,用於當所述觸摸操作為用於向後切換頁面時,獲取當前頁的內容並以預定的方式分別覆蓋於該調取子模組當前調取的切換效果頁的該第一部分和第二部分上,同時獲取目標頁中對應該切換效果頁的第三部分區域的內容並覆蓋於該切換效果頁的該第三部分上,從而合成一合成頁;還用於當所述觸摸操作為用於向前切換頁面時,獲取目標頁的內容並以預定的方式分別覆蓋於該調取子模組當前調取的切換效果頁的該第一部分和第二部分上,同時獲取當前頁中對應該切換效果頁的第三部分區域的內容並覆蓋於該切換效果頁的該第三部分上,從而合成一合成頁;以及一顯示控制子模組,用於將合成頁顯示於該顯示單元上。
- 如申請專利範圍第12項所述的觸控裝置,其中,在當所述觸摸操作為用於向後切換頁面時,該執行模組控制當前頁的內容分為兩部分,控制在該顯示單元上所顯示的該當前頁內容的兩部分逐漸減小並朝向觸摸屏相對的兩側翻開;當所述觸摸操作為用於向前切換頁面時,該執行模組控制該目標頁的內 容分為兩部分,控制在該顯示單元上所顯示的該目標頁內容的兩部分逐漸增大並朝向觸摸屏的垂直中心線合併。
- 一種頁面切換方法,應用於一觸控裝置中,該觸控裝置包括一觸摸屏、一顯示單元以及一存儲單元,該觸摸屏包括感應模組,用於即時感應用戶的觸摸操作並產生相應的觸摸信號,該存儲單元中存儲有該觸摸屏所顯示的各個頁面的內容,其改良在於,該方法包括如下步驟:根據該觸摸信號確定該觸摸操作為向前切換頁面還是向後切換頁面的操作,並確定所需切換的目標頁為前一頁或後一頁;獲取當前頁以及目標頁的內容;當所述觸摸操作為用於向後切換頁面時,控制該當前頁的內容分為兩部分分別以逐漸遠離用戶視線的方向朝向觸摸屏相對的兩側翻開,且控制該目標頁的內容在當前頁的內容對應的兩部分朝向觸摸屏兩側翻開時逐漸顯示於該顯示單元上;以及當所述觸摸操作為用於向前切換頁面時,控制該目標頁的內容分為兩部分分別以逐漸靠近用戶視線的方向朝向觸摸屏的垂直中心線合併,且控制該當前頁的內容在目標頁的內容分為的兩部分朝向觸摸屏的垂直中心線合併時逐漸被遮蓋,從而表現頁面切換的動態效果,該步驟進一步包括:提供多個切換效果頁,每個切換效果頁對應頁面切換過程中一特定時刻的頁面效果,該多個切換效果頁實現由當前頁進行頁面切換的動態效果,每一切換效果頁包括設置為空白透明區域的第一部分、第二部分以及位於第一部分和第二部分之間的第三部分;獲取當前頁以及目標頁的內容,根據該目標頁為前一頁或後一頁而按相應的順序依次調取一切換效果頁,並將該切換效果頁覆蓋於當前頁上;於當所述觸摸操作為用於向後切換頁面時,獲取當前頁的內容並以預定的方式分別覆蓋於該調取子模組當前調取的切換效果頁的該第一部分和第二部分上,同時獲取目標頁中對應該切換效果頁的第三部分區域的內容並覆蓋於該切換效果頁的該第三部分上,從而合成一合成頁;還用於當所述觸摸操作為用於向前切換頁面時,獲取目標頁的內容並以預定的方式分別覆蓋於該調取子模組 當前調取的切換效果頁的該第一部分和第二部分上,同時獲取當前頁中對應該切換效果頁的第三部分區域的內容並覆蓋於該切換效果頁的該第三部分上,從而合成一合成頁;以及將合成頁顯示於該顯示單元上。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW102139478A TWI606386B (zh) | 2013-10-31 | 2013-10-31 | 頁面切換系統、觸控裝置及頁面切換方法 |
US14/517,224 US9569068B2 (en) | 2013-10-31 | 2014-10-17 | Display device and method for navigating between display layers thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW102139478A TWI606386B (zh) | 2013-10-31 | 2013-10-31 | 頁面切換系統、觸控裝置及頁面切換方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201516849A TW201516849A (zh) | 2015-05-01 |
TWI606386B true TWI606386B (zh) | 2017-11-21 |
Family
ID=52996933
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW102139478A TWI606386B (zh) | 2013-10-31 | 2013-10-31 | 頁面切換系統、觸控裝置及頁面切換方法 |
Country Status (2)
Country | Link |
---|---|
US (1) | US9569068B2 (zh) |
TW (1) | TWI606386B (zh) |
Families Citing this family (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160109952A1 (en) * | 2014-10-17 | 2016-04-21 | Top Victory Investments Ltd. | Method of Controlling Operating Interface of Display Device by User's Motion |
US9589125B2 (en) * | 2014-12-31 | 2017-03-07 | Hai Tao | 3D pass-go |
CN106708399A (zh) * | 2015-11-17 | 2017-05-24 | 天津三星通信技术研究有限公司 | 用于具有双侧边曲面屏幕的电子终端的触控方法和设备 |
KR20170084586A (ko) | 2016-01-12 | 2017-07-20 | 삼성전자주식회사 | 전자 장치의 플렉서블 디스플레이 및 그의 운용 방법 |
US10353540B2 (en) * | 2016-03-30 | 2019-07-16 | Kyocera Document Solutions Inc. | Display control device |
CN106775420B (zh) * | 2016-12-30 | 2021-02-09 | 华为机器有限公司 | 一种应用切换的方法、装置和图形用户界面 |
US11494986B2 (en) * | 2017-04-20 | 2022-11-08 | Samsung Electronics Co., Ltd. | System and method for two dimensional application usage in three dimensional virtual reality environment |
CN108512997B (zh) * | 2018-03-02 | 2020-01-14 | Oppo广东移动通信有限公司 | 显示方法、装置、移动终端以及存储介质 |
CN110047120B (zh) * | 2019-03-27 | 2023-09-08 | 腾讯科技(深圳)有限公司 | 一种动画展示方法及装置 |
CN111813469B (zh) * | 2020-05-21 | 2024-05-31 | 摩拜(北京)信息技术有限公司 | 信息显示方法及终端设备 |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9791918B2 (en) * | 2008-03-26 | 2017-10-17 | Pierre Bonnat | Breath-sensitive digital interface |
US8669945B2 (en) * | 2009-05-07 | 2014-03-11 | Microsoft Corporation | Changing of list views on mobile device |
US10007393B2 (en) * | 2010-01-19 | 2018-06-26 | Apple Inc. | 3D view of file structure |
US8856688B2 (en) * | 2010-10-11 | 2014-10-07 | Facebook, Inc. | Pinch gesture to navigate application layers |
US9239674B2 (en) * | 2010-12-17 | 2016-01-19 | Nokia Technologies Oy | Method and apparatus for providing different user interface effects for different implementation characteristics of a touch event |
US20120249461A1 (en) * | 2011-04-01 | 2012-10-04 | Analog Devices, Inc. | Dedicated user interface controller for feedback responses |
CA2844615C (en) * | 2011-08-09 | 2019-01-15 | Blackberry Limited | Manipulating screen layers in multi-layer applications |
US9201585B1 (en) * | 2012-09-17 | 2015-12-01 | Amazon Technologies, Inc. | User interface navigation gestures |
US9448719B2 (en) * | 2012-12-14 | 2016-09-20 | Barnes & Noble College Booksellers, Llc | Touch sensitive device with pinch-based expand/collapse function |
US9652115B2 (en) * | 2013-02-26 | 2017-05-16 | Google Inc. | Vertical floor expansion on an interactive digital map |
-
2013
- 2013-10-31 TW TW102139478A patent/TWI606386B/zh active
-
2014
- 2014-10-17 US US14/517,224 patent/US9569068B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
TW201516849A (zh) | 2015-05-01 |
US9569068B2 (en) | 2017-02-14 |
US20150121263A1 (en) | 2015-04-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWI606386B (zh) | 頁面切換系統、觸控裝置及頁面切換方法 | |
DK180452B1 (en) | USER INTERFACES FOR RECEIVING AND HANDLING VISUAL MEDIA | |
US11706521B2 (en) | User interfaces for capturing and managing visual media | |
JP7247390B2 (ja) | ユーザインタフェースカメラ効果 | |
US11770601B2 (en) | User interfaces for capturing and managing visual media | |
KR102192091B1 (ko) | 시각적 미디어를 캡처 및 관리하기 위한 사용자 인터페이스들 | |
US10591729B2 (en) | Wearable device | |
AU2014201995B2 (en) | Objects in screen images | |
KR101486688B1 (ko) | 터치 스크린 인터페이스 동작 | |
US9582096B2 (en) | Information processing apparatus, information processing method, and program | |
AU2022221466B2 (en) | User interfaces for capturing and managing visual media | |
US10346011B2 (en) | User interface for the application of image effects to images | |
TWI714513B (zh) | 書籍顯示程式產品及書籍顯示裝置 | |
JP2024513773A (ja) | 表示方法、電子機器、記憶媒体、及びプログラムプロダクト | |
CN104598146B (zh) | 页面切换***、触控装置及页面切换方法 | |
EP4380175A1 (en) | Video recording method and apparatus, and storage medium | |
EP4387253A1 (en) | Video recording method and apparatus, and storage medium | |
CN115357167A (zh) | 截屏方法、装置和电子设备 |