1267751 玖、發明說明： 【發明所屬之技術領域】 本發明是有關於一種使功能程式表呈現於電子裝置顯 示幕視窗之方法及其電腦程式產品，特別是指一種功能程式 5 I内的複數個圖形控制鍵呈環狀排列之使功能程式表呈現 於電子裝置顯不幕視窗之方法及其電腦程式產品。 【先前技術】 圖形化使用者介面（Graphical User Interface，GUI)最早 由王祿PARC研究至所推出的程式操作介面，使程式的功能 1〇 以圖形控制鍵來表示，如此使用者僅需搭配指向器（如滑 鼠、觸控筆等等），以移動視窗上的游標並加上點選動作， 即可輕鬆完成想要執行的動作，解決了以往文字模式需輸入 繁雜的指令而造成使用不便的障礙。因此，圖形化使用者介 面紛紛被蘋果電腦與微軟（Micros〇ft)所採用，成為所有作業 15 系統的主流模式。在應用圖形化使用者介面的電子設備上， 例如桌上型電腦、筆記型電腦、平板電腦、個人數位助理機， 其大都以圖形控制鍵來連绪程式、檔案，使用者僅需利用指 向器來致動圖形控制鍵即可啟動對應的程式與檔案，且程式 中功能操作指令大都以圖形控制鍵表示，此種圖形控制鍵又 2〇 稱功能選項鍵，例如CD播放程式内的箭頭符號►代表播放 功能、以雙鍵頭符號►►代表跳至下一首的功能，讓使用者僅 需利用指向器來啟動對應的圖形控制鍵，即可輕輕鬆鬆操作 程式運作。 隨著電子裝置之功能漸多，致使對應產生的圖形控制鍵 1267751 愈趨繁多，倘若讓這些圖形控制鍵散置於視窗上，可能會視 窗的擁擠與雜亂。因此，配合圖1，目前連結程式與系統設 疋功肖b之圖形控制鍵大都縱向排列於一矩形功能程式表1 1 内；一些頻繁應用或常駐功能的程式所代表的圖形控制鍵更 5 可橫向排列於一般橫置於視窗下方側之橫向工具列12内， 或者直接以將代表程式或檔案捷徑之圖形控制鍵擺設於視 囪上，如資源回收筒13。因此，目前的圖形控制鍵大都以 縱向或橫向排列，不免有失呆板，且程式啟動後功能選項鍵 亦顯示於另一因程式而啟動之介面内，造成使用者控制的不 10 便並因介面存在而佔用較多的視窗空間。 【發明内容】 因此，本發明之一目的，是在提供一種使圖形控制鍵沿 環狀排列之使功能程式表呈現於電子裝置顯示幕視窗之方 法及其電腦程式產品。 15 本發明之另一目的，是在提供一種使功能程式表呈多層 次環狀排列之使功能程式表呈現於電子裝置顯示幕視窗之 方法及其電腦程式產品。 本發明之又一目的，是在提供一種方便使用者控制之使 功能程式表呈現於電子裝置顯示幕視窗之方法及其電腦程 20 式產品。 本發明之再一目的，是在提供一種不過度佔用視窗空間 之使功能程式表呈現於電子裝置顯示幕視窗之方法及其電 腦程式產品。 本發明之更一目的，是在提供一種使功能程式表呈現於 1267751 電子裝置顯示幕視窗之方法及其電腦料產品，以將程式之 f選項㈣合於雜程式表内，以達収加方便使用者使 用之功效。 5 於是’本發明使魏程式表呈現於電子裝置顯示幕視窗 之方法，包括以下步驟： A) 於該視窗内提供一中央區域； B) 提供-環繞該中央區域之内層區域；及 〇提供多數個沿該中央區域環設於該内層區域之圖形 控制鍵’以形成-顯示於該視窗之功能程式表。 1〇 【實施方式】 有關本發明之前述及其他技術内容、特點與功效，在以 下配合參考圖式之一較佳實施例的詳細說明中，將可清楚的 明白。 本發明之使功能程式表呈現於電子裝置顯示幕視窗之 15 I法係於—電子裝置中的執行，此電子裝置係可為個人電 腦、筆記型電腦、平板電腦或個人數位助理機等等。在以下 貫施例中係以為平板電腦之電子裝置為例來說明。此電子裝 置至少一具有觸控功能之顯示幕、一控制該電子裝置作動之 主機、一與顯示幕觸控功能搭配的觸控筆（即指向器）、複數 20 私式及複數檔案。應注意的是，雖然本實施例以平板電腦為 例’然而熟習該項技藝者當知，本實施例亦可於其他類型之 電子裝置上執行，指向器亦可為諸如滑鼠、觸控板之類的其 他類型之指向器，並不應受限於本實施例所揭露。 圖2係顯示載有本發明中使功能程式表呈現於電子裝 1267751 置顯示幕視窗之方法之較佳實施例的一電子裝置開機後的 顯示幕視窗2畫面。本實施例中，預設此呈現方法的程式為 電子裝置的常駐程式而可隨電子裝置的開機而啟動，因於視 ® 2中"一併顯不因應本實施例的程式啟動而產生的*功能 私式表3。配合圖4’此功能程式表3具有'中央區域31 及一環繞此中央區域31之内層區域32。多數圖形控制鍵 330、331、334係沿中央區域31環設於内層區域32，各圖 形控制鍵330、331、334的功能容後再述。本例的中央區域 31係呈圓形，内層區域32係為一圓環而為一封閉環狀體。 為了避免功能程式表3過於佔用視窗31的空間，本例 中，更可預疋開機時，功能程式表3僅部分顯示於視窗2 内（如圖2)。再者，為了方便使用者可依需求而調整其於視 囪的預設顯示位置，因而，如圖3，更可預設功能程式表3 係顯示於視窗2的一下方側置中處21、一右方側置中處22、 一上方側置中處23與一左方側置中處24中一處。本例中， 虽功旎程式表3位於視窗2側邊的置中處21〜24時，功能程 式表3之顯示於視窗2内部分的面積係相同於未顯示在視窗 2部分的面積，即兩部分各佔一半。 參閱圖4,功$程式表3更可適使用者需求而隨觸控筆 1〇的拖Wdrag)而移動其於視窗2上的位置，而#功能程 式表3並非位於視窗2的侧邊而具有足夠空間顯示整個功能 程式表3時，則功能程式表3會被完整顯示。此外，雖秋本 實施例中預定部分顯示之魏程式表3係位於視窗2之預設 位置（即視窗2的側邊置中處）’然而由於本例之功能程式表 1267751 因而當其被拖曳到視窗 3可隨觸控筆1〇的拖良而移動， 10 15 的周側任彳4置時，功能程式表3都可於此周側位置執行部 分顯示’並不應受限於前述揭露預設顯示位置。另外，本例 之功能程式表3除了常駐於視窗2上的顯示模式外，亦可設 定為自動隱藏模式’即可設定功能程式表3經—預定時間未 使用後’即自動由視窗2上消失而隱藏。再者，於視窗2 上亦可常駐-用來讓功能程式表3顯示之控缝抓如圖 2)，使當功能程式表3消失後，可利用觸控筆㈣動此控 制鍵30㈣功録式表3再次顯示純窗2上。 再者，當電子裝置感測到觸控筆1〇位於功能程式表3 =中央區=31上時，則令中央區域31由—休眠狀態切換成 工作狀怨，反之，當電子裝置感測到觸控筆10位於中央 區：31以外的區域時，中央區域31由工作狀態切換成休眠 狀態。如圖5’當位於工作狀態時，中央區域3ι内更合顯 讀個中央圖雜制鍵311〜313。#位於休眠狀態時^央 區域31不再顯示這些圖形控制鍵31卜313(如圖4)。為了方 便使用者控制視窗2 + 士 A m 列仇固Z的顯不方位，因而這些圖形控制鍵 31卜313依序為-令視窗2顯示方位旋轉⑽度之令央圖形 控制鍵31卜-令視窗2顯示方位右轉9()度之中央圖形控 制鍵312及-令視窗2顯示方式左轉9()度之中央圖形控制 鍵313。應說明的是’由於電子裝置原本就内建—令視窗2 之顯示方位選轉的程式’因而本例中無須額外設置旋轉程式 僅需讓中央圖形控制鍵31卜313係直接連結至對應的旋轉 程式即可。 20 1267751 再者，為了讓本例之功能程式表3可供設置更多的圖形 控制鍵，因而，本例之功能程式表3更具有一繞設於内層區 域32外之第一外層區域34與一繞設於第一外層區域34外 之第二外層區域35(如圖7)。第一外層區域34、第二外層 區域35可供設置多數圖形控制鍵。為了讓圖形控制鍵依功 能分層排列，因而於内層區域32之部分圖形控制鍵可為代 表私式集的圖开> 控制鍵，在此以圖形控制鍵330、331為 例說明；而部分圖形控制鍵仍用以連結至對應程式或檔案， 以啟動對應程式或檔案，例如圖形控制鍵334是連結至ie, 1〇 使其被致動時會使1£隨之啟動。本例中更將對應圖形控制 鍵330、331的程式集所屬的至少一程式的代表圖形控制鍵 設置於第一外層區域34,且於内層區域32的對應圖形控制 鍵330、331被致動時，始會顯示第一外層區域以並僅會將 歸屬於被致動之圖形控制鍵33〇、331所代表程式集下之程 15 式之代表圖形控制鍵顯示於第一外層區域34。同樣地，第 一外層區域35僅會於第一外層區域34内的對應圖形控制鍵 被致動時，始會被顯示於第一外層區域34外且與第一外層 區域34内被致動的圖形控制鍵相關的圖形控制鍵始會被顯 不於第二外層區域35上。本例之第一與第二外層區域以、 20 35為一部分環狀體’當然亦可為封閉環狀體。 舉例來說’假設圖形控制鍵331係代表一與電子裝置系 統設定相關之程式集，則當此圖形控制鍵331被致動時，如 圖6，第一外層區域34將顯示環繞於内層區域32外，且屬 於程式内所代表的圖形控制鍵將一併顯示於第一外層區域 1267751 34内’例如一用以控制顯示幕啟動/關閉（〇N/〇FF)之圖形控 制鍵341 ’ 一用以控制顯示幕之明亮程度之圖形控制鍵 342、及一用以連結至一新增圖形控制鍵用之一新增介面之 新增圖形控制鍵343(容後再述）。 配合圖7,若圖形控制鍵33〇為代表一視聽相關之程式 集，當圖形控制鍵330被致動時，第一外層區域34將環繞 顯示於内層區域32外，且與視聽相關之程式所代表的一控 制音量之圖形控制鍵344、一代表錄音程式之圖形控制鍵 345。若位於第一外層區域34之代表音量控制功能之圖形控 制鍵334被致動時，第二外層區域35將環繞顯示於第一外 層區域34外，一併將為音量控制功能選擇鍵的圖形控制鍵 351、352 —併顯示於第二外層區域35内，圖形控制鍵351 為調整音量大小之功能選項鍵與另一圖形控制鐽352為控 制靜音功能啟閉之功能選項鍵。 配合圖8,若位於第一外層區域34内的圖形控制鍵345 被致動時，則顯示第二外層區域35並將為錄音程式之功能 選項鍵之圖形控制鍵一併顯示於第二外層區域35，例如， 一圖形控制鍵353為啟動鍵之功能選項鍵，與另一圖形控制 鍵354為中止鍵之功能選項鍵。如此，使用者可直接應用於 功成程式表3之第二外層區域35中為功能選項鍵之圖形控 制鍵來執行錄音程式，無須像習知程式啟動後，需利用於另 一控制介面上的功能選項鍵來控制程式的執行，以達到更於 方便使用者操作程式之功效。再者，由於原本電子裝置内的 耘式啟動後，於其控制介面上會有對應功能選項鍵，例如若 10 1267751 為錄音程式時，有諸如啟動鍵與中止鍵之類的功能選項鍵， 因而本例中於第二外層區域35顯示之圖形控制鍵351、 352、353、354係可直接擷取程式内的功能選項鍵圖形來應 用。 當需於内、外層區域32、34、35中的任一區域新增圖 形控制鍵時，使用者可應用觸控筆1〇來致動新增圖形控制 鍵343，此新增圖形控制鍵343係因應位於内層區域32之 圖形控制鍵331被致動而於第一外層區域34顯示（如圖 6)。當新增圖形控制鍵343被致動時，則新增圖形控制鍵用 之新★曰’I面36隨之被啟動，使用者可隨意新增圖形控制 鍵，以連結電子裝置内中程式或檔案。當新增介面36設定 完成後，因應新增動作而產生之新圖形控制鍵會被顯示於功 能程式表3中的内、外層區域32、34、犯中的一區域上。 另外，s功旎私式表3如圖2僅部分顯示於視窗2内 ^由於位於内層區域Μ之圖形控制鍵330、331、334佔 用的面積大於内層區域32顯示於視窗2部分的面積，因而 有部分的圖形控制鍵因顯示面積的限制而未顯示於内層區 域32。為提醒使用者注意與方便使用者操作，如圖μ，當 功能程式表3部分隱藏且有部分圖形控制鍵隨之被隱藏 時’内層區域32上會顯示一右移鍵332與一左移鍵⑽（指 方向鍵組）。當右移鍵332因觸控筆1〇被致動時，則所有圖 形控制鍵334隨之順時針（即向右）移動（如圖⑴，使得原 本位於最接近右移ί建332之圖形控制鍵？2會因移位而不再 顯不，而$一原本被隱藏之圖形控制鍵335被顯示出。相同 1267751 地’當左移鍵333被致動亦會使位於内層區域32之圖形控 制鍵逆時針移動而使被顯示於視窗之圖形圖控制鍵隨之變 動。如此，使用者因右移鍵332、左移鍵333之顯示而可獲 知還有部分圖形控制鍵被隱藏之訊息，並可利用致動右移鍵 5 332、左移鍵333來將原本隱藏之圖形控制鍵顯示於視窗2。 應注意的是，雖本例中利用右移鍵332與左移鍵333來控制 圖形控制鍵移位，然而熟習該項技藝者當知，可僅利用右移 鍵332與左移鍵332中的一者即可達到令圖形控制鍵移位之 目的，而不應受限於本實施例所揭露。 10 再者’為了方便使用者改變圖形控制鍵的排列順序，因 而如圖12,使用者可利用觸控筆1〇來抓取欲改變順位之圖 形控制鍵334,以移出内層區域犯外（如圖13)，而後將此 圖形控制鍵334拖良至欲插入的位置上（如圖⑷後，如圖 15，即可將形控制鍵334置入内層區域犯内，即可改變圖 15 形控制鍵334的排列順序。 應注意的是，雖然在前述實施例中以兩外層區域34、 3窃5為例來說明1而熟習該項技藝者當知，外層區域的數 量可依實際料需要而變更’例如為—層或三層等等，不應 受限於本實施例之說明。 2〇 _料所述，本發明確實可使功絲絲3以環狀來顯 不’以改變以在縱向、橫向排列之呆板規則，以達到更吸引 使用者的功效，而^於部分顯示與外層區域34、35僅於 對應的圖形㈣鍵被啟動時始會被_之魏，使得功能程 式表3可達到盡量不佔用大多視窗空間之功效。又，由於將 12 1267751 為程式之功能選項鍵之圖形控制鍵直接整合於功能程式表 3之外層區域35上，讓使用者可直接於功能程式表3上控 制程式的執行，而不需向習知須於另一控制介面上執行控 制，以達到更加方便使用者操作之功效。再者，本發明之功 5 旎程式表3上的圖形控制鍵的排列順位可隨使用者喜好而 文麦且亦了依使用者需求來新增新圖形控制鍵，以達到變化 性多之功效。 惟以上所述者，僅為本發明之較佳實施例而已，當不能 以此限定本發明實施之範圍，即大凡依本發明申請專利範圍 1〇 及發明說明書内容所作之簡單的等效變化與修飾，皆應仍屬 本發明專利涵蓋之範圍内。 【囷式簡單說明】 圖1是一電子裝置之視窗，此視窗内呈現習知功能程式 表·； 15 圖2是一結合本發明之較佳實施例的電子裝置視窗，此 視窗内顯示本實施例之功能程式表； 圖3是一顯示本實施例之功能程式表設定預設顯示位 置的介面； 圖4是圖2中的功能程式表隨控制筆拖曳而於視窗上之 20 一示意圖； 圖5是本實施例之功能程式表的中央區域為工作狀態 之一示意圖； 圖6是本實施例之功能程式表的第一外層區域因内層 區域之一圖形控制鍵被致動而環繞顯示於内層區域外之一 13 1267751 範例的示意圖； 圖7是本實施例之功能程式表的第二外層區域因第一 外層區域之一圖形控制鍵被致動而環繞顯示於第 域外之示意圖； q區 圖8是本實施例之功能程式表的第二外層區域因第一 外層區域之另一圖形控制鍵被致動而環繞顯示於第一外芦 區域外之示意圖； θ 圖9是本實施例之功能程式表中新增介面被啟動之一 示意圖； 圖10與圖11是本實施例之功能程式表的圖形控制鍵順 時針位移的動作示意圖；及 圖12〜圖15是本實施例之功能程式表的圖形控制鍵順 位改變之動作示意圖。 14 1267751 【囷式之主要元件代表符號說明】 1 〇觸控筆 2視窗 3功能程式表 30控制鍵 31中央區域 311、312、313中央圖形 控制鍵 32内層區域 330、331、334、34卜 342、 343、344、345、35卜 352、 353、354、P1圖形控制鍵 332右移鍵 333左移鍵 34第一外層區域 35第二外層區域 36新增介面 151267751 玖, the invention description: [Technical field of the invention] The present invention relates to a method for presenting a function schedule to an electronic device display screen window and a computer program product thereof, and more particularly to a plurality of functional programs 5 I The method in which the graphic control keys are arranged in a ring shape so that the function program table is presented in the display window of the electronic device and the computer program product thereof. [Prior Art] The graphical user interface (GUI) was first researched by Wang Lu PARC to the program operation interface, so that the function of the program is represented by a graphical control key, so that the user only needs to point with (such as a mouse, stylus, etc.), to move the cursor on the window and add a click action, you can easily complete the action you want to perform, and solve the problem that the previous text mode needs to input complicated instructions, which is inconvenient to use. Obstacles. As a result, graphical user interfaces have been adopted by Apple Computer and Microsoft (Micros〇ft), becoming the mainstream model for all operating systems. In electronic devices that use graphical user interfaces, such as desktop computers, notebook computers, tablet computers, and personal digital assistants, most of them use graphical control keys to connect programs and files. Users only need to use pointers. To activate the graphic control button to start the corresponding program and file, and the function operation commands in the program are mostly represented by graphic control keys. The graphic control keys are also 2 nickname function option keys, such as the arrow symbol in the CD player ► On behalf of the playback function, the double-key symbol ►► represents the function of jumping to the next one, so that the user can use the pointer to start the corresponding graphic control button, and the operation of the program can be easily performed. As the functions of electronic devices increase, the corresponding graphic control keys 1267751 become more and more. If these graphic control keys are scattered on the window, the window may be crowded and messy. Therefore, in conjunction with FIG. 1, the graphics control keys of the current connection program and the system configuration diagram are mostly arranged vertically in a rectangular function program table 1; some of the frequently used or resident functions represent graphic control keys. The horizontal arrangement is arranged in the horizontal tool row 12 which is generally placed on the lower side of the window, or directly on the visual display, such as the resource recovery cylinder 13, by means of a graphic control button representing a program or file shortcut. Therefore, most of the current graphic control keys are arranged in the vertical or horizontal direction, which inevitably has a stagnation board, and the function option key is also displayed in another interface initiated by the program after the program is started, causing the user to control the interface and the interface. Exist and occupy more window space. SUMMARY OF THE INVENTION Accordingly, it is an object of the present invention to provide a method for causing a graphic control key to be arranged in a ring shape to present a function program table on an electronic device display screen and a computer program product thereof. Another object of the present invention is to provide a method and a computer program product for causing a function program table to be presented in a multi-layered circular arrangement so that a function program table is displayed on an electronic device display screen. It is still another object of the present invention to provide a method for displaying a function program table on a display screen of an electronic device and a computer program thereof. It is still another object of the present invention to provide a method for presenting a function program table on an electronic device display screen window without excessively occupying a window space and a computer program product thereof. A further object of the present invention is to provide a method for displaying a function program table on a display screen of an electronic device and a computer product thereof, so as to integrate the program f option (4) into the program table for convenience. The effect of the user. 5 The method of the present invention for presenting the Wei program table to the display window of the electronic device comprises the steps of: A) providing a central area within the window; B) providing an inner layer surrounding the central area; and providing a majority A graphic control key 'circularly disposed in the inner layer area along the central area to form a function list displayed in the window. BRIEF DESCRIPTION OF THE DRAWINGS The foregoing and other technical features, features and advantages of the present invention will be apparent from The function program table of the present invention is presented in the display system of the electronic device, and the electronic device can be a personal computer, a notebook computer, a tablet computer or a personal digital assistant machine. In the following embodiments, an electronic device for a tablet computer will be described as an example. The electronic device has at least one display screen with touch function, a host for controlling the operation of the electronic device, a stylus (ie, a pointer) matched with the touch function of the display screen, and a plurality of private and plural files. It should be noted that although the present embodiment is based on a tablet computer, it is known to those skilled in the art that the present embodiment can also be implemented on other types of electronic devices, such as a mouse and a touchpad. Other types of pointers are not limited by the embodiments. Fig. 2 is a view showing a screen 2 screen after an electronic device is powered on, which is a preferred embodiment of the method for displaying a function program table in the display screen of the electronic device 1267751. In this embodiment, the program for prescribing the present method is a resident program of the electronic device and can be started up with the power-on of the electronic device, because the image of the device is not activated in response to the startup of the program of the embodiment. * Functional private form 3. This function table 3 has a 'central area 31 and an inner layer area 32 surrounding the central area 31 in conjunction with Fig. 4'. Most of the graphic control keys 330, 331, 334 are looped around the central area 31 in the inner layer area 32. The function of each of the graphic control keys 330, 331, 334 will be described later. The central region 31 of this example is circular, and the inner layer region 32 is a closed ring and is a closed annular body. In order to avoid the function table 3 occupying too much space in the window 31, in this example, it is more pre-configurable that the function program table 3 is only partially displayed in the window 2 (see Fig. 2). Furthermore, in order to facilitate the user to adjust the preset display position of the viewpan according to the requirements, as shown in FIG. 3, the preset function program table 3 is displayed in a lower side of the window 2, 21 A right side center portion 22, an upper side center portion 23 and a left side center portion 24 are located at one of the middle portions. In this example, although the function table 3 is located at the center 21 to 24 of the side of the window 2, the area of the function table 3 displayed in the window 2 is the same as the area not shown in the window 2, that is, The two parts are each half. Referring to FIG. 4, the function table 3 is more suitable for the user's needs and moves with the stylus 1 〇 Wdrag), and the function table 3 is not located on the side of the window 2 When there is enough space to display the entire function table 3, the function program table 3 will be completely displayed. In addition, although the predetermined part of the display in the embodiment of the present embodiment is displayed in the preset position of the window 2 (ie, the side of the window 2 is located), however, since it is dragged to the functional program table 1267751 of this example The window 3 can be moved with the stylus 1 拖, and when the peripheral side of the 10 15 is set to 4, the function program table 3 can perform partial display at the peripheral side position 'it should not be limited by the aforementioned disclosure. Set the display position. In addition, the function program table 3 of this example can be set to the auto-hidden mode in addition to the display mode resident in the window 2, and the function program table 3 can be set to be automatically deleted from the window 2 after the predetermined time is not used. And hidden. Furthermore, it can also be resident on Windows 2 - it is used to make the control seam displayed in function table 3 as shown in Figure 2), so that when the function table 3 disappears, the control button 30 (4) can be moved by the stylus (4). Table 3 again shows the pure window 2. Moreover, when the electronic device senses that the stylus pen 1 is located in the function table 3 = the central area=31, the central area 31 is switched from the sleep state to the work grievance, and vice versa, when the electronic device senses When the stylus pen 10 is located in an area other than the central area: 31, the central area 31 is switched from the active state to the sleep state. As shown in Fig. 5', when in the active state, the central map 3's more commonly read the central map miscellaneous keys 311-313. # When in the sleep state, the central area 31 no longer displays these graphic control keys 31 313 (Fig. 4). In order to facilitate the user to control the display position of the window 2 + 士 A 甲 固 固 Z, these graphic control keys 31 313 are sequentially - let the window 2 display the azimuth rotation (10) degree of the central graphic control key 31 - order The window 2 displays a central graphic control key 312 of azimuth right turn 9 (degrees) and a central graphic control key 313 which turns the window 2 display mode left by 9 () degrees. It should be noted that 'because the electronic device is originally built--the program that selects the display orientation of the window 2', so there is no need to additionally set the rotation program in this example, and only the central graphic control key 31 313 is directly connected to the corresponding rotation. The program is fine. 20 1267751 Moreover, in order to allow the function program table 3 of this example to be provided with more graphics control keys, the function program table 3 of this example has a first outer layer region 34 which is disposed outside the inner layer region 32 and A second outer layer region 35 (see FIG. 7) is disposed around the first outer layer region 34. The first outer layer region 34 and the second outer layer region 35 are provided with a plurality of graphic control keys. In order to arrange the graphic control keys hierarchically according to the function, the partial graphic control keys in the inner layer area 32 may be the graphic opening control buttons representing the private set, and the graphic control keys 330, 331 are taken as an example for description; The graphical control keys are still used to link to the corresponding program or file to launch the corresponding program or file. For example, the graphic control key 334 is linked to the ie, 1 〇, so that when activated, 1 £ will be activated. In this example, at least one representative graphic control key of the program corresponding to the program of the graphic control keys 330, 331 is further disposed in the first outer layer region 34, and when the corresponding graphic control keys 330, 331 of the inner layer region 32 are actuated The first outer region is displayed and only the representative graphic control keys belonging to the formula 15 represented by the activated graphical control keys 33, 331 are displayed in the first outer region 34. Likewise, the first outer region 35 will only be displayed outside of the first outer region 34 and actuated within the first outer region 34 when the corresponding graphical control key within the first outer region 34 is actuated. The graphics control keys associated with the graphics control keys will initially be displayed on the second outer region 35. In the first and second outer layer regions of this example, a portion of the annular body 205 may be a closed annular body. For example, 'assuming that the graphics control key 331 represents a program set associated with the electronic device system setting, when the graphics control key 331 is actuated, as shown in FIG. 6, the first outer layer region 34 will be displayed to surround the inner layer region 32. In addition, the graphic control keys represented by the program will be displayed together in the first outer layer area 1677751 34. For example, a graphic control key 341 for controlling the display opening/closing (〇N/〇FF) is used. A graphic control key 342 for controlling the brightness of the display screen, and a new graphic control key 343 for connecting to a new interface for adding a new graphic control key (to be described later). In conjunction with FIG. 7, if the graphics control key 33 is representative of an audiovisual related program, when the graphics control key 330 is actuated, the first outer layer region 34 will be displayed around the inner layer region 32 and associated with the audiovisual program. A graphical control button 344 for controlling the volume and a graphic control button 345 for the recording program are represented. If the graphical control key 334 representing the volume control function of the first outer region 34 is actuated, the second outer region 35 will be displayed around the first outer region 34, and will be graphically controlled for the volume control function selection button. The keys 351, 352 are displayed in the second outer layer region 35. The graphic control button 351 is a function option button for adjusting the volume and another graphic control button 352 is a function option button for controlling the opening and closing of the mute function. With reference to FIG. 8, if the graphic control key 345 located in the first outer layer region 34 is actuated, the second outer layer region 35 is displayed and the graphic control key for the function option key of the recording program is displayed together in the second outer layer region. 35. For example, one of the graphic control keys 353 is a function option key of the start key, and the other graphic control key 354 is a function option key of the abort key. In this way, the user can directly apply to the graphic control button of the function option button in the second outer layer region 35 of the work program table 3 to execute the recording program, and does not need to be used on another control interface after the conventional program is started. The function option button controls the execution of the program to achieve a more convenient user operation. Furthermore, since the original electronic device has a 功能-type startup, there is a corresponding function option button on its control interface. For example, if 10 1267751 is a recording program, there are function option keys such as a start button and a stop button. The graphic control keys 351, 352, 353, and 354 displayed in the second outer layer region 35 in this example can be directly applied to the function option key graphic in the program. When a graphic control key needs to be added to any of the inner and outer regions 32, 34, 35, the user can apply the stylus 1 致 to activate the new graphic control key 343. The new graphic control key 343 The graphical control key 331 located in the inner layer region 32 is actuated to be displayed in the first outer region 34 (Fig. 6). When the new graphic control button 343 is actuated, the new graphic control button is newly activated, and the user can add a graphic control button to link the electronic device or file. When the new interface 36 is set, the new graphic control keys generated in response to the new action will be displayed on the inner and outer regions 32, 34 and the committed area in the function table 3. In addition, the s-function private table 3 is only partially shown in the window 2 as shown in FIG. 2; since the area occupied by the graphic control keys 330, 331, 334 located in the inner layer area is larger than the area of the inner layer area 32 displayed in the window 2 portion, Some of the graphic control keys are not displayed in the inner layer area 32 due to the limitation of the display area. In order to remind the user to pay attention to the user's operation, as shown in FIG. 51, when the function program table 3 is partially hidden and some of the graphic control keys are hidden, a right shift key 332 and a left shift key are displayed on the inner layer area 32. (10) (refers to the direction key group). When the right shift key 332 is actuated by the stylus 1 ,, all the graphical control keys 334 move clockwise (ie, to the right) (as shown in (1), so that the graphical control that is originally located closest to the right shift 332 The key 2 will no longer be displayed due to the shift, and a previously hidden graphical control key 335 will be displayed. The same 1267751's when the left shift key 333 is actuated will also cause graphical control in the inner layer area 32. The key moves counterclockwise to change the graphic control key displayed on the window. Thus, the user can know that some of the graphic control keys are hidden due to the display of the right shift key 332 and the left shift key 333, and The left hidden key 5 332 and the left shift key 333 can be used to display the originally hidden graphic control key in the window 2. It should be noted that although the right shift key 332 and the left shift key 333 are used in this example to control the graphic control. The key shift, however, it is known to those skilled in the art that the shift of the graphical control key can be achieved by using only one of the right shift key 332 and the left shift key 332, and should not be limited to the embodiment. Revealed. 10 Again, 'for the convenience of users to change the graphics control keys The order of the arrangement is such that, as shown in FIG. 12, the user can use the stylus pen 1 to grasp the graphic control key 334 to change the position to remove the inner layer area (as shown in FIG. 13), and then drag the graphic control key 334. After the position to be inserted (as shown in Fig. 4, as shown in Fig. 15, the shape control key 334 can be placed in the inner layer area, the order of the shape control keys 334 can be changed. It should be noted that although In the foregoing embodiment, the two outer layer regions 34, 3 are exemplified as an example. As is familiar to those skilled in the art, the number of outer layer regions can be changed according to actual needs, for example, layer or layer, etc. It should not be limited to the description of the embodiment. 2 〇 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ The user's function, and the partial display and outer layer regions 34, 35 will only be used when the corresponding graphic (four) key is activated, so that the function program table 3 can achieve the effect of not occupying most of the window space as much as possible. Because 12 1267751 is the function option button of the program The graphic control keys are directly integrated into the outer layer area 35 of the function program table 3, so that the user can directly control the execution of the program on the function program table 3 without performing control on another control interface. It is more convenient for the user to operate. Furthermore, the arrangement of the graphic control keys on the table 3 of the present invention can be added to the user's preferences, and the new graphic control keys are added according to the user's needs. In order to achieve the versatility of the present invention, it is only the preferred embodiment of the present invention, and the scope of the present invention cannot be limited thereto. The simple equivalent changes and modifications made to the content are still within the scope of the invention. BRIEF DESCRIPTION OF THE DRAWINGS FIG. 1 is a view of an electronic device in which a conventional function program table is displayed. FIG. 2 is a view of an electronic device window in accordance with a preferred embodiment of the present invention. FIG. 3 is a schematic diagram showing the interface of the function program table of the embodiment for setting a preset display position; FIG. 4 is a schematic diagram of the function program table of FIG. 2 dragged with the control pen on the window; 5 is a schematic diagram of a central area of the function program table of the embodiment in an operating state; FIG. 6 is a first outer layer area of the function program table of the embodiment, which is displayed around the inner layer due to actuation of a graphic control key of one of the inner layer areas. A schematic diagram of an example of an external 13 1367751; FIG. 7 is a schematic diagram of the second outer layer region of the functional program table of the embodiment being displayed around the first domain due to actuation of a graphic control button of the first outer region; 8 is a schematic diagram of the second outer layer region of the function program table of the embodiment being displayed outside the first outer reed region due to the actuation of another graphic control key of the first outer layer region; θ FIG. FIG. 10 and FIG. 11 are schematic diagrams showing the operation of the graphical control key of the function program table of the present embodiment in the clockwise direction; and FIG. 12 to FIG. 15 are the implementation of the present embodiment. For example, the function of the graphic control key of the function program table is changed. 14 1267751 [Description of main components representative symbols] 1 〇 stylus 2 window 3 function program table 30 control key 31 central area 311, 312, 313 central graphic control key 32 inner layer area 330, 331, 334, 34 342 , 343, 344, 345, 35 352, 353, 354, P1 graphic control key 332 right shift key 333 left shift key 34 first outer layer region 35 second outer layer region 36 new interface 15