TWI515638B - 具有動態拼圖介面的電子裝置及控制方法與系統 - Google Patents

具有動態拼圖介面的電子裝置及控制方法與系統 Download PDF

Info

Publication number
TWI515638B
TWI515638B TW102139666A TW102139666A TWI515638B TW I515638 B TWI515638 B TW I515638B TW 102139666 A TW102139666 A TW 102139666A TW 102139666 A TW102139666 A TW 102139666A TW I515638 B TWI515638 B TW I515638B
Authority
TW
Taiwan
Prior art keywords
application
application icon
interface
display
dynamic
Prior art date
Application number
TW102139666A
Other languages
English (en)
Other versions
TW201516833A (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 TW201516833A publication Critical patent/TW201516833A/zh
Application granted granted Critical
Publication of TWI515638B publication Critical patent/TWI515638B/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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • 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/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
    • 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

具有動態拼圖介面的電子裝置及控制方法與系統
本發明涉及一種圖形用戶介面技術。
以智慧手機、平板電腦等為代表的移動終端發展日新月異，目前移動終端正朝著多功能、大顯示幕的方向發展。用戶使用移動終端，實際上使用的是移動終端提供的各種應用程式，這些應用包括基本應用程式和擴展應用程式，其中，應用程式是指存儲在移動終端上的可執行程式、軟體、檔等。
目前的移動終端的作業系統都支援具有多頁的主頁(Home Screen)或者程式啟動器(Application Launcher)的用戶介面，讓使用者在這些頁面上自由的編排應用程式圖示。例如蘋果作業系統(ios)以及安卓(Andriod)作業系統都提供類似的用戶介面。
隨著使用者所安裝的應用程式逐漸的增加，會使得需顯示在電子裝置的用戶介面上應用程式圖示也隨著增加。相應的用戶介面的頁數也隨著增加，使用者很難快速的查找到需要的應用程式圖示。同時，每一頁面上所有的應用程式圖示都平鋪在用戶介面內，用戶只能看到各個應用程式圖示及其名稱，不能看到該應用程式 圖示對應的應用程式或者檔的具體內容。
有鑒於此，有必要提供一種含有應用圖示的動態拼圖介面的控制方法，控制系統及具有該動態拼圖介面的電子裝置。
該電子裝置的動態拼圖介面的控制方法，所述電子裝置上存儲有多個應用程式，並存儲有多個應用圖示在一底圖圖層上圍繞一中心點拼接而成的動態拼圖介面，其中，所述每一個應用圖示對應觸發一個或多個應用程式，所述電子裝置還包括一顯示單元用於顯示所述動態拼圖介面上的相應尺寸內的用戶介面，該動態拼圖介面的控制方法包括步驟：a，響應用戶的觸摸動作，產生一觸摸信號；b，根據所述觸摸信號確定所述觸摸動作是否長按手勢，若是，則進入步驟c；c，控制顯示單元在該長按手勢對應的應用圖示的顯示區域顯示一該應用圖示對應的預覽內容。
該具有動態拼圖介面的電子裝置，包括存儲多個應用程式以及多個應用圖示的存儲單元，一用於回應用戶的觸摸動作產生相應的觸摸信號的觸摸輸入單元，處理單元以及顯示單元，所述存儲單元內還存儲有有多個應用圖示在一底圖圖層上圍繞一中心點拼接而成的動態拼圖介面，其中，所述每一個應用圖示對應觸發一個或多個應用程式，所述顯示單元顯示所述動態拼圖介面上的相應尺寸內的用戶介面；所述電子裝置還包括存儲於存儲單元中的指令模組，處理單元用 於執行存儲單元中的指令模組，該指令模組包括：輸入控制模組，根據所述觸摸信號確定所述觸摸動作是否長按手勢；預覽控制模組，控制顯示單元在該長按手勢對應的應用圖示所在的拼圖圖塊的顯示區域顯示一該應用圖示對應的預覽內容。
該動態拼圖介面的控制系統，運行於具有該動態拼圖介面的電子裝置上，該電子裝置包括存儲多個應用程式以及多個應用圖示的存儲單元，一用於回應用戶的觸摸動作產生相應的觸摸信號的觸摸輸入單元，處理單元以及顯示單元，所述存儲單元內還存儲有有多個應用圖示在一底圖圖層上圍繞一中心點拼接而成的動態拼圖介面，其中，所述每一個應用圖示對應觸發一個或多個應用程式，所述顯示單元顯示所述動態拼圖介面上的相應尺寸內的用戶介面；所述控制系統包括：輸入控制模組，根據所述觸摸信號確定所述觸摸動作是否長按手勢；預覽控制模組，控制顯示單元在該長按手勢對應的應用圖示所在的拼圖圖塊的顯示區域顯示一該應用圖示對應的預覽內容。
本發明中的採用動態拼圖介面的用戶介面可以通過長按動態拼圖介面上的一個應用圖示來預覽該應用圖示對應的預覽內容。同時採用地圖式的應用圖示管理，使用戶介面為一單層的由多個應用圖示拼接而成的動態拼圖介面，不需要採用多層或者樹狀的用戶介面層，處理速度增加，同時也能方便用戶更快的搜尋需要的應 用程式和管理應用程式。
100‧‧‧電子裝置
10‧‧‧顯示單元
20‧‧‧處理單元
201‧‧‧用戶介面生成模組
202‧‧‧用戶介面控制模組
204‧‧‧應用程式管理模組
205‧‧‧輸入控制模組
206‧‧‧預覽控制模組
207‧‧‧群組管理模組
30‧‧‧輸入單元
40‧‧‧存儲單元
12、22、32‧‧‧動態拼圖介面
13、13A‧‧‧應用圖示
131‧‧‧群組
1312‧‧‧框體
101、102、103‧‧‧虛線框
圖1為本發明一實施方式中的電子裝置的結構示意圖。
圖2為圖1中電子裝置的模組示意圖。
圖3為本發明第一實施方式中的動態拼圖介面的結構示意圖。
圖4為本發明第一實施方式中的具有固定長寬比的動態拼圖介面的結構示意圖。
圖5為本發明第一實施方式中的生成動態拼圖介面的方法流程圖。
圖6為本發明第二實施方式中的動態拼圖介面的結構示意圖。
圖7為本發明第二實施方式中的動態拼圖介面的群組控制方法流程圖。
圖8為本發明一實施方式中的具有動態拼圖介面的電子裝置的顯示單元顯示的用戶介面示意圖。
圖9為本發明另一實施方式中的具有動態拼圖介面的電子裝置的顯示單元顯示的用戶介面示意圖。
圖10為本發明一實施方式中具有動態拼圖介面的電子裝置的用戶介面控制方法流程圖。
下面將結合附圖，對本發明作進一步的詳細說明。
請一併參考圖1和圖2，電子裝置100包括顯示單元10、處理單元 20、輸入單元30以及存儲單元40。電子裝置100可以是桌面型電腦、筆記本電腦、平板電腦、智慧手機、個人數位助手(Personnal Digital Assistant,PDA)等。所述輸入單元30可以為電容式觸摸屏、電阻式觸摸屏或者其他光學觸摸屏等。顯示單元10用於顯示電子裝置100的各種運行畫面，例如影像播放、文檔顯示、網頁流覽、各種程式運行介面以及用戶介面(User Interface,UI)等。
存儲單元40用於存儲一個或多個運行程式以及多個應用圖示，所述存儲單元40還用於存儲多個文檔以及多媒體檔，例如視頻影像、音樂、圖片等。需要說明的是，本發明下面描述所採用的應用程式包括運行程式及文檔以及多媒體檔。所述應用圖示13包括顯示在用戶介面上的進入應用程式的快捷圖示(Icon)、可以顯示動態資訊資訊的視窗小部件(Widget)、互動式插件視窗、存儲單元40內存儲的文檔或者多媒體檔的縮略圖標或者動態播放視窗等。其中，所述視窗小部件(Widget)可以動態顯示各種資訊，例如天氣、時間等；所述互動式插件視窗可以接收用戶的輸入，並回饋相應的處理結果顯示在該視窗上，例如該互動式插件視窗可以是一匯率換算插件視窗，可以接收用戶輸入的幣種和數位金額，換算為相應的幣種和金額回饋在該插件視窗上。每一個應用圖示13均對應觸發一個或多個應用程式，所述處理單元20用於運行所述應用程式，以及控制顯示單元10顯示相應的畫面。電子裝置100還提供一用戶介面，該用戶介面提供多個應用圖示13，顯示單元10用於顯示所述用戶介面。
用戶通過輸入單元30和電子裝置100進行交互。所述輸入單元30 可以是採用非接觸式的輸入方式，例如動作輸入，聲控等或者是一外置的遙控器單元，通過無線或有線通訊的方式發送控制命令給處理單元20。輸入單元30還可以是可以為電容式觸摸屏、電阻式觸摸屏、其他光學觸摸屏等或者是機械按鍵輸入單元例如按鍵、撥桿、飛輪輸入鍵等。在其他實施方式中，該輸入單元30；例如，所述輸入單元30為覆蓋於顯示單元10上的觸摸式輸入單元時，用戶可以通過手指或觸摸筆等輸入設備在輸入單元30以點選、單擊、雙擊等方式選擇用戶介面上相應的應用圖示13，來啟動對應的應用程式或者打開對應的文檔和多媒體檔。
所述處理單元20運行一動態拼圖介面控制系統，該動態拼圖介面控制系統包括用戶介面生成模組201、用戶介面控制模組202、應用程式管理模組204，輸入控制模組205，預覽控制模組206以及群組管理模組207。
請參考圖3，圖3中所示出的用戶介面為本發明第一實施方式中的動態拼圖介面12。所述動態拼圖介面12為一單層用戶介面，由多個應用圖示13拼接而成。所述多個應用圖示13按照預設的規則動態的排列，拼接形成所述動態拼圖介面12，其中每一個應用圖示13對應於一應用程式。
在本實施方式中，所述多個應用圖示13呈輻射狀的圍繞一中心點O相互拼接，形成所述動態拼圖介面12，隨著應用圖示13數量的增加，動態拼圖介面12逐漸自中心點O沿半徑方向向外擴展。所述每個應用圖示13構成動態拼圖介面12上的一個拼圖圖塊。所述每一個拼圖圖塊的形狀、尺寸和顯示內容可以由該應用圖示13所對應的應用程式的屬性來確定或者根據用戶輸入來確定。
例如，動態拼圖介面12中的拼圖圖塊A，該拼圖圖塊A對應應用圖示13中的氣象預報應用圖示，其中該氣象預報應用程式屬性中記錄的應用圖示13的尺寸為3×3，在動態拼圖介面12中的該氣象預報應用圖示13形成的拼圖圖塊A的尺寸為3×3。拼圖圖塊A上的顯示內容可以根據該氣象預報應用程式屬性中確定的圖像，包括靜態或者動態的圖像，例如城市名稱、溫度、代表不同天氣的靜態或者動態的圖案等。動態拼圖介面12中的拼圖圖塊B對應一應用圖示13中的新聞應用圖示，其中該新聞應用程式屬性中記錄的應用圖示的尺寸為1×4，在動態拼圖介面12中該新聞應用圖示13形成的拼圖圖塊B的尺寸為1×4。
所述應用圖示13的尺寸可以由一預設單位值確定，例如1個單位為0.5cm(釐米)或者0.2inch(英寸)。以1個單位為0.2inch為例，則應用程式屬性中記錄的應用圖示13的尺寸為1×4表示該應用圖示13在顯示單元10和應用圖示13中的橫向長度為0.2inch，縱向長度為0.8inch。
在其他實施方式中，應用圖示13的尺寸可以由圖元值來定義，例如應用程式屬性中記錄的應用圖示13的尺寸為50×50表示該應用圖示13在顯示單元10和動態拼圖介面12中所佔圖元點為50×50。
所述多個應用圖示13在動態拼圖介面12上按照預設的規則呈輻射狀的圍繞所述中心點O相互拼接。例如，重要度越高的應用程式對應的應用圖示13越靠近中心點O排列，反之，重要度越低的應用程式對應的應用圖示13越遠離中心點O排列。在其他實施方式中，所述多個應用圖示13在動態拼圖介面12上的位置還可以是隨機排列，或者按照用戶的輸入來確定其在動態拼圖介面12上的位 置。
請參考圖4，本發明另一實施方式中，電子裝置100的用戶介面與前述的實施方式相似，用戶介面包括一由多個應用圖示13拼接而成的單層的動態拼圖介面32，其不同在於，在本實施方式中，所述多個應用圖示13呈輻射狀的圍繞中心點O相互拼接，形成一具有矩形邊界的動態拼圖介面32，所述每個應用圖示13構成動態拼圖介面32上的一個拼圖圖塊。隨著應用圖示13數量的增加，所述具有矩形邊界的動態拼圖介面32以預設的長寬比向外擴展延伸。
請參考圖5，為電子裝置100生成所述動態拼圖介面12的方法流程圖，該動態拼圖介面12的生成方法包括如下步驟：步驟S1，用戶介面生成模組201生成一底圖圖層，並在所述底圖圖層上確定一中心點O。
步驟S2，應用程式管理模組204獲取所述應用圖示13。
步驟S3，應用程式管理模組204確定所述應用圖示13對應的形狀、尺寸和顯示內容。所述多個應用圖示13的形狀、尺寸和顯示內容可以由該應用圖示13所對應的應用程式的屬性來確定或者根據用戶輸入來確定。
步驟S4，用戶介面生成模組201根據預設的規則確定所述應用圖示13在底圖圖層上相對所述中心點O的排列位置。
步驟S5，根據確定的應用圖示13的尺寸和排列位置，用戶介面生成模組201將所述應用圖示13呈輻射狀的圍繞中心點O拼接於所述底圖圖層上生成一動態拼圖介面12。
步驟S6，存儲所述動態拼圖介面12。將所述動態拼圖介面12存儲於電子裝置100的存儲單元40內。
請參考圖6，圖6中所示出的用戶介面為本發明第二實施方式中的動態拼圖介面22。所述動態拼圖介面22與第一實施方式中的動態拼圖介面12相同，也為一單層用戶介面，動態拼圖介面12包括多個應用圖示13，其中每一個應用圖示13對應於一應用程式。其不同在於，在第二實施方式中，應用圖示13被分為多個群組131，所述包括多個應用圖示13的群組131按照預設的規則動態的排列，拼接形成所述動態拼圖介面22。
在本實施方式中，與第一實施方式相似，應用程式管理模組204獲取所述應用圖示13，然後根據應用圖示13所對應的應用程式的屬性確定所述應用圖示13對應的形狀、尺寸和顯示內容，故在此不再贅述。應用程式的屬性包括該應用程式對應的應用圖示13的形狀、尺寸、顯示內容以及群組屬性。其中，所述群組屬性包括該應用圖示13所對應的應用程式對應的群組名稱。所述群組屬性的群組名稱可以是應用程式安裝時自身設定的，也可以是用戶手動設定的。例如，應用圖示13為一存儲單元40內存儲的類型為影像資料的多媒體檔的縮略圖或圖示，該應用圖示13對應的應用程式為一視頻播放器程式，用於播放該多媒體檔，該應用圖示13所對應的應用程式的群組屬性中，群組名稱為“video”；另一應用圖示13為一存儲單元40內存儲的類型為音頻資料的多媒體檔的縮略圖或圖示，該應用圖示13對應的應用程式為一音頻播放器程式，用於播放該多媒體檔，該應用圖示13所對應的應用程式的群組屬性中，群組名稱為“audio”；同樣的應用圖示13為一存儲 單元40內存儲的類型為圖片或照片的多媒體檔的縮略圖或圖示，該應用圖示13所對應的應用程式的群組屬性中，群組名稱為“image”；應用圖示13為對應啟動一應用程式時，該應用圖示13所對應的應用程式的群組屬性中，群組名稱為“APP”；應用圖示13對應的應用程式群組屬性為空時，群組名稱默認為“NULL”。
群組管理模組207根據應用圖示13所對應的應用程式的群組屬性，將相應群組屬性的多個應用圖示生成所述群組131。具體的，群組管理模組207根據應用圖示13所對應的應用程式的屬性確定應用圖示13所屬的群組名稱，將具有相同群組名稱的應用圖示13集合在一起生成一群組131。
用戶介面生成模組201根據預設的規則確定所述群組131在底圖圖層上相對所述中心點O的排列位置，並根據所述排列位置將所述群組131的多個應用圖示13拼接於所述底圖圖層上生成動態拼圖介面22。例如，重要度越高的群組131越靠近中心點O排列，反之，重要度越低的群組131越遠離中心點O排列。在其他實施方式中，所述多個群組131在動態拼圖介面12上的位置還可以是隨機排列，或者按照用戶的輸入來確定其在動態拼圖介面12上的位置。
在其他實施方式中，用戶介面生成模組201還根據預設的規則確定所述群組131中的應用圖示13在群組131內相對所述中心點O的排列位置。例如，重要度越高的應用圖示13在群組131內越靠近中心點O排列，反之，重要度越低的應用圖示13在群組131內越遠離中心點O排列。在其他實施方式中，所述多個應用圖示13在群組131內的位置還可以是隨機排列，或者按照用戶的輸入來確定 其在群組131內上的位置。
在本實施方式中，所述動態拼圖介面22還包括一框體1312框選所述群組131內的所有應用圖示13。在其他實施方式中，所述群組131不被框體所框選，不同的群組131直接拼接在一起。
對應的應用程式群組屬性為空的應用圖示13被分類至同一群組131中，用戶通過輸入單元30首次執行該群組屬性為空的應用程式時，群組管理模組207回應用戶的輸入，將該應用圖示13分類至用戶的選擇的群組131。
請參考圖7，為具有動態拼圖介面22的電子裝置100的用戶介面的群組控制方法流程圖，該群組控制方法的控制流程包括如下步驟：步驟S21，群組管理模組207根據應用圖示13所對應的應用程式的群組屬性，將相應群組屬性的多個應用圖示13集合在一起生成一群組131。具體的，群組管理模組207根據應用圖示13所對應的應用程式的屬性確定應用圖示13所屬的群組名稱，將具有相同群組名稱的應用圖示13集合在一起生成一群組131。
步驟S22，用戶介面生成模組201根據預設的規則確定所述群組131在底圖圖層上相對所述中心點O的排列位置。在其他實施方式中，步驟S22還包括：用戶介面生成模組201還根據預設的規則確定所述群組131中的應用圖示13在群組131內相對所述中心點O的排列位置以及根據預設的規則確定所述群組131在底圖圖層上相對所述中心點O的排列位置。
步驟S23，根據所述群組131的排列位置，用戶介面生成模組201 將所述群組131的多個應用圖示13拼接於所述底圖圖層上生成動態拼圖介面22。在其他實施方式中，步驟S23還包括：用戶介面生成模組201根據所述群組131的尺寸和排列位置以及所述群組131中的應用圖示13在群組131內相對所述中心點O的排列位置，用戶介面生成模組201將所述群組131拼接於所述底圖圖層上生成動態拼圖介面22。
步驟S24，存儲所述動態拼圖介面22。將所述動態拼圖介面22存儲於電子裝置100的存儲單元40內。
請參考圖8，電子裝置100的顯示單元10在顯示所述用戶介面時，處理單元20的用戶介面控制模組202確定動態拼圖介面12上的一點作為顯示中心，並根據顯示單元10的尺寸和顯示比例控制顯示單元10以確定的顯示中心為中心點顯示所述單層的動態拼圖介面12上的相應尺寸內的用戶介面。
在本實施方式中，用戶介面控制模組202根據顯示單元10的尺寸和顯示比例，控制顯示單元10以動態拼圖介面12上的中心點O為顯示中心顯示動態拼圖介面12上的相應尺寸內的用戶介面，例如顯示單元10顯示所述單層的動態拼圖介面12上的虛線框101內的用戶介面，其中，虛線框101示意的尺寸和顯示比例等於顯示單元10的尺寸和顯示比例。由於重要度較高或者用戶認為較為重要的應用圖示13均分佈於動態拼圖介面12上的中心點O附近，用戶在首次進入用戶介面時，可以看到動態拼圖介面12上的中心點O附近的應用圖示13，方便用戶直接找到常用的應用圖示13。
在其他實施方式中，用戶介面控制模組202可以控制顯示單元10以動態拼圖介面12上的任意點為顯示中心顯示動態拼圖介面12上 的相應尺寸內的用戶介面，該任意點可以由用戶自定義或者電子裝置100的顯示單元10上一次顯示的動態拼圖介面12上用戶介面的中心點。
用戶可以通過輸入單元30切換顯示單元10上顯示的用戶介面的內容。所述輸入單元30用於接收用戶的控制命令，例如在輸入單元30為機械按鍵時，輸入單元30回應用戶的按壓操作；輸入單元30為一遙控器單元時，輸入單元30接收用戶的控制命令發送相應的控制信號至處理單元20。在輸入單元30為觸摸屏單元時，用戶可以進行滑動手勢輸入，來移動顯示單元10上顯示的用戶介面，使顯示單元10顯示的用戶介面從虛線框101內的用戶介面切換至虛線框102或虛線框103內的用戶介面。從而通過用戶滑動手勢控制，可以使顯示單元10顯示的用戶介面在整個動態拼圖介面12內移動。處理單元20的輸入控制模組205用於回應用戶的控制命令，產生相應的控制信號，用於用戶介面控制模組202根據該控制信號確定所述動態拼圖介面12上顯示中心向相應的方向移動相應的距離。
請參考圖9，用戶還可以通過輸入單元30點選、單擊、雙擊等方式選擇顯示單元10顯示的用戶介面上相應的應用圖示13，來啟動對應的應用程式或者打開對應的文檔和多媒體檔。在本實施方式中，用戶在輸入單元30點選一應用圖示13的時間大於一預設時間值時，預覽控制模組206控制顯示單元10在該應用圖示13對應的拼圖圖塊的顯示區域顯示一該應用圖示13對應的預覽內容。
具體的，不同的應用圖示13對應的預覽內容也不同，例如，該應用圖示13為一存儲單元40內存儲的類型為影像資料的多媒體檔的 縮略圖或圖示時，該應用圖示13對應的預覽內容為該影像資料的的預覽畫面、文字介紹等；應用圖示13為一存儲單元40內存儲的類型為音頻資料的多媒體檔的縮略圖或圖示時，該應用圖示13對應的預覽內容為該音頻資料的專輯名稱、演唱者介紹等；應用圖示13為一存儲單元40內存儲的類型為圖片或照片的多媒體檔的縮略圖或圖示時，該應用圖示13對應的預覽內容為該圖片或照片的拍攝時間、縮略圖等；應用圖示13為對應啟動一應用程式時，該應用圖示13對應的預覽內容為應用程式的功能介紹、安裝時間等。
如圖9中，應用圖示13A為一存儲單元40內存儲的類型為圖片多媒體檔的圖示，該應用圖示13A對應的預覽內容為該圖片的縮略圖。
請一併參考圖8-9，下面以輸入單元30為觸摸輸入單元30為例來說明本發明中用戶介面的控制方法，所述觸摸輸入單元30用於回應用戶的觸摸輸入產生一觸摸信號，處理單元20的輸入控制模組205用於根據所述觸摸信號確定觸摸動作，並在所述觸摸動作為滑動手勢時，確定該觸摸動作的滑動方向和滑動距離。用戶介面控制模組202根據所述滑動方向和滑動距離確定所述動態拼圖介面12上顯示中心向相應的方向移動相應的距離。
在一實施方式中，用戶介面控制模組202確定的動態拼圖介面12上顯示中心的移動方向與觸摸動作的滑動方向相同，以及確定的動態拼圖介面12上顯示中心的移動距離與觸摸動作的滑動距離成正比，例如所述觸摸動作的滑動距離為0.5cm(釐米)或者0.2inch(英寸)，所述動態拼圖介面12上顯示中心的移動距離 為1個單位的距離。用戶在顯示單元10上通過觸摸輸入單元30進行滑動手勢輸入時，顯示單元10顯示的用戶介面從虛線框101內的用戶介面切換至虛線框102內的用戶介面，用戶觀察到的視覺效果是動態拼圖介面12靜止，顯示單元10所在的顯示框在動態拼圖介面12上移動。
在另一實施方式中，用戶介面控制模組202確定的動態拼圖介面12上顯示中心的移動方向與觸摸動作的滑動方向相反，以及確定的動態拼圖介面12上顯示中心的移動距離與觸摸動作的滑動距離成正比，例如所述觸摸動作的滑動距離為0.5cm(釐米)或者0.2inch(英寸)，所述動態拼圖介面12上顯示中心的移動距離為1個單位的距離。用戶在顯示單元10上通過觸摸輸入單元30進行滑動手勢輸入時，顯示單元10顯示的用戶介面從虛線框101內的用戶介面切換至虛線框103內的用戶介面，用戶觀察到的視覺效果是顯示單元10所在的顯示框靜止，動態拼圖介面12在顯示單元10上移動。動態拼圖介面12在移動中超過動態拼圖介面12的邊界時，即整個顯示單元10上動態拼圖所佔的比例少於一預設值時，用戶介面控制模組202重新確定動態拼圖介面12的顯示中心，已使動態拼圖重新佔據整個顯示單元10。
在其他實施方式中，在所述觸摸動作為滑動手勢時，輸入控制模組205還確定該觸摸動作的滑動方向和滑動速度。用戶介面控制模組202根據所述滑動方向和滑動速度確定所述動態拼圖介面12上顯示中心向相應的方向移動相應的距離。所述動態拼圖介面12上顯示中心的移動距離與滑動速度成正比，即滑動手勢的滑動速度越快，動態拼圖介面12上顯示中心的移動距離越大。
處理單元20的輸入控制模組205根據所述觸摸信號確定觸摸動作，並在所述觸摸動作為長按手勢時，預覽控制模組206控制顯示單元10在該長按手勢對應的應用圖示13所在的拼圖圖塊的顯示區域顯示一該應用圖示13對應的預覽內容。
具體的，輸入控制模組205根據所述觸摸信號確定用戶在觸摸輸入單元30上的操作為點選一應用圖示13的時間大於一預設時間值時，則判斷該操作為長按手勢。其中，所述預設時間值可以是1秒或者2秒等。
請參考圖10，為具有動態拼圖介面12的電子裝置100的用戶介面的控制方法流程圖，該控制流程包括如下步驟：步驟S31，用戶介面控制模組202從電子裝置100的存儲單元40內讀取所述動態拼圖介面12。
步驟S32，用戶介面控制模組202確定顯示單元10的尺寸和顯示比例。
步驟S33，用戶介面控制模組202確定動態拼圖介面12上一預設點作為顯示中心。在本實施方式中，用戶介面控制模組202確定動態拼圖介面12上的中心點O為顯示中心。在其他實施方式中，用戶介面控制模組202可以根據用戶的輸入確定動態拼圖介面12上的任意點為顯示中心；或者根據電子裝置100的顯示單元10上一次顯示的動態拼圖介面12上用戶介面，確定電子裝置100的顯示單元10上一次顯示的動態拼圖介面12上用戶介面的中心點作為顯示中心。
步驟S34，根據所述的顯示單元10的尺寸和顯示比例，用戶介面 控制模組202控制顯示單元10以確定的顯示中心為中心點顯示動態拼圖介面12上的相應尺寸內的用戶介面。
進一步的，該控制流程包括如下步驟：步驟S35，輸入控制模組205根據觸摸輸入單元30回應用戶的觸摸動作產生的觸摸信號確定觸摸動作，並判斷所述觸摸動作是為滑動手勢，或是長按手勢，若是滑動手勢，則繼續步驟S36；若是長按手勢，繼續步驟S39。
步驟S36，輸入控制模組205根據所述觸摸信號進一步確定所述觸摸動作的滑動方向和滑動距離。
步驟S37，用戶介面控制模組202根據該滑動方向和滑動距離確定動態拼圖介面12上顯示中心的移動方向和距離。
步驟S38，用戶介面控制模組202根據所述的顯示單元10的尺寸和顯示比例，控制顯示單元10以移動後的顯示中心為中心點顯示動態拼圖介面12上的相應尺寸內的用戶介面。
步驟S39，預覽控制模組206控制顯示單元10在該長按手勢對應的應用圖示13所在的拼圖圖塊的顯示區域顯示一該應用圖示13對應的預覽內容。
本發明中，電子裝置100可以通過長按動態拼圖介面上的一個應用圖示13來預覽該應用圖示13對應的預覽內容。同時採用地圖式的應用圖示管理，使用戶介面為一單層的由多個應用圖示13拼接而成的動態拼圖介面12，所有的應用圖示13按照預設規則排布於同一用戶介面層級上，不需要採用多層或者樹狀的用戶介面層，處理速度增加，同時也能方便用戶更快的搜尋需要的應用程式和 管理應用程式。另外，本發明中的採用動態拼圖介面12的用戶介面可以適用於多種不同顯示尺寸的電子裝置。
本技術領域的普通技術人員應當認識到，以上的實施方式僅是用來說明本發明，而並非用作為對本發明的限定，只要在本發明的實質精神範圍之內，對以上實施例所作的適當改變和變化都落在本發明要求保護的範圍之內。
22‧‧‧動態拼圖介面
13‧‧‧應用圖示
131‧‧‧群組
1312‧‧‧框體

Claims (12)

  1. 一種電子裝置的動態拼圖介面控制方法，所述電子裝置上存儲有多個應用程式，並存儲有多個應用圖示按照預設的規則或用戶的輸入在一底圖圖層上圍繞一中心點拼接而成的動態拼圖介面，其中，所述每一個應用圖示對應觸發一個或多個應用程式，所述電子裝置還包括一顯示單元用於顯示所述動態拼圖介面上的相應尺寸內的用戶介面，其改良在於，該動態拼圖介面的控制方法包括步驟：a，響應用戶的觸摸動作，產生一觸摸信號；b，根據所述觸摸信號確定所述觸摸動作是否長按手勢，若是，則進入步驟c；c，控制該顯示單元在該長按手勢對應的應用圖示的顯示區域顯示一該應用圖示對應的預覽內容。
  2. 如申請專利範圍第1項所述之動態拼圖介面控制方法，其中，所述步驟b中，根據所述觸摸信號確定用戶在輸入單元上的操作為點選一應用圖示的時間大於一預設時間值時，則判斷該操作為長按手勢。
  3. 如申請專利範圍第1項所述之動態拼圖介面控制方法，其中，所述步驟b中，還包括：判斷所述觸摸動作是為滑動手勢，若是滑動手勢，則進入步驟d；d，根據所述觸摸動作的滑動方向確定選擇器框的移動方向；e，根據該滑動方向和滑動距離確定動態拼圖介面上顯示中心的移動方向和距離；f，根據所述的顯示單元的尺寸和顯示比例，控制顯示單元以移動後的顯示中心為中心點顯示動態拼圖介面上的相應尺寸內的用戶介面。
  4. 如申請專利範圍第1項所述之動態拼圖介面控制方法，其中，所述應用圖示為一存儲單元內存儲的類型為影像資料的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該影像資料的的預覽畫面和/或文字介紹；應用圖示為一存儲單元內存儲的類型為音頻資料的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該音頻資料的專輯名稱和/或演唱者介紹；應用圖示為一存儲單元內存儲的類型為圖片或照片的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該圖片或照片的拍攝時間和/或縮略圖；應用圖示為對應啟動一應用程式時，該應用圖示對應的預覽內容為應用程式的功能介紹和/或安裝時間。
  5. 一種具有動態拼圖介面的電子裝置，包括存儲多個應用程式以及與該應用程式對應的應用程式圖示的存儲單元，一用於回應用戶的輸入操作產生相應的輸入信號的輸入單元，處理單元以及顯示單元，其改良在於，所述存儲單元內還存儲有多個應用圖示按照預設的規則或用戶的輸入在一底圖圖層上圍繞一中心點拼接而成的動態拼圖介面，其中，所述每一個應用圖示對應觸發一個或多個應用程式，所述顯示單元顯示所述動態拼圖介面上的相應尺寸內的用戶介面；所述電子裝置還包括存儲於存儲單元中的指令模組，處理單元用於執行存儲單元中的指令模組，該指令模組包括：輸入控制模組，根據所述觸摸信號確定所述觸摸動作是否長按手勢；預覽控制模組，控制顯示單元在該長按手勢對應的應用圖示所在的拼圖圖塊的顯示區域顯示一該應用圖示對應的預覽內容。
  6. 如申請專利範圍第5項所述之具有動態拼圖介面的電子裝置，其中，輸入控制模組根據所述觸摸信號確定用戶在輸入單元上的操作為點選一應用圖示的時間大於一預設時間值時，則判斷該操作為長按手勢。
  7. 如申請專利範圍第5項所述之具有動態拼圖介面的電子裝置，其中，所述 輸入控制模組還用於根據所述觸摸信號確定所述觸摸動作是否滑動手勢，並所述觸摸動作的滑動方向確定選擇器框的移動方向；所述指令模組還包括用戶介面控制模組，根據該滑動方向和滑動距離確定動態拼圖介面上顯示中心的移動方向和距離，以及根據所述的顯示單元的尺寸和顯示比例，控制顯示單元以移動後的顯示中心為中心點顯示動態拼圖介面上的相應尺寸內的用戶介面。
  8. 如申請專利範圍第5項所述之具有動態拼圖介面的電子裝置，其中，所述應用圖示為一存儲單元內存儲的類型為影像資料的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該影像資料的的預覽畫面和/或文字介紹；應用圖示為一存儲單元內存儲的類型為音頻資料的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該音頻資料的專輯名稱和/或演唱者介紹；應用圖示為一存儲單元內存儲的類型為圖片或照片的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該圖片或照片的拍攝時間和/或縮略圖；應用圖示為對應啟動一應用程式時，該應用圖示對應的預覽內容為應用程式的功能介紹和/或安裝時間。
  9. 一種動態拼圖介面控制系統，運行於具有該動態拼圖介面的電子裝置上，該電子裝置包括存儲多個應用程式以及與該應用程式對應的應用程式圖示的存儲單元，一用於回應用戶的輸入操作產生相應的輸入信號的輸入單元，處理單元以及顯示單元，其改良在於，所述存儲單元內還存儲有多個應用圖示按照預設的規則或用戶的輸入在一底圖圖層上圍繞一中心點拼接而成的動態拼圖介面，其中，所述每一個應用圖示對應觸發一個或多個應用程式，所述顯示單元顯示所述動態拼圖介面上的相應尺寸內的用戶介面；所述控制系統包括：輸入控制模組，根據所述觸摸信號確定所述觸摸動作是否長按手勢； 預覽控制模組，控制顯示單元在該長按手勢對應的應用圖示所在的拼圖圖塊的顯示區域顯示一該應用圖示對應的預覽內容。
  10. 如申請專利範圍第9項所述之動態拼圖介面控制系統，其中，輸入控制模組根據所述觸摸信號確定用戶在輸入單元上的操作為點選一應用圖示的時間大於一預設時間值時，則判斷該操作為長按手勢。
  11. 如申請專利範圍第9項所述之動態拼圖介面控制系統，其中，所述輸入控制模組還用於根據所述觸摸信號確定所述觸摸動作是否滑動手勢，並所述觸摸動作的滑動方向確定選擇器框的移動方向；所述指令模組還包括用戶介面控制模組，根據該滑動方向和滑動距離確定動態拼圖介面上顯示中心的移動方向和距離，以及根據所述的顯示單元的尺寸和顯示比例，控制顯示單元以移動後的顯示中心為中心點顯示動態拼圖介面上的相應尺寸內的用戶介面。
  12. 如申請專利範圍第9項所述之動態拼圖介面控制系統，其中，所述應用圖示為一存儲單元內存儲的類型為影像資料的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該影像資料的的預覽畫面和/或文字介紹；應用圖示為一存儲單元內存儲的類型為音頻資料的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該音頻資料的專輯名稱和/或演唱者介紹；應用圖示為一存儲單元內存儲的類型為圖片或照片的多媒體檔的縮略圖或圖示時，該應用圖示對應的預覽內容為該圖片或照片的拍攝時間和/或縮略圖；應用圖示為對應啟動一應用程式時，該應用圖示對應的預覽內容為應用程式的功能介紹和/或安裝時間。
TW102139666A 2013-10-24 2013-10-31 具有動態拼圖介面的電子裝置及控制方法與系統 TWI515638B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310503242.8A CN104571897A (zh) 2013-10-24 2013-10-24 具有动态拼图界面的电子装置及控制方法与系统

Publications (2)

Publication Number Publication Date
TW201516833A TW201516833A (zh) 2015-05-01
TWI515638B true TWI515638B (zh) 2016-01-01

Family

ID=52996934

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102139666A TWI515638B (zh) 2013-10-24 2013-10-31 具有動態拼圖介面的電子裝置及控制方法與系統

Country Status (3)

Country Link
US (1) US20150121264A1 (zh)
CN (1) CN104571897A (zh)
TW (1) TWI515638B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106161931A (zh) * 2016-06-28 2016-11-23 广东欧珀移动通信有限公司 图像预览的方法及装置
CN106775095B (zh) * 2016-12-27 2018-09-04 维沃移动通信有限公司 一种拼图样板轮廓预览方法及移动终端
CN107562317B (zh) * 2017-08-30 2021-01-15 努比亚技术有限公司 一种显示方法及终端
CN108228902B (zh) * 2018-02-08 2020-06-26 维沃移动通信有限公司 一种文件显示方法及移动终端
CN112007359B (zh) * 2020-08-24 2023-12-15 杭州睿琪软件有限公司 一种图像展示方法、可读存储介质和计算机设备
TWI782708B (zh) * 2021-09-16 2022-11-01 華碩電腦股份有限公司 電子裝置及其觸控控制方法

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI248011B (en) * 2003-07-30 2006-01-21 Benq Corp Production apparatus of dynamic jigsaw puzzle game and method thereof
US8191011B2 (en) * 2008-09-18 2012-05-29 Microsoft Corporation Motion activated content control for media system
US20100138784A1 (en) * 2008-11-28 2010-06-03 Nokia Corporation Multitasking views for small screen devices
TWI481248B (zh) * 2009-04-14 2015-04-11 Elan Microelectronics Corp Mobile phone control method
CN102402375A (zh) * 2010-09-15 2012-04-04 联想(北京)有限公司 显示终端和显示方法
WO2013038541A1 (ja) * 2011-09-15 2013-03-21 三菱電機株式会社 ラダープログラム作成装置
CN102750099B (zh) * 2012-06-20 2016-01-13 宇龙计算机通信科技(深圳)有限公司 终端和终端操控方法
US8896556B2 (en) * 2012-07-31 2014-11-25 Verizon Patent And Licensing Inc. Time-based touch interface
US20140123004A1 (en) * 2012-10-25 2014-05-01 Apple Inc. Station creation
CN103092466B (zh) * 2013-01-22 2016-03-30 小米科技有限责任公司 一种移动终端的操作方法及装置
US9471200B2 (en) * 2013-03-15 2016-10-18 Apple Inc. Device, method, and graphical user interface for organizing and presenting a collection of media items

Also Published As

Publication number Publication date
CN104571897A (zh) 2015-04-29
US20150121264A1 (en) 2015-04-30
TW201516833A (zh) 2015-05-01

Similar Documents

Publication Publication Date Title
TWI512600B (zh) 具有動態拼圖介面的電子裝置及控制方法與系統
TWI529602B (zh) 具有動態拼圖介面的電子裝置及更新方法與系統
TWI515638B (zh) 具有動態拼圖介面的電子裝置及控制方法與系統
JP6144707B2 (ja) アレイモードを使用したブラウザ内でのコンテンツアイテム間のナビゲート方法
CN108334264B (zh) 在便携式终端中用于提供多点触摸交互的方法和设备
US8806380B2 (en) Digital device and user interface control method thereof
JP6151242B2 (ja) イマーシブアプリケーションとしてのデスクトップ
US8751968B2 (en) Method and system for providing a user interface for accessing multimedia items on an electronic device
TW201432552A (zh) 用於電子裝置的用戶介面
CN105320453B (zh) 显示装置和控制显示装置的方法
KR20130064458A (ko) 복수 개의 영역으로 구분된 화면을 디스플레이하는 디스플레이 장치 및 그 방법
CA2955063A1 (en) Icon resizing
TWI529603B (zh) 具有動態拼圖介面的電子裝置及控制方法與系統
JP2012022685A (ja) データ処理装置およびサイズ変更可能なグラフィカル要素の表示方法
CN103809904A (zh) 显示方法和使用显示方法的电子装置
JP2010266961A (ja) 情報処理装置、情報処理方法及び情報処理プログラム
TW201324312A (zh) 具有觸摸屏的電子設備及其頁面處理方法
TWI619066B (zh) 具有動態拼圖介面的電子裝置及群組控制方法與系統
TW201432551A (zh) 具有動態拼圖介面的電子裝置、及其介面控制方法與系統
US9405442B1 (en) List control with zoom operation
TW201432550A (zh) 具有動態拼圖介面的電子裝置、及其介面生成方法與系統
KR101918705B1 (ko) 인지 부하를 줄이기 위한 화면 구성 방법 및 시스템
JP2012014495A (ja) 選択項目制御装置、選択項目制御方法、及び選択項目制御用プログラム
TW201117090A (en) Desktop management system and method

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees