TW201610824A - 觸控系統及其畫面捲動方法 - Google Patents
觸控系統及其畫面捲動方法 Download PDFInfo
- Publication number
- TW201610824A TW201610824A TW103131564A TW103131564A TW201610824A TW 201610824 A TW201610824 A TW 201610824A TW 103131564 A TW103131564 A TW 103131564A TW 103131564 A TW103131564 A TW 103131564A TW 201610824 A TW201610824 A TW 201610824A
- Authority
- TW
- Taiwan
- Prior art keywords
- touch
- display
- touch panel
- screen
- processor
- Prior art date
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
畫面捲動方法包含提供觸控系統,包含顯示觸控面板及處理器。接收於該顯示觸控面板上的至少一觸控點。偵測該顯示觸控面板上的該至少一觸控點的起始位置。當該至少一觸控點被滑動而離開該起始位置時,該顯示觸控面板所顯示之一畫面根據該至少一觸控點的滑動被捲動。偵測該顯示觸控面板上的該觸控點的數量。該處理器根據該顯示觸控面板上移動中的觸控點的數量更新該顯示觸控面板所顯示之該畫面被捲動的速度,其中該畫面被捲動的速度與移動中的該觸控點的數量成正比。
Description
本發明描述一種畫面捲動方法,尤指一種能更新捲動速度的畫面捲動方法。
隨著通訊以及科技產業的發展,各式各樣的可攜式的電子產品應用於日常生活之中。舉凡一般常見的筆記型電腦、智慧型手機、平板電腦等等。這些電子產品為了讓使用者方便操作其功能,常會用一個顯示觸控螢幕做為使用者與電子產品之間的操作介面。當顯示觸控螢幕接收使用者的觸碰訊號輸入後,會執行相對應的動作。例如使用者可以經由螢幕上的捲動輸入,將智慧型手機的電話簿下拉以搜尋聯絡人等等。
傳統利用捲動輸入而將顯示觸控螢幕所顯示畫面下拉/上拉的方式可區分為兩種形式。第一種為利用直接捲動的方式(例如使用手指或是觸控筆)將顯示觸控螢幕所顯示畫面直接下拉/上拉。第二種為利用顯示畫面左右兩側的滾動條(Scrolling Bar)進行捲動操作而使顯示畫面下拉/上拉。然而,當顯示畫面的資料很多或是內容過長時(例如一本書的文字內容),第一種直接捲動畫面的方式將會非常耗時,而第二種方式因為滾動條的長度會隨著顯示畫面的內容變多而壓縮成很小的長度,因此使用太小長度的滾動條進行畫面下拉/上拉的操作將不容易精確定位。在此情況下,使用者於顯示觸控螢幕閱讀或瀏覽資料的效率就會降低。
因此,發展一種畫面捲動方法以使顯示畫面進行捲動時的效率提升是非常重要的。
針對現有技術中無法在顯示觸控螢幕在閱讀或瀏覽資料時,無法快速、精準的捲動顯示畫面的技術問題,本發明提供一種觸控系統及其畫面捲動方法以提升顯示畫面進行捲動時的效率。本發明提出一種觸控系統的畫面捲動方法,包含提供觸控系統,觸控系統包含顯示觸控面板及處理器,所述方法包含下列步驟。接收於顯示觸控面板上的至少一觸控點。偵測顯示觸控面板上的該至少一觸控點的起始位置。當至少一觸控點被滑動而離開起始位置時,顯示觸控面板所顯示之畫面根據至少一觸控點的滑動被捲動。偵測顯示觸控面板上的觸控點的數量。處理器根據顯示觸控面板上移動中的觸控點的數量更新顯示觸控面板所顯示之該畫面被捲動的速度,其中畫面被捲動的速度與移動中的觸控點的數量成正比。
本發明還提出一種觸控系統,包含顯示觸控面板、處理器及偵測模組。顯示觸控面板用以顯示畫面。處理器是耦接於顯示觸控面板,並用以接收於顯示觸控面板上的至少一觸控點。偵測模組是耦接於處理器,用於偵測顯示觸控面板上的至少一觸控點的起始位置及顯示觸控面板上的觸控點的數量。當至少一觸控點被滑動而離開起始位置時,處理器將顯示觸控面板所顯示之畫面根據至少一觸控點的滑動而捲動,並根據該顯示觸控面板上移動中的觸控點的數量更新顯示觸控面板所顯示之畫面被捲動的速度,其中畫面被捲動的速度與移動中的觸控點的數量成正比。
透過上述的技術手段,本發明可以通過控制於顯示觸控面板上滑動的觸控點數量從而變更該顯示觸控面板所顯示之畫面的捲動速度,實現對顯示畫面的快速加速或減速捲動,使得使用者可直觀顯示畫面的捲動過程,從而快速精確定位所需內容。
100‧‧‧觸控系統
130‧‧‧偵測模組
110‧‧‧顯示觸控面板
P‧‧‧畫面
A、B、C、D、E‧‧‧觸控點
A1x、B1x、C1x、D1x、E1x‧‧‧第一座標
A2x、B2x、C2x、D2x、E2x‧‧‧第二座標
120‧‧‧處理器
S‧‧‧集合
VA、VB、VC、VD、VE‧‧‧方向向量
第1圖係為本發明實施例之觸控系統的方塊圖。
第2圖係為第1圖實施例之觸控系統,畫面捲動方法的示意圖。
第3圖係為第1圖實施例之觸控系統,觸控點移動方向為一致時的示意圖。
第4圖係為第1圖實施例之觸控系統,觸控點移動方向非一致時的示意圖。
為讓本發明更顯而易懂,下文依本發明之觸控系統及其畫面捲動方法,特舉實施例配合所附圖式詳細說明,但所提供之實施例並非用以限制本發明所涵蓋的範圍。
第1圖係為本發明實施例之觸控系統100的方塊圖。觸控系統100包含顯示觸控面板110、處理器120以及偵測模組130。顯示觸控面板110用以顯示畫面。處理器120是耦接於顯示觸控面板110,並用以接收於顯示觸控面板110上的至少一個觸控點。偵測模組130是耦接於處理器120,用於偵測顯示觸控面板110上的至少一觸控點的起始位置及顯示觸控面板110上的觸控點的數量。在本實施例之觸控系統100中,顯示觸控面板110除了可以顯示畫面外,具有多點觸控(Multi-touch)輸入的功能,意即可以偵測至少一個觸控點。處理器120將會依據顯示觸控面板110上移動中的觸控點的數量,更新顯示觸控面板110所顯示之畫面被捲動的速度。本實施例之觸控系統100如何更新畫面被捲動的速度,將於以下段落詳述其步驟。
第2圖為本發明實施例之畫面捲動方法的示意圖。在第2圖中,顯示觸控面板110顯示一個畫面P。觸控點A及觸控點B為在顯示觸控面板110上的二個觸控點。這些觸控點的觸發方式可以利用手指及/或觸控筆等於顯示觸控面板110上點擊。這裡用一個例子來描述觸控系統100如何根據觸控輸入來更新畫面被捲動的速度。首先,若使用者只用一根手指或一觸控筆進行觸控時(只有觸控點A或觸控點B被接收時),畫面P被捲動的速度會相等於系統預設的捲動速度。然而,當使用者利用兩根手指於顯示觸控面板110
上的兩個觸控點A及B進行畫面捲動時,此時觸控系統100內的處理器120接收顯示觸控面板110上的兩個觸控點A及B,偵測模組130隨即偵測出對應兩個觸控點A及B在顯示觸控面板110上的起始位置以及分別對應起始位置的第一座標A1x及B1x。若使用者將觸碰於觸控點A及B上的手指分別由第一座標A1x及B1x向上移動至第二座標A2x及B2x以使畫面P向下拉時,偵測模組130會將觸控點A及B的移動數據傳至處理器120。當處理器接收到觸控點A及B的移動數據時,就會判定使用者正執行一個下拉捲動畫面的動作。此時,偵測模組130會偵測在顯示觸控面板110上的觸控點的數量(在本實施例中,觸控點數量為2點)。隨後,處理器120將依據顯示觸控面板110上移動中的觸控點的數量,更新顯示觸控面板110所顯示之畫面P被捲動的速度。在本實施例中,因為在顯示觸控面板110上移動中的觸控點為A及B兩點,處理器會更新顯示觸控面板110之畫面P被捲動的速度為2倍系統預設的捲動速度。然而,本案之畫面捲動方法不限於使用兩個觸控點的輸入,在其它實施例中,若使用者在顯示觸控面板110上使用三個觸控點的輸入,當三個觸控點在顯示觸控面板110上滑動時,處理器120將更新顯示觸控面板110之畫面P被捲動的速度為3倍系統預設的捲動速度。依此類推,若使用者在顯示觸控面板110上使用N個觸控點的輸入,當N個觸控點在顯示觸控面板110上滑動時,處理器120將更新顯示觸控面板110之畫面P被捲動的速度為N倍系統預設的捲動速度,而N為正整數。因此,在本發明實施例中,顯示觸控面板110上滑動的觸控點的數目即為處理器120將更新顯示觸控面板110之畫面P被捲動的速度的倍數。
這邊說明一下處理器120將畫面P捲動的方向與至少兩個觸控點移動方向的關係。如第3圖所示,假設兩個觸控點A及B的移動方向分別由起始位置對應的第一座標A1x及B1x移動至第二座標A2x及B2x。由於在第3圖中,第一座標A1x移動至第二座標A2x對應一個方向向量VA,第一座標B1x移動至第二座標B2x對應一個方向向量VB,當方向向量VA與方向向量
VB為平行或接***行時(意即方向向量VA與方向向量VB的方向為一致時),處理器120就會判定使用者執行一個捲動畫面P的動作,且畫面P捲動的方向與方向向量VA與方向向量VB的方向為一致。而本發明實施例並不侷限於兩個移動中的觸控點,在其他實施例中,當兩個以上的觸控點被滑動而離開起始位置且被滑動的方向為一致時,處理器120就會執行一個捲動畫面P的動作。例如當N個移動中的觸控點的方向為一致時,處理器120將執行一個捲動畫面P的動作,且畫面P捲動的方向與N個移動中的觸控點的方向為一致。
這邊說明一下處理器120將畫面P捲動的方向與至少一個觸控點移動方向的另一個關係。如第4圖所示,5個觸控點A至E(可為使用者的五根手指)分別由起始位置對應的第一座標A1x、B1x、C1x、D1x及E1x移動至第二座標A2x、B2x、C2x、D2x及E2x。第一座標A1x移動至第二座標A2x對應一個方向向量VA,第一座標B1x移動至第二座標B2x對應一個方向向量VB,第一座標C1x移動至第二座標C2x對應一個方向向量VC,第一座標D1x移動至第二座標D2x對應一個方向向量VD,第一座標E1x移動至第二座標E2x對應一個方向向量VE。然而,方向向量VA至VE的方向不再一致。此時,處理器會分析並計算五個觸控點A至E中的每一觸控點的方向向量(即方向向量VA至VE)並獲取每一個觸控點的滑動趨勢,並依據此滑動趨勢計算與滑動中的5個觸控點A至E相符合之一個平均移動方向。而計算平均移動方向的方式並不限於利用單一公式計算的法則。舉例來說,第一種計算平均移動方向的方式可為由方向向量VA至VE直接取其平均值。第二種計算平均移動方向的方式可先計算出五個觸控點A至E符合滑動趨勢的集合S,再將集合S內的觸控點的方向向量取其平均值。而第二種計算平均移動方向的方式將會避開一些極端觸控點的移動方向而更具精準度。例如第4圖中,觸控點A及E可能為使用者誤觸或操作不良而與觸控點B、C及D的移動方向差距很大,若處理器120直接計算所有觸控點移動的方向向量而取其平均
值,可能會造成畫面P的滑動方向不準確,在這個情況下,處理器120可以計算與滑動趨勢較為符合之集合S內移動中的觸控點B、觸控點C以及觸控點D對應之方向向量VB,方向向量VC及方向向量VD的平均值,作為平均移動方向。因此避開了移動方向偏差性過大的觸控點A及E的影響。隨後,處理器120將顯示觸控面板110所顯示之畫面P捲動,且畫面P捲動的方向與平均移動方向一致。
而本發明之觸控系統100,處理器120除了將畫面P以符合移動中觸控點的方向向量一致的方式捲動之外,處理器120亦可以將畫面P符合滑動條之水平或垂直的定向方向而捲動。在後者的情況下,畫面P被捲動的方向向量被固定於上下左右四個方向。換言之,本發明之觸控系統100之畫面P被捲動的方式可被使用者可選擇,第一種選擇方式為畫面P是定向的水平或垂直的方向而被捲動,而第二種選擇方式為畫面P為非定向之符合移動中觸控點的方向向量而被捲動。例如當畫面P是水平或垂直的定向方向而被捲動時,如圖4所示,處理器接收的觸控點A至E所對應之方向向量VA至VE的方向不再一致,此時,處理器會分析並計算五個觸控點A至E中的每一觸控點的方向向量(即方向向量VA至VE)以根據方向向量VA至VE直接取其平均值作為平均移動方向,並分析該平均移動方向相對水平及垂直的定向方向的偏移角度,以獲取數值最小的偏移角度所對應的畫面P捲動的定向方向。如平均移動方向相對垂直上、垂直下、水平右、水平左相比,該水平移動方向與垂直下的偏移角度的數值最小,則隨著觸控點A至E的滑動,畫面P向垂直下捲動。
綜上所述,本發明描述了一種在觸控系統中的其畫面捲動方法。其觀念為利用在顯示觸控面板上移動中的觸控點的個數,將畫面捲動速度提升至與觸控點個數成正比的速度。當瀏覽內容很長的畫面時,觸控系統可以將畫面捲動速度調整至適合的速度,以提升閱讀或是瀏覽畫面資料的效率。以上所述僅為本發明之較佳實施例,凡依本發明申請專利範圍所做之均等變
化與修飾,皆應屬本發明之涵蓋範圍。
100‧‧‧觸控系統
110‧‧‧顯示觸控面板
P‧‧‧畫面
A、B‧‧‧觸控點
A1x、B1x‧‧‧第一座標
A2x、B2x‧‧‧第二座標
Claims (10)
- 一種觸控系統的畫面捲動方法,提供一觸控系統,包含一顯示觸控面板及一處理器,所述方法包含下列步驟:接收於該顯示觸控面板上的至少一觸控點;偵測該顯示觸控面板上的該至少一觸控點的起始位置;當該至少一觸控點被滑動而離開該起始位置時,該顯示觸控面板所顯示之一畫面根據該至少一觸控點的滑動被捲動;偵測該顯示觸控面板上的該觸控點的數量;及該處理器根據該顯示觸控面板上移動中的觸控點的數量更新該顯示觸控面板所顯示之該畫面被捲動的速度;其中該畫面被捲動的速度與移動中的該觸控點的數量成正比。
- 如請求項1所述之畫面捲動方法,其中若N個觸控點同步滑動而離開該起始位置,該處理器將該畫面被捲動的速度由一預定速度更新為該預定速度的N倍,其中N係為正整數。
- 如請求項1所述之畫面捲動方法,其中當該至少兩觸控點被滑動而離開該起始位置,且該至少兩觸控點被滑動的方向為一致時,該處理器將該顯示觸控面板所顯示之該畫面捲動,且該畫面捲動的方向與該至少兩觸控點被滑動的方向為一致。
- 如請求項1所述之畫面捲動方法,其中當該至少兩觸控點被滑動而離開該起始位置,且該至少兩觸控點被滑動的方向為不一致時,該處理器分析該每一該觸控點的移動方向以獲取各該觸控點之滑動趨勢,並依據該滑動趨勢計算與滑動中的該至少兩觸控點相符合之一平均移動方向,該處理器將該顯示觸控面板所顯示之該畫面捲動,且該畫面捲動的方向與該平均移動 方向一致。
- 如請求項1所述之畫面捲動方法,其中該顯示觸控面板所顯示之該畫面根據該至少一觸控點的滑動被捲動,該畫面被捲動的方向符合一滑動條之水平或垂直的定向方向。
- 一種觸控系統,包含:一顯示觸控面板,用以顯示一畫面;一處理器,耦接於該顯示觸控面板,並用以接收於該顯示觸控面板上的至少一觸控點;及一偵測模組,耦接於該處理器,用於偵測該顯示觸控面板上的該至少一觸控點的起始位置及該顯示觸控面板上的該觸控點的數量;當該至少一觸控點被滑動而離開該起始位置時,該處理器將該顯示觸控面板所顯示之該畫面根據該至少一觸控點的滑動而捲動,並根據該顯示觸控面板上移動中的觸控點的數量更新該顯示觸控面板所顯示之該畫面被捲動的速度,其中該畫面被捲動的速度與移動中的該觸控點的數量成正比。
- 如請求項6所述之觸控系統,其中該處理器接收於該顯示觸控面板上的N個觸控點後,該處理器偵測該顯示觸控面板上該N個觸控點的起始位置,若N個觸控點同步滑動離開該起始位置,該處理器將該畫面被捲動的速度由一預定速度更新為該預定速度的N倍,其中N係為正整數。
- 如請求項6所述之觸控系統,其中當該至少兩觸控點被滑動而離開該起始位置,且該至少兩觸控點被滑動的方向為一致時,該處理器將該顯示觸控面板所顯示之該畫面捲動,且該畫面捲動的方向與該至少一兩觸控點被滑 動的方向為一致。
- 如請求項6所述觸控系統,其中當該至少兩觸控點被滑動而離開該起始位置,且該至少兩觸控點被滑動的方向為不一致時,該處理器分析每一觸控點的移動方向以獲取各該觸控點之滑動趨勢,並依據該滑動趨勢計算滑動中的該至少兩觸控點相符合之一平均移動方向,該處理器將該顯示觸控面板所顯示之該畫面捲動,且該畫面捲動的方向與該平均移動方向一致。
- 如請求項6所述之觸控系統,其中該處理器將該顯示觸控面板所顯示之該畫面根據該至少一觸控點的滑動而捲動,該畫面被捲動的方向符合一滑動條之水平或垂直的定向方向。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW103131564A TW201610824A (zh) | 2014-09-12 | 2014-09-12 | 觸控系統及其畫面捲動方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW103131564A TW201610824A (zh) | 2014-09-12 | 2014-09-12 | 觸控系統及其畫面捲動方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
TW201610824A true TW201610824A (zh) | 2016-03-16 |
Family
ID=56085186
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW103131564A TW201610824A (zh) | 2014-09-12 | 2014-09-12 | 觸控系統及其畫面捲動方法 |
Country Status (1)
Country | Link |
---|---|
TW (1) | TW201610824A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI708179B (zh) * | 2017-11-14 | 2020-10-21 | 開曼群島商阿里巴巴集團控股有限公司 | 介面展示方法及裝置 |
-
2014
- 2014-09-12 TW TW103131564A patent/TW201610824A/zh unknown
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI708179B (zh) * | 2017-11-14 | 2020-10-21 | 開曼群島商阿里巴巴集團控股有限公司 | 介面展示方法及裝置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10216407B2 (en) | Display control apparatus, display control method and display control program | |
US9035883B2 (en) | Systems and methods for modifying virtual keyboards on a user interface | |
TWI585672B (zh) | 電子顯示裝置及圖標控制方法 | |
US9612675B2 (en) | Emulating pressure sensitivity on multi-touch devices | |
US20150212723A1 (en) | Method and system for displaying contencts scrolling at high speed and scroll bar | |
US20110080430A1 (en) | Information Processing Apparatus, Information Processing Method, and Information Processing Program | |
US9665216B2 (en) | Display control device, display control method and program | |
US10146420B2 (en) | Electronic device, graph display method and storage medium for presenting and manipulating two dimensional graph objects using touch gestures | |
CN105824531A (zh) | 数值调整方法及装置 | |
CN103793093A (zh) | 多屏幕便携终端及其触摸控制方法 | |
US20160162061A1 (en) | Low latency inking | |
CN104317499A (zh) | 用于在终端中设置屏幕的壁纸的设备及方法 | |
US9563346B2 (en) | Method for scrolling a displayed image in a touch system | |
WO2017128715A1 (zh) | 一种用于移动终端的界面展示方法及移动终端 | |
US9372621B2 (en) | Operating method of electronic device | |
KR20170067669A (ko) | 전자기기의 터치 위치 예측 방법 및 장치 | |
US10261608B2 (en) | Cursor control method and cursor control system | |
TWI480792B (zh) | 電子裝置的操作方法 | |
TW201539308A (zh) | 使用者介面顯示方法及其電子裝置 | |
WO2017211108A1 (zh) | 一种显示方法及装置 | |
JP2015215840A (ja) | 情報処理装置及び入力方法 | |
TW201610824A (zh) | 觸控系統及其畫面捲動方法 | |
JP2012194727A (ja) | 電子機器 | |
WO2018132971A1 (zh) | 一种交互控制方法和终端 | |
JP2017062712A (ja) | 電子機器 |