TWI566167B - 電子裝置以及使用者介面顯示方法 - Google Patents
電子裝置以及使用者介面顯示方法 Download PDFInfo
- Publication number
- TWI566167B TWI566167B TW103114795A TW103114795A TWI566167B TW I566167 B TWI566167 B TW I566167B TW 103114795 A TW103114795 A TW 103114795A TW 103114795 A TW103114795 A TW 103114795A TW I566167 B TWI566167 B TW I566167B
- Authority
- TW
- Taiwan
- Prior art keywords
- point
- user interface
- cursor
- window
- drag
- 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- 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
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/14—Display of multiple viewports
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/04—Changes in size, position or resolution of an image
- G09G2340/045—Zooming at least part of an image, i.e. enlarging it or shrinking it
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2354/00—Aspects of interface with display user
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)
- User Interface Of Digital Computer (AREA)
Description
本發明係有關於一種電子裝置以及使用者介面顯示方法,特別係有關於一種藉由一特定拖曳軌跡致能放大視窗之電子裝置以及使用者介面顯示方法。
由於現今電子裝置之使用普及,於日常生活中使用者可透過電子裝置進行資料瀏覽或者操作應用程式等功能,然而當使用者拖曳游標執行某些特定之功能時,使用者介面中物件之顯示大小將對操作過程造成一定程度之影響,舉例來說,當物件之顯示大小太小時,可能造成使用者無法精準地將游標拖曳至物件上,使得使用者無法進行下一步之操作,而造成使用上之不便。因此如何在上述之情況下提供使用者較佳之操作介面為目前所需解決之問題。
為解決上述問題,本發明提供一種電子裝置,包括一觸控感應模組、一處理單元以及一顯示單元。觸控感應模組用以感應觸碰物件對應於游標之拖曳事件。處理單元用以產
生一使用者介面,其中當對應於拖曳事件之折返點與對應於拖曳事件之停止點位於既定範圍內時,致能一第一視窗。顯示單元用以顯示使用者介面,其中使用者介面包括第一視窗以及游標,以及第一視窗係依既定比例放大顯示停止點所對應之部分使用者介面。
本發明更提供一種使用者介面顯示方法,適用於一電子裝置,步驟包括:顯示一使用者介面;感應觸碰物件對應於游標之拖曳事件;當對應於拖曳事件之一折返點與對應於拖曳事件之一停止點位於一既定範圍內時,致能一第一視窗;於第一視窗依一既定比例放大顯示停止點所對應之部分使用者介面。
100‧‧‧觸控面板裝置
110‧‧‧觸控感應模組
120‧‧‧處理單元
130‧‧‧顯示單元
201‧‧‧游標
205‧‧‧手指
210‧‧‧使用者介面
220、420‧‧‧功能致能區
230‧‧‧拖曳軌跡
231‧‧‧起始點
232‧‧‧停止點
233‧‧‧第一取樣點
234‧‧‧第二取樣點
240‧‧‧第一視窗
407‧‧‧錨點
d、d1、d2‧‧‧距離
S401、S402、S403、S404、S405‧‧‧步驟流程
第1圖係顯示根據本發明一實施例所述之電子裝置之示意圖。
第2A、2B圖係顯示根據本發明一實施例所述之使用者介面顯示之示意圖。
第3A、3B圖係顯示根據本發明另一實施例所述之使用者介面顯示之示意圖。
第4A、4B圖係顯示根據本發明另一實施例所述之使用者介面顯示之示意圖。
第5圖係顯示根據本發明一實施例所述之使用者介面顯示方法之操作流程圖。
有關本發明之系統以及方法適用之其他範圍將於接下來所提供之詳述中清楚易見。必須了解的是下列之詳述以及具體之實施例,當提出有關電子裝置以及使用者介面控制方法之示範實施例時,僅作為描述之目的以及並非用以限制本發明之範圍。
第1圖係顯示根據本發明一實施例所述之電子裝置之示意圖。如第1圖所示,電子裝置100包括一觸控感應模組110、一處理單元120、一顯示單元130以及一儲存單元(未顯示)。其中,上述電子裝置100可為個人數位助理、行動電話、智慧型手機、筆記型電腦、平板電腦、或者遊戲裝置等。觸控感應模組110用以感應觸碰物件對應於游標之拖曳事件。其中,上述觸碰物件可為使用者之手指、觸控筆或者任意可致能觸控感應電極之物件。處理單元120用以產生一使用者介面,並根據對應於拖曳事件之拖曳軌跡是否具有一折返點。顯示單元用130以顯示使用者介面。儲存單元係用以儲存拖曳軌跡230之位移。其中,使用者介面係包括一第一視窗以及上述游標,以及第一視窗係用以依既定比例放大顯示部分使用者介面。
第2A、2B圖係顯示根據本發明一實施例所述之使用者介面顯示之示意圖。如第2A圖所示,顯示單元130係顯示一使用者介面210、一功能致能區220以及一游標201。於此實施例中,上述功能致能區220係為資料夾之文字區,用以顯示資料夾之名稱。
請參閱第2B圖。如第2B圖所示,使用者將手指205於起始點231上按壓游標201,並進行拖曳動作。當手指205將游標201沿著拖曳軌跡230拖曳至功能致能區220附近之停止點232上,且處理單元120判斷拖曳軌跡230具有一折返現象時,於距離游標201尖端一既定距離d之位置致能一第一視窗。其中,既定距離d可根據用戶之使用體驗設定,例如將第一視窗顯示於距離游標201之尖端大約2像素之位置。第一視窗240係依一既定比例放大顯示游標201之尖端附近所對應之部分使用者介面,舉例來說,以游標201之尖端為中心點擷取一半徑為5像素之圓形區域,將上述區域之使用者介面之內容放大兩倍並顯示於第一視窗240中。
於此實施例中,折返現象之判斷係根據拖曳軌跡230上連續三個取樣點所構成之夾角是否小於一既定角度。如第2B圖所示,連續三個取樣點係為停止點232、第一取樣點233以及第二取樣點234。其中,第一取樣點233係指拖曳軌跡230之停止點232往回推算一取樣時間後所取得之點,以及第二取樣點234係指第一取樣點233往回推算上述取樣時間後所取得之點。值得注意的是,上述取樣時間以及既定角度可由開發者自行設定,例如取樣時間設為0.5秒以及既定角度設為45度。當所取得之三個連續取樣點所構成之夾角小於既定角度,則處理單元判斷拖曳軌跡230包括一折返現象,且第一取樣點233係為折返點或者位於靠近折返點之位置。接著,處理單元120更判斷三個取樣點所構成之範圍是否位於一既定範圍內,例如三個取樣點所構成之範圍不超過一5像素*5像素之範圍時,即代
表使用者欲準確地對準小型物件,則處理單元120致能一具有放大功能之第一視窗。
根據本發明另一實施例,處理單元120更可根據儲存單元所儲存之拖曳軌跡決定是否致能第一視窗。舉例來說,當連續取樣點之間之速度產生變化時,代表拖曳方向之改變,即為使用者執行一折返之動作,處理單元120將速度產生變號之取樣點設為折返點。接著,處理單元120更根據拖曳軌跡最後之停止點以及上述折返點取得一取樣時間,並自折返點往回推算上述取樣時間以取得前一取樣點之位置。當前一取樣點、折返點以及停止點所構成之夾角小於既定角度(如前所述45度),且三點所構成之範圍位於既定範圍內(如前所述5像素*5像素之範圍)時,致能具有放大功能之第一視窗。
請參閱第3A、3B圖。第3A、3B圖係顯示根據本發明另一實施例所述之使用者介面顯示之示意圖。處理單元120於致能第一視窗240後,更根據手指205之動作失能第一視窗240。如第3A圖所示,使用者於功能致能區220致能一第一視窗240。其中,功能致能區220係為一文字區。當觸控感應單元110偵測到手指205將游標201拖曳至功能致能區220外(如第3B圖所示),且距離功能致能區220超過一第一距離d1後,例如游標201與功能致能區220之距離超過5像素,則判斷使用者欲取消放大之功能,即失能第一視窗240。
請參閱第4A、4B圖。第4A、4B圖係顯示根據本發明另一實施例所述之使用者介面顯示之示意圖。如第4A圖所示,當游標201停止於一具有調整功能之功能致能區420而非文
字區時,處理單元120將對應於游標尖端之位置設為一錨點407。當觸控感應單元110偵測到手指205將游標201拖曳至超過錨點407一第二距離d2之位置後,例如游標201與錨點407之位置超過7像素,則判斷使用者欲取消放大之功能,即失能第一視窗240。
根據本發明另一實施例,當觸控感應單元110偵測到使用者之手指脫離游標時,則判斷使用者欲取消放大之功能,即失能第一視窗240。
請配合第1圖參閱第5圖。第5圖係顯示根據本發明一實施例所述之使用者介面顯示方法之操作流程圖。於步驟S501,顯示單元130顯示一使用者介面。其中,使用者介面包括一游標。於步驟S502,觸控感應模組110感應觸碰物件對應於游標之拖曳事件。其中,上述觸碰物件可為使用者之手指、觸控筆或者任意可致能觸控感應電極之物件。於步驟S503,於拖曳事件停止後,處理單元120判斷拖曳事件是否包括一折返現象。
根據本發明一實施例,上述折返現象係指拖曳軌跡上之相鄰取樣點所構成之夾角小於一既定角度。舉例來說,由停止點、第一取樣點以及第二取樣點所構成之夾角小於45度。其中,第一取樣點係為停止點往回推算間隔一取樣時間(例如0.5秒)之點,以及第二取樣點係為第一取樣點往回推算間隔上述取樣時間之點。
根據本發明另一實施例,上述折返現象係指拖曳軌跡所包括之連續取樣點所構成之角度小於既定角度。其中,
上述連續取樣點係包括停止點、折返點以及前一取樣點。上述折返點係指對應於拖曳軌跡之位移產生變化之點,以及前一取樣點係指折返點往前推算一取樣時間之點,上述取樣時間係根據折返點與停止點之間間隔之時間所定義。
當拖曳事件不包括一折返現象時,則回到步驟S502;反之,當拖曳事件包括一折返現象時,則進入步驟S504,處理單元120更判斷對應於折返現象之折返點與對應於拖曳事件之停止點是否位於一既定範圍內。當折返點與停止點位於一既定範圍內時,例如5像素*5像素之範圍,則進入步驟S505,致能一具有放大功能之第一視窗。其中,第一視窗依一既定比例放大顯示停止點所對應之部分使用者介面。
此外,根據本發明一實施例,當觸控感應單元110偵測到使用者之手指脫離游標時,則處理單元120判斷使用者欲取消放大之功能,即失能第一視窗。
根據本發明另一實施例,當使用者於一文字區致能上述第一視窗時,處理單元120更判斷游標與文字區之間之距離是否超過一第一距離,若游標與文字區之間之距離超過第一距離(例如5像素),則判斷使用者欲取消放大之功能,即失能第一視窗240。
根據本發明另一實施例,當使用者於一非文字區致能上述第一視窗時,處理單元120將對應於停止點之游標尖端設為一錨點,並判斷游標與錨點之間之距離是否超過一第二距離,若游標與與錨點之間之距離超過第二距離(例如7像素),則判斷使用者欲取消放大之功能,即失能第一視窗240。
綜上所述,根據本發明一實施例所提出之電子裝置以及使用者介面顯示方法,當使用者欲對準一小型物件時,可藉由包括一折返現象之拖曳動作致能一具有放大功能之視窗,如此可協助使用者將游標更準確地移動至目標上,以提供使用者一更佳之使用體驗。
以上敘述許多實施例的特徵,使所屬技術領域中具有通常知識者能夠清楚理解本說明書的形態。所屬技術領域中具有通常知識者能夠理解其可利用本發明揭示內容為基礎以設計或更動其他製程及結構而完成相同於上述實施例的目的及/或達到相同於上述實施例的優點。所屬技術領域中具有通常知識者亦能夠理解不脫離本發明之精神和範圍的等效構造可在不脫離本發明之精神和範圍內作任意之更動、替代與潤飾。
100‧‧‧電子裝置
110‧‧‧觸控感應模組
120‧‧‧處理單元
130‧‧‧顯示單元
Claims (10)
- 一種電子裝置,包括:一觸控感應模組,用以感應一觸碰物件對應於一游標之一拖曳事件;一處理單元,用以產生一使用者介面,其中當對應於上述拖曳事件之一折返點與對應於上述拖曳事件之一停止點位於一既定範圍內時,致能一第一視窗;以及一顯示單元,用以顯示上述使用者介面,其中上述使用者介面包括上述第一視窗以及上述游標,以及上述第一視窗係依一既定比例放大顯示上述停止點所對應之部分上述使用者介面;其中當對應於上述游標之部分上述使用者介面非上述功能致能區,且上述觸控感應模組偵測到上述游標與上述停止點之間之一第二距離超過上述既定距離時,失能上述第一視窗。
- 如申請專利範圍第1項所述之電子裝置,其中上述折返點係位於上述拖曳事件所對應之一拖曳軌跡上,且與上述拖曳軌跡上之相鄰取樣點所構成之夾角小於一既定角度,其中上述折返點係上述夾角之頂點。
- 如申請專利範圍第1項所述之電子裝置,其中上述拖曳事件形成一拖曳軌跡,且上述拖曳軌跡具有包括一前一取樣點、上述折返點以及上述停止點之連續取樣點,且上述前一取樣點、上述折返點以及上述停止點所構成之夾角小於一既定角度,其中上述折返點係上述夾角之頂點。
- 如申請專利範圍第1項所述之電子裝置,其中於致能上 述第一視窗後,當上述觸控感應模組偵測到上述觸碰物件脫離上述游標時,失能上述第一視窗。
- 如申請專利範圍第1項所述之電子裝置,其中於致能上述第一視窗後,上述處理單元更判斷對應於上述游標之部分上述使用者介面為一功能致能區,當上述游標之部分上述使用者介面為上述功能致能區,且上述觸控感應模組偵測到上述游標與上述功能致能區之間之一第一距離超過一既定距離時,失能上述第一視窗。
- 一種使用者介面顯示方法,適用於一電子裝置,包括:顯示一使用者介面;感應一觸碰物件對應於一游標之一拖曳事件;判斷上述拖曳事件是否包括一折返點;當對應於上述拖曳事件之上述折返點與對應於上述拖曳事件之一停止點位於一既定範圍內時,致能一第一視窗;於上述第一視窗依一既定比例放大顯示上述停止點所對應之部分上述使用者介面;其中當對應於上述游標之部分上述使用者介面非上述功能致能區,且偵測到上述游標與上述停止點之間之一第二距離超過上述既定距離時,失能上述第一視窗。
- 如申請專利範圍第6項所述之使用者介面顯示方法,其中上述折返點係位於上述拖曳事件所對應之一拖曳軌跡上,且與上述拖曳軌跡上之相鄰取樣點所構成之夾角小於一既定角度,其中上述折返點係上述夾角之頂點。
- 如申請專利範圍第6項所述之使用者介面顯示方法,其 中上述拖曳事件形成一拖曳軌跡,且上述拖曳軌跡具有包括一前一取樣點、上述折返點以及上述停止點之連續取樣點,且上述前一取樣點、上述折返點以及上述停止點所構成之夾角小於一既定角度,其中上述折返點係上述夾角之頂點。
- 如申請專利範圍第6項所述之使用者介面顯示方法,其中於致能上述第一視窗後,當偵測到上述觸碰物件脫離上述游標時,失能上述第一視窗。
- 如申請專利範圍第6項所述之使用者介面顯示方法,其中於致能上述第一視窗後,更判斷對應於上述游標之部分上述使用者介面為一功能致能區,當上述游標之部分上述使用者介面為上述功能致能區,且上述觸控感應模組偵測到上述游標與上述功能致能區之間之一第一距離超過一既定距離時,失能上述第一視窗。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW103114795A TWI566167B (zh) | 2014-04-24 | 2014-04-24 | 電子裝置以及使用者介面顯示方法 |
US14/600,065 US20150309693A1 (en) | 2014-04-24 | 2015-01-20 | Cursor assistant window |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW103114795A TWI566167B (zh) | 2014-04-24 | 2014-04-24 | 電子裝置以及使用者介面顯示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201541338A TW201541338A (zh) | 2015-11-01 |
TWI566167B true TWI566167B (zh) | 2017-01-11 |
Family
ID=54334795
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW103114795A TWI566167B (zh) | 2014-04-24 | 2014-04-24 | 電子裝置以及使用者介面顯示方法 |
Country Status (2)
Country | Link |
---|---|
US (1) | US20150309693A1 (zh) |
TW (1) | TWI566167B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9808710B2 (en) * | 2015-03-31 | 2017-11-07 | King.Com Ltd. | User interface |
US10275436B2 (en) * | 2015-06-01 | 2019-04-30 | Apple Inc. | Zoom enhancements to facilitate the use of touch screen devices |
CN106469000A (zh) * | 2015-08-14 | 2017-03-01 | 青岛海信移动通信技术股份有限公司 | 一种屏幕内容放大方法及终端设备 |
US12039139B1 (en) * | 2022-06-24 | 2024-07-16 | Freedom Scientific, Inc. | Bifurcation of rendered and system pointing indicia to enable input via a viewport |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090284478A1 (en) * | 2008-05-15 | 2009-11-19 | Microsoft Corporation | Multi-Contact and Single-Contact Input |
CN101673181A (zh) * | 2002-11-29 | 2010-03-17 | 皇家飞利浦电子股份有限公司 | 具有触摸区域的移动表示的用户界面 |
TW201129920A (en) * | 2010-02-25 | 2011-09-01 | Egalax Empia Technology Inc | Method and device for determing rotation gesture |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9658765B2 (en) * | 2008-07-31 | 2017-05-23 | Northrop Grumman Systems Corporation | Image magnification system for computer interface |
US20100275122A1 (en) * | 2009-04-27 | 2010-10-28 | Microsoft Corporation | Click-through controller for mobile interaction |
US9363220B2 (en) * | 2012-03-06 | 2016-06-07 | Apple Inc. | Context-sensitive help for image viewing and editing application |
KR20160039453A (ko) * | 2014-10-01 | 2016-04-11 | 엘지전자 주식회사 | 이동 단말기 및 그것의 제어방법 |
-
2014
- 2014-04-24 TW TW103114795A patent/TWI566167B/zh active
-
2015
- 2015-01-20 US US14/600,065 patent/US20150309693A1/en not_active Abandoned
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101673181A (zh) * | 2002-11-29 | 2010-03-17 | 皇家飞利浦电子股份有限公司 | 具有触摸区域的移动表示的用户界面 |
US20090284478A1 (en) * | 2008-05-15 | 2009-11-19 | Microsoft Corporation | Multi-Contact and Single-Contact Input |
TW201129920A (en) * | 2010-02-25 | 2011-09-01 | Egalax Empia Technology Inc | Method and device for determing rotation gesture |
Also Published As
Publication number | Publication date |
---|---|
US20150309693A1 (en) | 2015-10-29 |
TW201541338A (zh) | 2015-11-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220100368A1 (en) | User interfaces for improving single-handed operation of devices | |
US11231831B2 (en) | Devices and methods for content preview based on touch input intensity | |
US10474350B2 (en) | Devices and methods for processing touch inputs over multiple regions of a touch-sensitive surface | |
US20230259269A1 (en) | Devices, Methods, and User Interfaces for Conveying Proximity-Based and Contact-Based Input Events | |
US10304163B2 (en) | Landscape springboard | |
US9811250B2 (en) | Device, method, and graphical user interface for displaying widgets | |
US11112959B2 (en) | Linking multiple windows in a user interface display | |
US11669243B2 (en) | Systems and methods for activating and using a trackpad at an electronic device with a touch-sensitive display and no force sensors | |
US10684704B2 (en) | Devices and method for manipulating user interfaces with stylus and non-stylus contacts | |
US20160292989A1 (en) | Method and system for remote battery notification | |
TWI566167B (zh) | 電子裝置以及使用者介面顯示方法 | |
US11914857B1 (en) | Methods and graphical user interfaces for pointing and editing on computing devices with touch-sensitive displays | |
US10409421B2 (en) | Devices and methods for processing touch inputs based on adjusted input parameters | |
TWI512592B (zh) | 電子裝置及其用戶界面顯示方法 | |
US9535593B2 (en) | Electronic devices and method for controlling user interface with function-enabled area and cursor | |
US20150248229A1 (en) | Electronic devices and methods for controlling user interface |