TWI656472B - 介面調整方法及電子裝置 - Google Patents

介面調整方法及電子裝置 Download PDF

Info

Publication number
TWI656472B
TWI656472B TW104117709A TW104117709A TWI656472B TW I656472 B TWI656472 B TW I656472B TW 104117709 A TW104117709 A TW 104117709A TW 104117709 A TW104117709 A TW 104117709A TW I656472 B TWI656472 B TW I656472B
Authority
TW
Taiwan
Prior art keywords
page
application icon
application
preset area
icons
Prior art date
Application number
TW104117709A
Other languages
English (en)
Other versions
TW201706822A (zh
Inventor
姜至善
章文文
胡爽
蔣玲娟
程華東
Original Assignee
鴻海精密工業股份有限公司
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 鴻海精密工業股份有限公司 filed Critical 鴻海精密工業股份有限公司
Publication of TW201706822A publication Critical patent/TW201706822A/zh
Application granted granted Critical
Publication of TWI656472B publication Critical patent/TWI656472B/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/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/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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

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)

Abstract

本發明涉及介面，尤其涉及一種介面調整方法及電子裝置。該方法包括步驟：回應使用者對顯示單元上的應用程式圖示頁面的觸摸操作，接收顯示單元產生的對應用程式圖示頁面的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作；及在確定觸摸操作為雙指相對滑動觸摸操作時對該至少一個應用程式圖示頁面上的應用程式圖示的顯示進行調整。本發明能夠使得使用者方便地放大或縮小介面上的應用軟體圖示的大小及改變應用程式圖示的數量，提高了用戶的體驗感及人機交互的靈活性。

Description

介面調整方法及電子裝置
本發明涉及介面，尤其涉及一種介面調整方法及電子裝置。
隨著電子技術的發展，使用手機、平板電腦等電子產品的使用者越來越多，人們可通過手機、平板電腦等電子產品上安裝的各種應用程式實現豐富的功能。一般情況下，電子產品顯示有各種應用程式圖示的介面都是預先設定好的，用戶無法方便地對包含有各種應用程式圖示的介面進行調整，如方便地放大或縮小介面上的應用軟體圖示的大小及改變應用程式圖示的數量，因而降低了用戶的體驗感及人機交互的靈活性。
有鑑於此，有必要提供一種介面變換方法及電子裝置以解決上述存在的問題。
一種電子裝置，包括顯示單元及處理單元，該顯示單元用於顯示至少一個應用程式圖示頁面及感應使用者的觸摸而產生相應的觸摸感應信號，每一應用程式圖示頁面包括呈矩陣式排列的多行多列應用程式圖示，該處理單元包括：動作確定模組，用於接收顯示單元產生的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作；及 調整模組，用於在動作確定模組確定的觸摸操作為雙指相對滑動觸摸操作時對該至少一個應用程式圖示頁面上的應用程式圖示的顯示進行調整。
一種介面調整方法，應用在一電子裝置中，該方法包括步驟：接收顯示單元產生的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作；及在確定觸摸操作為雙指相對滑動觸摸操作時對該至少一個應用程式圖示頁面上的應用程式圖示的顯示進行調整。
本發明中的介面調整方法及電子裝置，能夠使得使用者方便地放大或縮小介面上的應用軟體圖示的大小及改變應用程式圖示的數量，提高了用戶的體驗感及人機交互的靈活性。
100‧‧‧電子裝置
10‧‧‧介面調整系統
20‧‧‧顯示單元
30‧‧‧存儲單元
40‧‧‧處理單元
60‧‧‧應用程式圖示頁面
61‧‧‧應用程式圖示
101‧‧‧動作確定模組
102‧‧‧調整模組
103‧‧‧記錄模組
104‧‧‧恢復模組
S1‧‧‧預設區域
S301~S302‧‧‧步驟
圖1為本發明一實施方式中電子裝置的功能模組圖。
圖2為本發明一實施方式中應用程式圖示頁面的示意圖。
圖3為本發明一實施方式中介面調整系統的功能模組圖。
圖4為本發明一實施方式中目標頁上的應用程式圖示進行放大和排列調整的具體示意圖。
圖5為本發明一實施方式中目標頁上的應用程式圖示進行縮小及排列調整的具體示意圖。
圖6為本發明一實施方式中預設區域的設定示意圖。
圖7為本發明一實施方式中介面調整方法的流程圖。
下面結合附圖及實施方式對本發明提供的介面調整方法及電子裝置作進一步詳細說明。
請參考圖1，所示為本發明一實施方式中電子裝置100的功能模組圖。該電子裝置100包括但不限於介面調整系統10、顯示單元20、存儲單元30及處理單元40。該介面調整系統10為由該電子裝置100的處理單元40執行的程式化指令。該電子裝置100可以為智慧手機、平板電腦等電子產品。
請參考圖2，所示為本發明一實施方式中一應用程式圖示頁面60的示意圖。該顯示單元20用於顯示至少一個應用程式圖示頁面60，每一應用程式圖示頁面60包括呈矩陣式排列的多行多列應用程式圖示61。在一較佳實施方式中，該顯示單元20為一具有顯示及感應功能的觸控屏。該顯示單元20可感應使用者的觸摸而產生相應的觸摸感應信號。該介面調整系統10回應使用者在顯示單元20上的觸摸操作對該應用程式圖示頁面60中的應用程式圖示61的顯示進行調整。
請參考圖3，所示為本發明一實施方式中介面調整系統10的功能模組圖。該介面調整系統10包括動作確定模組101及調整模組102。本實施方式中，該系統10所稱的模組是指能夠被電子裝置100的處理單元40調用執行的程式化指令段，其存儲在存儲單元30中。在其他實施方式中，該系統10為內嵌在該處理單元40中的程式段/固件(firmware)。
該動作確定模組101用於回應使用者對顯示單元20上的應用程式圖示頁面60的觸摸操作，接收顯示單元20產生的對應用程式圖示頁面60的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作，例如確定觸摸操作為單指點擊操作，單指滑動操作，雙指滑動操作等。本實施方式中，當使用者在顯示單元20上顯示有應用程式圖示頁面60上輸入雙指滑動的操作時，該動作確定模組101能夠根據接收顯示單元20產生的觸摸感應信號確定同時有兩個觸摸點的位置發生了變化，從而確定該次觸摸操作為雙指滑動。
該調整模組102用於在動作確定模組101確定的觸摸操作為雙指相對滑動觸摸時，對該應用程式圖示頁面60上的應用程式圖示61的顯示進行調整。其中，調整模組102在動作確定模組101確定觸摸操作為雙指相離的滑動操作，即雙指做相互遠離的操作時，將該應用程式圖示頁面60上預設區域S1中的應用程式圖示61進行放大，將預設區域S1中該些放大的應用程式圖示61顯示在整個應用程式圖示頁面60並調整應用程式圖示61之間的行列間距，例如增大行列間距或減小行列間距。調整模組102在動作確定模組101確定觸摸操作為雙指相向滑動的操作，即雙指做相互靠近的操作時，將該應用程式圖示頁面60上的所有應用程式圖示61縮小後顯示在預設區域S1中並調整應用程式圖示61之間的行列間距。
具體的，該調整模組102在動作確定模組101確定使用者在一應用程式圖示頁面60上的觸摸操作為雙指相離滑動的操作時將當前的應用程式圖示頁面60確定為目標頁，將該目標頁上的預設區域S1內的所有應用程式圖示61進行放大，將該預設區域S1內所有放大的應用程式圖示61顯示在整個目標頁中並增大目標頁中應用程式圖示61之間的行列間距，將目標頁上除預設區域S1外的所有剩餘的應用程式圖示61排入到目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60中。該調整模組102並將目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60確定為新的目標頁後進行同樣的調整並直至將所有的應用程式圖示頁面60調整完。即，將新的目標頁中對應的預設區域S1中應用程式圖示61進行放大，將預設區域S1內所有放大的應用程式圖示61顯示在整個目標頁中並增大目標頁中應用程式圖示61之間的行列間距，將目標頁上除預設區域S1外的所有剩餘的應用程式圖示61排入到新的目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60中，直到所有的應用程式圖示61調整並排列顯示完。其中，在當前所具有的所有應用程式圖示頁面60均排滿應用程式圖示61後，仍然有應用程式圖示61未排列時，該調整模組 102還新增應用程式圖示頁面60，而將未排下的應用程式圖示61顯示在新增的應用程式圖示頁面60中。
該調整模組102在動作確定模組101確定使用者在當前的應用程式圖示頁面60上的觸摸操作為雙指相向滑動的操作時將當前的應用程式圖示頁面60確定為目標頁，將該目標頁上所有應用程式圖示61縮小後顯示在預設區域S1中，將目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60中的應用程式圖示61進行縮小並顯示在目標頁上除預設區域S1以外的剩餘區域，減小目標頁中應用程式圖示61之間的行列距。該調整模組103並將目標頁的的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60確定為新的目標頁後進行調整並直至將所有的應用程式圖示頁面60調整完。其中，在調整後出現空白的應用程式圖示頁面60時，即出現未包括應用程式圖示61的應用程式圖示頁面60時，該調整模組102還將空白的應用程式圖示頁面60刪除。
其中，若當前的應用程式圖示頁面60為首頁時，則該調整模組102依次將當前的應用程式圖示頁面60後面所有的應用程式圖示頁面60確定為新的目標頁並依次將該些目標頁進行調整；若當前的應用程式圖示頁面60不是首頁，則該調整模組102分別將當前的應用程式圖示頁面60後面及前面所有的應用程式圖示頁面60確定為新的目標頁並依次將該些目標頁進行調整。
請參考圖4，所示為本發明一實施方式中目標頁上的應用程式圖示61進行放大及排列調整的具體示意圖。具體的，該應用程式圖示頁面60上顯示有r行c列呈矩陣排列的應用程式圖示61。在本實施方式中，r與c滿足關係式r=c+1。該應用程式圖示頁面60的預設區域S1為一包含應用程式圖示頁面60的前r-1行及前c-1列內所有應用程式圖示61的矩陣區域。該調整模組102在動作確定模組101確定使用者在一應用程式圖示頁面60上的操作為雙指相離滑動的操作時將當前的如圖4中(a)所示的應用程式圖示頁面60確定為目標頁，將該目標頁上的預設區域S1中包含的r-1行*c-1列的所有應用程式圖示61進行放大，將該預設區域S1內所有放大的應用程式圖示61顯示在如圖4中(b)所示的整個 目標頁中並增大目標頁中應用程式圖示61之間的行列間距，將目標頁上預設區域S1外的第r行及第c列的應用程式圖示61排入到如圖4中(c)所示的目標頁的下一應用程式圖示頁面60中。該調整模組102進一步將目標頁的下一應用程式圖示頁面60確定為新的目標頁，依此類推將新的目標頁的預設區域S1中包含的r-1行*c-1列的所有應用程式圖示61進行放大，將該預設區域S1內所有放大的應用程式圖示61顯示在整個目標頁中並增大目標頁中應用程式圖示61之間的行列間距，將目標頁中除預設區域S1外的第r行及第c列的應用程式圖示61排入到目標頁的下一應用程式圖示頁面60中，最後依此類推將所有的應用程式圖示頁面60調整完。
請參考圖5，所示為本發明一實施方式中目標頁上的應用程式圖示61進行縮小及排列調整的具體示意圖。具體的，該調整模組102在動作確定模組101確定使用者在如圖5中(a)所示的當前的應用程式圖示頁面60上的操作為雙指相向滑動的操作時，將當前的應用程式圖示頁面60確定為目標頁，將該目標頁上呈r行*c列矩陣排列的所有應用程式圖示61縮小後顯示在預設區域S1中，將目標頁的下一應用程式圖示頁面60中的應用程式圖示61進行縮小並顯示在目標頁上除預設區域S1以外的剩餘區域，減小目標頁中應用程式圖示61之間的行列距而得到如圖5(b)所示的顯示有縮小後的應用程式圖示的整個目標頁。該調整模組102進一步將當前的應用程式圖示頁面60的下一頁確定為新的目標頁，將該新的目標頁上呈r行*c列矩陣排列的所有應用程式圖示61縮小後排入到預設區域S1中及將目標頁的下一應用程式圖示頁面60中的應用程式圖示61縮小後排入到目標頁上除預設區域S1以外的剩餘區域，並將該些經過縮小的應用程式圖示61排列在整個目標頁中，最後依此類推將所有的應用程式圖示頁面60調整完。
在本實施方式中，該預設區域S1為根據使用者在顯示單元20上的觸摸操作而進行選擇的區域。具體的，該動作確定模組101還用於根據顯示 單元20產生的觸摸感應信號確定使用者在顯示單元20上的觸摸位置，該調整模組102還用於根據該動作確定模組101確定的觸摸位置確定該預設區域S1。
請參考圖6，所示為本發明一實施方式中預設區域S1的設定示意圖。具體的，設該顯示單元20為一寬度為W，長度為L的長方形，該顯示單元20上的應用程式圖示頁面60上顯示有r行c列呈矩陣排列的應用程式圖示61。當使用者在顯示單元20上輸入雙指滑動的操作時，該動作確定模組101根據顯示單元20產生的觸摸感應信號確定使用者雙指與顯示單元20初次接觸時的點的初始座標(x1，y1)及(x2，y2)，該初始座標(x1，y1)及(x2，y2)即為該動作確定模組101確定的使用者在該顯示單元20上的觸摸位置，該調整模組105根據該動作確定模組101確定的雙指的初始座標(x1，y1)及(x2，y2)計算出一中點座標(a，b)，其中a=(x1+x2)/2，b=(y1+y2)/2。該調整模組102將該計算出的中點座標(a,b)與一預設的座標點(x0，y0)進行比較，其中，x0=W/2，y0=L/2。若a<x0且b<y0，則該調整模組102將如圖6(a)所示的應用程式圖示頁面60上的包括前r-1行及前c-1列應用程式圖示61的矩陣區域設定為預設區域S1。若a>=x0且b<y0，則該調整模組102將如圖6(b)所示的應用程式圖示頁面60上的包括前r-1行及第2至c列應用程式圖示61的矩陣區域設定為預設區域S1。若a<x0且b>=y0，則該調整模組102將如圖6(c)所示的應用程式圖示頁面60上的包括第2至r行及第2至c列應用程式圖示61的矩陣區域設定為預設區域S1。若a>=x0且b>=y0，則該調整模組102將如圖6(d)所示的應用程式圖示頁面60上的包括第2至r行及前c-1列應用程式圖示61的矩陣區域設定為預設區域S1。
在其他實施方式中，該預設區域S1為一預設的固定區域，例如為應用程式圖示頁面60上的包括前r-1行及前c-1列應用程式圖示61的矩陣區域。
本實施方式中，該介面調整系統10還包括一記錄模組103及一恢復模組104，該記錄模組103用於記錄每個應用程式使用的次數，該恢復模組104用於回應使用者的恢復操作將應用程式圖示頁面60上的應用程式圖示61的 大小恢復到初始狀態並根據記錄模組103記錄的每個應用程式使用次數的高低將對應的應用程式圖示61在應用程式圖示頁面60上進行排列。其中，應用程式使用次數越高，其對應的應用程式圖示61在應用程式圖示頁面60上排序的位置越靠前。具體的，在本實施方式中，該恢復操作為一開機啟動操作，該恢復模組104偵測電子裝置100開機啟動時，將每個應用程式圖示頁面60上的應用程式圖示61的大小恢復到初始狀態，並根據記錄模組103記錄的每個應用程式使用的次數將應用程式使用次數高的應用程式圖示61排列在應用程式圖示頁面60靠前且在應用程式圖示頁面60上的位置靠前的地方。在其他實施方式中，該恢復操作可為用戶點擊恢復功能表選項的操作。
請參考圖7，所示為本發明一實施方式中介面調整方法的流程圖。該方法應用在上述的電子裝置100中。該方法包括步驟：
S301：動作確定模組101回應使用者對顯示單元20上的應用程式圖示頁面60的觸摸操作，接收顯示單元20產生的對應用程式圖示頁面60的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作。
S302：調整模組102在動作確定模組101確定的觸摸操作為雙指相對滑動觸摸時，對該應用程式圖示頁面60上的應用程式圖示61的顯示進行調整。其中，調整模組102在動作確定模組101確定觸摸操作為雙指相離的滑動操作，即雙指做相互遠離的操作時，將該應用程式圖示頁面60上預設區域S1中的應用程式圖示61進行放大，將預設區域S1中該些放大的應用程式圖示61顯示在整個應用程式圖示頁面60並調整應用程式圖示61之間的行列間距，例如增大行列間距或減小行列間距。調整模組102在動作確定模組101確定觸摸操作為雙指相向滑動的操作，即雙指做相互靠近的操作時，將該應用程式圖示頁面60上的所有應用程式圖示61縮小後顯示在預設區域S1中並調整應用程式圖示61之間的行列間距。
具體的，該調整模組102在動作確定模組101確定使用者在一應用程式圖示頁面60上的觸摸操作為雙指相離滑動的操作時將當前的應用程式圖示 頁面60確定為目標頁，將該目標頁上的預設區域S1內的所有應用程式圖示61進行放大，將該預設區域S1內所有放大的應用程式圖示61顯示在整個目標頁中並增大目標頁中應用程式圖示61之間的行列間距，將目標頁上除預設區域S1外的所有剩餘的應用程式圖示61排入到目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60中。該調整模組102並將目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60確定為新的目標頁後進行同樣的調整並直至將所有的應用程式圖示頁面60調整完。其中，在當前所具有的所有應用程式圖示頁面60均排滿應用程式圖示後，仍然有應用程式圖示61未排列時，該調整模組102還新增應用程式圖示頁面60，而將未排下的應用程式圖示61顯示在新增的應用程式圖示頁面60中。
該調整模組102在動作確定模組101確定使用者在當前的應用程式圖示頁面60上的觸摸操作為雙指相向滑動的操作時將當前的應用程式圖示頁面60確定為目標頁，將該目標頁上所有應用程式圖示61縮小後顯示在預設區域S1中，將目標頁的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60中的應用程式圖示61進行縮小並顯示在目標頁上除預設區域S1以外的剩餘區域，減小目標頁中應用程式圖示61之間的行列距。該調整模組103並將目標頁的的上一應用程式圖示頁面60和/或下一應用程式圖示頁面60確定為新的目標頁後進行調整並直至將所有的應用程式圖示頁面60調整完。其中，在調整後出現空白的應用程式圖示頁面60時，即出現未包括應用程式圖示61的應用程式圖示頁面60時，該調整模組102還將空白的應用程式圖示頁面60刪除。
優選地，該方法還包括步驟：該動作確定模組101還根據顯示單元20產生的觸摸感應信號確定使用者在顯示單元20上的觸摸位置；及該調整模組102還根據該動作確定模組101確定的觸摸位置確定該預設區域S1。
具體的，當使用者在顯示單元20上輸入雙指滑動的操作時，該動作確定模組101根據顯示單元20產生的觸摸感應信號確定使用者雙指與顯示單元20初次接觸時的點的初始座標(x1，y1)及(x2，y2)，該初始座標(x1，y1)及(x2，y2)即為該動作確定模組101確定的使用者在該顯示單元20上的觸摸位置，該調整模組105根據該動作確定模組101確定的雙指的初始座標(x1，y1)及(x2，y2)計算出一中點座標(a，b)，其中a=(x1+x2)/2，b=(y1+y2)/2。該調整模組102將該計算出的中點座標(a,b)與一預設的座標點(x0，y0)進行比較，其中，x0=W/2，y0=L/2。若a<x0且b<y0，則該調整模組102將如圖6(a)所示的應用程式圖示頁面60上的包括前r-1行及前c-1列應用程式圖示61的矩陣區域設定為預設區域S1。若a>=x0且b<y0，則該調整模組102將如圖6(b)所示的應用程式圖示頁面60上的包括前r-1行及第2至c列應用程式圖示61的矩陣區域設定為預設區域S1。若a<x0且b>=y0，則該調整模組102將如圖6(c)所示的應用程式圖示頁面60上的包括第2至r行及第2至c列應用程式圖示61的矩陣區域設定為預設區域S1。若a>=x0且b>=y0，則該調整模組102將如圖6(d)所示的應用程式圖示頁面60上的包括第2至r行及前c-1列應用程式圖示61的矩陣區域設定為預設區域S1。
優選地，該方法還包括步驟：該記錄模組103記錄每個應用程式使用的次數；該恢復模組104回應使用者的恢復操作將應用程式圖示頁面60上的應用程式圖示61的大小恢復到初始狀態並根據記錄模組103記錄的每個應用程式使用次數的高低將對應的應用程式圖示61在應用程式圖示頁面60上進行排列。其中，應用程式使用次數越高，其對應的應用程式圖示61在應用程式圖示頁面60上排序的位置越靠前。
以上實施例僅用以說明本發明的技術方案而非限制，儘管參照較佳實施例對本發明進行了詳細說明，本領域的普通技術人員應當理解，可以對 本發明的技術方案進行修改或等同替換，而不脫離本發明技術方案的精神和實質。

Claims (10)

  1. 一種電子裝置，包括顯示單元及處理單元，該顯示單元用於顯示至少一個應用程式圖示頁面及感應使用者的觸摸而產生相應的觸摸感應信號，每一應用程式圖示頁面包括呈矩陣式排列的多行多列應用程式圖示，其改良在於，該處理單元包括：動作確定模組，用於回應使用者對該顯示單元上的應用程式圖示頁面的觸摸操作，接收該顯示單元產生的對應用程式圖示頁面的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作；及調整模組，用於在動作確定模組確定的觸摸操作為雙指相對滑動觸摸操作時對該至少一個應用程式圖示頁面上的預設區域中的應用程式圖示的顯示進行調整，其中，該顯示單元上的應用程式圖示頁面上顯示有r行c列呈矩陣排列的應用程式圖示，其中r與c為正整數，該動作確定模組根據該顯示單元產生的觸摸感應信號確定使用者雙指與該顯示單元接觸時的點的初始座標(x1，y1)及(x2，y2)，該調整模組根據該動作確定模組確定的雙指的初始座標(x1，y1)及(x2，y2)計算出一中點座標(a，b)，其中a=(x1+x2)/2，b=(y1+y2)/2，該調整模組還用於將計算出的中點座標(a，b)與一預設的座標點(x0，y0)進行比較，其中，x0=W/2，y0=L/2,W為該顯示單元的寬度，L為該顯示單元L的長度，當a<x0且b<y0時，該調整模組將該應用程式圖示頁面上包括前r-1行及前c-1列應用程式圖示的矩陣區域設定為預設區域；當a>=x0且b<y0時，該調整模組將該應用程式圖示頁面上包括前r-1行及第2至c列應用程式圖示的矩陣區域設定為預設區域；當a<x0且b>=y0時，該調整模組將該應用程式圖示頁面上包括第2至r行及第2至c列應用程式圖示的矩陣區域設定為預設區域；當a>=x0且b>=y0時，該調整模組將該應用程式圖示頁面上包括第2至r行及前c-1列應用程式圖示的矩陣區域設定為預設區域。
  2. 如申請專利範圍第1項所述的電子裝置，其中，該調整模組在動作確定模組確定觸摸操作為雙指相離的滑動操作時，將該應用程式圖示頁面上預設區域中的應用程式圖示進行放大，將預設區域中該些放大的應用程式圖示顯示在整個應用程式圖示頁面並調整應用程式圖示之間的行列間距；調整模組在動作確定模組確定觸摸操作為雙指相向滑動的操作時，將該應用程式圖示頁面上的應用程式圖示縮小後顯示在預設區域中並調整應用程式圖示之間的行列間距。
  3. 如申請專利範圍第2項所述的電子裝置，其中，該調整模組在動作確定模組確定使用者在一應用程式圖示頁面上的觸摸操作為雙指相離滑動的操作時將當前的應用程式圖示頁面確定為目標頁，將該目標頁上的預設區域內的所有應用程式圖示進行放大，將該預設區域內所有放大的應用程式圖示顯示在整個目標頁中並增大目標頁中應用程式圖示之間的行列間距，將目標頁上除預設區域外的所有剩餘的應用程式圖示排入到目標頁的上一應用程式圖示頁面和/或下一應用程式圖示頁面中，該調整模組並將目標頁的上一應用程式圖示頁面和/或下一應用程式圖示頁面確定為新的目標頁後進行同樣的調整並直至將所有的應用程式圖示頁面調整完。
  4. 如申請專利範圍第2項所述的電子裝置，其中，該調整模組在動作確定模組確定使用者在當前的應用程式圖示頁面上的觸摸操作為雙指相向滑動的操作時將當前的應用程式圖示頁面確定為目標頁，將該目標頁上所有應用程式圖示縮小後顯示在預設區域中，將目標頁的上一應用程式圖示頁面和/或下一應用程式圖示頁面中的應用程式圖示進行縮小並顯示在目標頁上除預設區域以外的剩餘區域，減小目標頁中應用程式圖示之間的行列距，該調整模組並將目標頁的的上一應用程式圖示頁面和/或下一應用程式圖示頁面確定為新的目標頁後進行調整並直至將所有的應用程式圖示頁面調整完。
  5. 如申請專利範圍第1項所述的電子裝置，其特徵在於，該處理單元還包括： 記錄模組，用於記錄每個應用程式使用的次數；及恢復模組，用於將應用程式圖示頁面上的應用程式圖示的大小恢復到初始狀態並根據記錄模組記錄的每個應用程式使用次數的高低將對應的應用程式圖示在應用程式圖示頁面上進行排列，其中，應用程式使用次數越高，其對應的應用程式圖示在應用程式圖示頁面上排序的位置越靠前。
  6. 一種介面調整方法，應用在一電子裝置中，其改良在於，該方法包括步驟：回應使用者對顯示單元上的應用程式圖示頁面的觸摸操作，接收該顯示單元產生的對應用程式圖示頁面的觸摸感應信號，並根據該觸摸感應信號確定對應的觸摸操作，其中根據該顯示單元產生的觸摸感應信號確定使用者雙指與該顯示單元接觸時的點的初始座標(x1，y1)及(x2，y2)，其中該顯示單元上的應用程式圖示頁面上顯示有r行c列呈矩陣排列的應用程式圖示，其中r與c為正整數；及在確定觸摸操作為雙指相對滑動觸摸操作時對該至少一個應用程式圖示頁面上的預設區域中的應用程式圖示的顯示進行調整，其中根據確定的雙指的初始座標(x1，y1)及(x2，y2)計算出一中點座標(a，b)，其中a=(x1+x2)/2，b=(y1+y2)/2，將計算出的中點座標(a，b)與一預設的座標點(x0，y0)進行比較，其中，x0=W/2，y0=L/2,W為該顯示單元的寬度，L為該顯示單元L的長度，當a<x0且b<y0時將該應用程式圖示頁面上包括前r-1行及前c-1列應用程式圖示的矩陣區域設定為預設區域；當a>=x0且b<y0時將該應用程式圖示頁面上包括前r-1行及第2至c列應用程式圖示的矩陣區域設定為預設區域；當a<x0且b>=y0時將該應用程式圖示頁面上包括第2至r行及第2至c列應用程式圖示的矩陣區域設定為預設區域；當a>=x0且b>=y0時將該應用程式圖示頁面上包括第2至r行及前c-1列應用程式圖示的矩陣區域設定為預設區域。
  7. 如申請專利範圍第6項所述的介面調整方法，其中，在步驟“在確定觸摸操作為雙指相對滑動觸摸操作時對該至少一個應用程式圖示頁面上的應用程式圖示的顯示進行調整”中包括：在確定觸摸操作為雙指相離的滑動操作時，將該應用程式圖示頁面上預設區域中的應用程式圖示進行放大，將預設區域中該些放大的應用程式圖示顯示在整個應用程式圖示頁面並調整應用程式圖示之間的行列間距；在確定觸摸操作為雙指相向滑動的操作時，將該應用程式圖示頁面上的應用程式圖示縮小後顯示在預設區域中並調整應用程式圖示之間的行列間距。
  8. 如申請專利範圍第7項所述的介面調整方法，其中，該方法在步驟“在確定觸摸操作為雙指相離的滑動操作時，將該應用程式圖示頁面上預設區域中的應用程式圖示進行放大，將預設區域中該些放大的應用程式圖示顯示在整個應用程式圖示頁面並調整應用程式圖示之間的行列間距”中包括：在確定使用者在一應用程式圖示頁面上的觸摸操作為雙指相離滑動的操作時將當前的應用程式圖示頁面確定為目標頁，將該目標頁上的預設區域內的所有應用程式圖示進行放大，將該預設區域內所有放大的應用程式圖示顯示在整個目標頁中並增大目標頁中應用程式圖示之間的行列間距，將目標頁上除預設區域外的所有剩餘的應用程式圖示排入到目標頁的上一應用程式圖示頁面和/或下一應用程式圖示頁面中，將目標頁的上一應用程式圖示頁面和/或下一應用程式圖示頁面確定為新的目標頁後進行同樣的調整並直至將所有的應用程式圖示頁面調整完。
  9. 如申請專利範圍第7項所述的介面調整方法，其中，該方法在步驟“在確定觸摸操作為雙指相向滑動的操作時，將該應用程式圖示頁面上的所有應用程式圖示縮小後顯示在預設區域中並調整應用程式圖示之間的行列間距”中包括：在確定使用者在當前的應用程式圖示頁面上的觸摸操作為雙指相向滑動的操作時將當前的應用程式圖示頁面確定為目標頁，將該目標頁上所有應用程式 圖示縮小後顯示在預設區域中，將目標頁的上一應用程式圖示頁面和/或下一應用程式圖示頁面中的應用程式圖示進行縮小並顯示在目標頁上除預設區域以外的剩餘區域，減小目標頁中應用程式圖示之間的行列距，將目標頁的的上一應用程式圖示頁面和/或下一應用程式圖示頁面確定為新的目標頁後進行調整並直至將所有的應用程式圖示頁面調整完。
  10. 如申請專利範圍第6項所述的介面調整方法，其中，該方法還包括步驟：記錄每個應用程式使用的次數；及將應用程式圖示頁面上的應用程式圖示的大小恢復到初始狀態並根據記錄模組記錄的每個應用程式使用次數的高低將對應的應用程式圖示在應用程式圖示頁面上進行排列，其中，應用程式使用次數越高，其對應的應用程式圖示在應用程式圖示頁面上排序的位置越靠前。
TW104117709A 2015-05-14 2015-06-02 介面調整方法及電子裝置 TWI656472B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510244636.5A CN106293427B (zh) 2015-05-14 2015-05-14 用户界面调整方法及电子装置
??201510244636.5 2015-05-14

Publications (2)

Publication Number Publication Date
TW201706822A TW201706822A (zh) 2017-02-16
TWI656472B true TWI656472B (zh) 2019-04-11

Family

ID=57277070

Family Applications (1)

Application Number Title Priority Date Filing Date
TW104117709A TWI656472B (zh) 2015-05-14 2015-06-02 介面調整方法及電子裝置

Country Status (3)

Country Link
US (1) US20160334946A1 (zh)
CN (1) CN106293427B (zh)
TW (1) TWI656472B (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107562365A (zh) * 2014-07-24 2018-01-09 广东欧珀移动通信有限公司 智能终端中通过双指手势操作文件的方法和产品
CN104991696B (zh) * 2015-06-15 2019-03-29 联想(北京)有限公司 一种信息处理方法及电子设备
CN106775285A (zh) * 2016-11-18 2017-05-31 惠州Tcl移动通信有限公司 一种显示界面内容调整的方法及系统
CN108664194B (zh) * 2017-03-29 2021-08-06 中兴通讯股份有限公司 显示方法和装置
CN109164961A (zh) * 2018-08-10 2019-01-08 珠海格力电器股份有限公司 一种移动应用图标的方法及装置
CN110174981B (zh) * 2019-05-30 2022-04-19 努比亚技术有限公司 一种图标交互控制方法、设备及计算机可读存储介质
CN110489049A (zh) * 2019-07-31 2019-11-22 维沃移动通信有限公司 一种触控对象发送方法、装置及移动终端
CN112596641A (zh) * 2020-12-10 2021-04-02 咪咕数字传媒有限公司 图标调整方法、装置、电子设备及存储介质
CN112506392A (zh) * 2020-12-14 2021-03-16 深圳市爱都科技有限公司 图标控制方法、装置、智能设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6097389A (en) * 1997-10-24 2000-08-01 Pictra, Inc. Methods and apparatuses for presenting a collection of digital media in a media container
TW200945179A (en) * 2008-04-27 2009-11-01 Htc Corp Electronic device and user interface display method thereof
US20130097538A1 (en) * 2011-10-17 2013-04-18 Samsung Electronics Co., Ltd. Method and apparatus for displaying icons on mobile terminal
US20130135234A1 (en) * 2011-11-28 2013-05-30 Kyocera Corporation Device, method, and storage medium storing program

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6545687B2 (en) * 1997-01-09 2003-04-08 Canon Kabushiki Kaisha Thumbnail manipulation using fast and aspect ratio zooming, compressing and scaling
JP2005004396A (ja) * 2003-06-11 2005-01-06 Sony Corp 情報表示方法及び情報表示装置、並びにコンピュータ・プログラム
US7656543B2 (en) * 2004-11-12 2010-02-02 Hewlett-Packard Development Company, L.P. Albuming images
US20060271870A1 (en) * 2005-05-31 2006-11-30 Picsel Research Limited Systems and methods for navigating displayed content
US7730422B2 (en) * 2006-01-25 2010-06-01 Microsoft Corporation Smart icon placement across desktop size changes
US10788976B2 (en) * 2010-04-07 2020-09-29 Apple Inc. Device, method, and graphical user interface for managing folders with multiple pages
KR101793999B1 (ko) * 2011-07-22 2017-11-06 삼성전자주식회사 휴대용 단말기에서 사용자 인터페이스 객체를 배치하는 방법 및 장치
EP2642377B1 (en) * 2012-03-23 2019-12-25 HTC Corporation Handheld device and homescreen management method thereof
CN104375750A (zh) * 2014-12-08 2015-02-25 上海斐讯数据通信技术有限公司 应用程序图标的调整方法及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6097389A (en) * 1997-10-24 2000-08-01 Pictra, Inc. Methods and apparatuses for presenting a collection of digital media in a media container
TW200945179A (en) * 2008-04-27 2009-11-01 Htc Corp Electronic device and user interface display method thereof
US20130097538A1 (en) * 2011-10-17 2013-04-18 Samsung Electronics Co., Ltd. Method and apparatus for displaying icons on mobile terminal
US20130135234A1 (en) * 2011-11-28 2013-05-30 Kyocera Corporation Device, method, and storage medium storing program

Also Published As

Publication number Publication date
TW201706822A (zh) 2017-02-16
US20160334946A1 (en) 2016-11-17
CN106293427A (zh) 2017-01-04
CN106293427B (zh) 2019-05-17

Similar Documents

Publication Publication Date Title
TWI656472B (zh) 介面調整方法及電子裝置
US8176435B1 (en) Pinch to adjust
TWI511027B (zh) 分屏顯示方法、裝置及其電子設備
US20180364865A1 (en) Touch control method, user equipment, input processing method, mobile terminal and intelligent terminal
JP6122037B2 (ja) 端末機におけるコンテンツ移動方法及び装置
WO2018133357A1 (zh) 一种多屏互动触控显示方法、装置、存储介质和终端
US20150116230A1 (en) Display Device and Icon Control Method Thereof
CN108829327B (zh) 交互智能设备的书写方法和装置
TW201617837A (zh) 一種螢幕顯示視窗的處理方法以及移動終端
WO2016138661A1 (zh) 终端的用户界面的处理方法、用户界面和终端
WO2019047147A1 (zh) 图标移动方法及装置
CN107704157B (zh) 一种多屏界面操作方法、装置及存储介质
WO2019076238A1 (zh) 一种悬浮按钮显示方法及终端设备
US20130179845A1 (en) Method and apparatus for displaying keypad in terminal having touch screen
US11740754B2 (en) Method for interface operation and terminal, storage medium thereof
TW201426513A (zh) 手寫輸入識別系統及方法
WO2020000971A1 (zh) 切换全局特效的方法、装置、终端设备及存储介质
WO2017032193A1 (zh) 用户界面布局的调整方法及装置
US20190121492A1 (en) Method for Controlling Display of Touchscreen, and Mobile Device
US11966576B2 (en) Screen icon operating method and apparatus
WO2017114194A1 (zh) 一种移动终端的操作栏排布方法和装置
TWI471762B (zh) 觸控筆、電子裝置與互動操作方法
CN105867677A (zh) 一种移动终端及其光标控制方法
CN103914228A (zh) 一种移动终端及其触摸屏的操作方法
WO2017016333A1 (zh) 一种屏幕调整方法及装置