TW201331815A - 圖形化介面的選取方法與系統 - Google Patents

Abstract

一種圖形化介面的選取方法與系統。此圖形化介面包括多個圖形化元件。在此方法中，取得圖形化介面上的使用者選取範圍。在上述圖形化元件中找出與使用者選取範圍重疊的至少一候選圖形化元件，並在上述候選圖形化元件中篩選出至少一確選圖形化元件，其中上述確選圖形化元件所組成的範圍最接近使用者選取範圍。並且將使用者選取範圍調整為上述確選圖形化元件所組成的範圍。

Description

圖形化介面的選取方法與系統

本發明是有關於一種圖形化介面的使用方法，且特別是有關於一種選取圖形化介面中的元件的方法與系統。

隨著電腦系統的普及化以及網路的蓬勃發展，現代人十分習慣利用電腦系統來處理各項事務，並可透過電腦系統中的瀏覽器軟體瀏覽網路上的各種網頁資訊。

在操作電腦系統或瀏覽網頁的過程中，基於不同的需求，使用者有時會需要擷取電腦之操作介面或網頁的部分畫面。一般來說，使用者可利用鍵盤上的畫面拷貝(print screen)按鍵來擷取整個螢幕畫面，並利用圖形編輯軟體對所擷取的畫面進行編輯。然而，每當有此需求時都必須額外開啟編輯軟體對使用者來說並不方便。基此，市面上也有部分的畫面擷取軟體能以背景運行的方式，在使用者於操作電腦或瀏覽網頁而框選部份畫面後自動將其存為影像檔案。然而，使用者在利用這類軟體擷取畫面時，在畫面的邊緣處經常會擷取到例如空白等無意義的畫面內容，因此仍需要多一道裁剪手續來剔除不必要的部份。

換個角度而言，當使用者利用滑鼠等指向輸入工具來選取範圍時，經常無法精確地將範圍控制在想要擷取的物件邊緣，此現象在觸控式裝置上會更加明顯。由於使用者所選取的範圍邊緣經常會包括許多空白處或不相干的內容，因此擷取出來的畫面勢必需要進一步的修正。使用者往往因為所擷取出來的畫面不理想而必須再三地重複選取操作，而容易感到不便。

有鑑於此，本發明提供一種圖形化介面的選取方法與系統，能減少無法精確反應使用者對圖形化介面進行選取操作的情況。

本發明提出一種圖形化介面的選取方法，其中圖形化介面包括多個圖形化元件。此方法包括取得圖形化介面上的使用者選取範圍。在上述圖形化元件中找出與使用者選取範圍重疊的至少一候選圖形化元件，並在上述候選圖形化元件中篩選出至少一確選圖形化元件，其中上述確選圖形化元件所組成的範圍最接近使用者選取範圍。並且將使用者選取範圍調整為上述確選圖形化元件所組成的範圍。

在本發明之一實施例中，其中所有候選圖形化元件與使用者選取範圍重疊並且涵蓋於使用者選取範圍。

在本發明之一實施例中，其中由所有確選圖形化元件所組成之範圍的尺寸與形狀均最接近使用者選取範圍。

在本發明之一實施例中，其中所有圖形化元件具有階層結構，而在將使用者選取範圍調整為所有確選圖形化元件所組成的範圍的步驟之後，此方法更包括接收調整訊號以改變使用者選取範圍的尺寸。當使用者選取範圍的尺寸增加時，依據階層結構判斷在所有圖形化元件中是否存在包含所有確選圖形化元件且尺寸大於所有確選圖形化元件所組成之範圍的父圖形化元件。若父圖形化元件存在，則將使用者選取範圍調整至與父圖形化元件相同。

在本發明之一實施例中，其中所有圖形化元件具有階層結構，而在將使用者選取範圍調整為所有確選圖形化元件所組成的範圍的步驟之後，此方法更包括接收調整訊號以改變使用者選取範圍的尺寸。當使用者選取範圍的尺寸減少時，依據階層結構判斷是否存在所組成的範圍略小於目前之使用者選取範圍的至少一子圖形化元件。若是，則將使用者選取範圍調整為上述子圖形化元件所組成的範圍。

在本發明之一實施例中，其中使用者選取範圍的邊緣配置有多個調整控點，且調整訊號是由施於至少其中一個調整控點的拖曳操作所觸發。

從另一觀點來看，本發明提出一種圖形化介面的選取系統，包括顯示單元、圖形化介面模組與選取範圍調整模組。其中，圖形化介面模組耦接顯示單元，用以提供包括多個圖形化元件的圖形化介面，並將圖形化介面顯示於顯示單元。選取範圍調整模組耦接顯示單元與圖形化介面模組。選取範圍調整模組取得圖形化介面上的使用者選取範圍，在所有圖形化元件中找出與使用者選取範圍重疊的至少一候選圖形化元件，並在上述候選圖形化元件中篩選出至少一確選圖形化元件，其中上述確選圖形化元件所組成的範圍最接近使用者選取範圍。此外，選取範圍調整模組將使用者選取範圍調整為所有確選圖形化元件所組成的範圍，並在圖形化介面標示調整後的使用者選取範圍。

在本發明之一實施例中，其中所有候選圖形化元件與使用者選取範圍重疊並且涵蓋於使用者選取範圍。

在本發明之一實施例中，其中由所有確選圖形化元件所組成之範圍的尺寸與形狀均最接近使用者選取範圍。

在本發明之一實施例中，其中所有圖形化元件具有階層結構，而選取範圍調整模組在將使用者選取範圍調整為所有確選圖形化元件所組成的範圍之後，根據所接收的調整訊號改變使用者選取範圍的尺寸。當使用者選取範圍的尺寸增加時，選取範圍調整模組依據階層結構判斷在所有圖形化元件中是否存在包含所有確選圖形化元件且尺寸大於所有確選圖形化元件所組成之範圍的父圖形化元件。若是，選取範圍調整模組將使用者選取範圍調整至與父圖形化元件相同。

在本發明之一實施例中，其中所有圖形化元件具有階層結構，而選取範圍調整模組在將使用者選取範圍調整為所有確選圖形化元件所組成的範圍之後，根據所接收的調整訊號改變使用者選取範圍的尺寸。當使用者選取範圍的尺寸減少時，選取範圍調整模組依據階層結構判斷是否存在所組成的範圍略小於目前之使用者選取範圍的至少一子圖形化元件。若是，選取範圍調整模組將使用者選取範圍調整為上述子圖形化元件所組成的範圍。

在本發明之一實施例中，其中選取範圍調整模組在使用者選取範圍的邊緣配置多個調整控點，且調整訊號是由施於至少其中一個調整控點的拖曳操作所觸發。

基於上述，本發明在使用者於圖形化介面上框選出選取範圍後，能根據圖形化介面中各圖形化元件的位置與階層結構來自動調整選取範圍，進而更精確地擷取出使用者所需要的圖形化元件，據以提升在圖形化介面上進行選取的便利性。

為讓本發明之上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。

圖1是依照本發明之一實施例所繪示之圖形化介面的選取系統的示意圖。請參閱圖1，圖形化介面的選取系統100包括顯示單元110、圖形化介面模組120與選取範圍調整模組130。其中，圖形化介面的選取系統100可配置在桌上型電腦系統、筆記型電腦系統、工作站、平板電腦、智慧型手機、個人數位助理，或遊戲機等各種電子裝置內。

顯示單元110例如是液晶螢幕、電阻式觸控螢幕、電容式觸控螢幕、光學觸控螢幕、紅外線觸控螢幕或電磁感應觸控螢幕等，本發明並不對顯示單元110的種類加以限制。

圖形化介面模組120耦接顯示單元110，用以提供包括多個圖形化元件的圖形化介面，並將圖形化介面顯示於顯示單元110。在一實施例中，圖形化介面例如是網頁，而圖形化介面模組120會透過網路存取網頁伺服器，並將其提供的文字、影像、或各類資訊載入配置選取系統100的電子裝置，並利用網頁瀏覽器將載入的內容呈現於顯示單元110。在另一實施例中，圖形化介面也可以是配置選取系統100之電子裝置的操作介面。例如，當電子裝置為電腦系統時，操作介面可以是桌面(desktop)或視窗畫面。而當電腦系統為智慧型手機時，操作介面可以是主畫面(home screen)。進一步來說，本發明並不對圖形化介面的種類加以限制，任何具有圖形化元件以提供使用者視覺操作之便的介面都應屬於本發明之範疇。

選取範圍調整模組130耦接顯示單元110與圖形化介面模組120。選取範圍調整模組130用以根據使用者對圖形化介面的選取操作而執行本實施例之圖形化介面的選取方法，進而定義出最適當的選取範圍。本實施例之圖形化介面的選取方法將於後配合圖示再作說明。

選取範圍調整模組130例如為執行程式碼的處理器，而上述程式碼包括用以執行本實施例之圖形化介面的選取方法的指令，並且被燒錄在唯讀記憶體(Read Only Memory，ROM)中。或者，選取範圍調整模組130也可以是微處理器(microprocessor)，透過執行配置選取系統100之電子裝置的暫存器內的程式碼來實現本實施例之圖形化介面的選取方法。在此並不對選取範圍調整模組130的實作方式加以限制。

為了進一步說明圖形化介面之選取系統100的詳細運作方式，以下特舉另一實施例來對本發明進行說明。圖2是依照本發明之一實施例所繪示之圖形化介面的選取方法的示意圖。請同時參閱圖1與圖2。

在以下的實施例中，假設圖形化介面模組120已將包括多個圖形化元件的圖形化介面顯示於顯示單元110。使用者可利用滑鼠、鍵盤、搖桿、觸控螢幕，或觸控墊等各種輸入裝置在圖形化介面上框選所需之範圍。在使用者完成框選動作後，如步驟S210所示，選取範圍調整模組130取得圖形化介面上的使用者選取範圍。必須特別說明的是，在此並不對使用者選取範圍的形狀加以限制。

接著在步驟S220中，選取範圍調整模組130在圖形化介面所包括之所有圖形化元件中，找出與使用者選取範圍重疊的一或多個候選圖形化元件。選取範圍調整模組130會自動偵測圖形化元件的尺寸以從中找出候選圖形化元件。圖3是依照本發明之一實施例所繪示之圖形化介面的示意圖，請參閱圖3。在本實施例中，圖形化介面300為網頁，其包括數個圖形化元件(例如圖形化元件A1、A2、B-G、H1-H7、I1-I7、J-T、U1、U2)。在一實施例中，任何有與使用者選取範圍310重疊的圖形化元件(即，圖形化元件A1、A2、B、C、E)就會被選取範圍調整模組130選為候選圖形化元件。而在另一實施例中，惟有與使用者選取範圍310重疊並且完整地涵蓋於使用者選取範圍310的圖形化元件(即，圖形化元件A1、A2)才會被選取範圍調整模組130定義為候選圖形化元件。在又一實施例中，選取範圍調整模組130則會根據圖形化元件與使用者選取範圍重疊的比例來決定是否要將其定義為候選圖形化元件，舉例來說，當圖形化元件與使用者選取範圍重疊的部份與圖形化元件之尺寸的比例高於一預設值(例如90%)時，選取範圍調整模組130便將此圖形化元件定義為候選圖形化元件。

接著在步驟S230中，選取範圍調整模組130在所有的候選圖形化元件中篩選出一或多個確選圖形化元件。其中，所有確選圖形化元件所組成的範圍最接近使用者選取範圍。詳言之，所有的候選圖形化元件能組合成各種尺寸與形狀不相同的範圍，而選取範圍調整模組130會判斷哪些候選圖形化元件所組成的範圍與使用者選取範圍的尺寸與形狀最為接近，並將這些候選圖形化元件定義為確選圖形化元件。或者，選取範圍調整模組130也可僅以組成之範圍的尺寸是否接近使用者選取範圍來作為篩選出確選圖形化元件的判斷依據，而不論所構成之範圍的形狀與使用者選取範圍是否相似。

最後如步驟S240所示，選取範圍調整模組130將使用者選取範圍調整為所有確選圖形化元件所組成的範圍，並且在圖形化介面上標示出經過調整的使用者選取範圍。也就是說，使用者能透過顯示單元查看使用者選取範圍的調整結果。舉例來說，倘若使用者原本所框選的是如圖3所示之使用者選取範圍310，假設確選圖形化元件為圖形化元件A1與A2，那麼而在經過選取範圍調整模組130的調整後，使用者選取範圍310將被調整如圖4之使用者選取範圍410所示，完全貼齊圖形化物件A1與A2。

在一實施例中，選取範圍調整模組130會擷取目前之使用者選取範圍的影像，並將影像暫存於剪貼簿。或者，選取範圍調整模組130也可自動開啟圖片編輯器讓使用者能直接對影像進行編輯。又或者，選取範圍調整模組130會自動儲存影像，或將影像附加到電子郵件或以任意的應用程式開啟。

透過圖2所示之各步驟，能確保經過調整的使用者選取範圍能恰好貼齊確選圖形化元件，據此可以避免所擷取的影像包括空白處或不完整的圖形化元件。

圖5是依照本發明之一實施例所繪示之縮放使用者選取範圍的流程圖。以下將以圖5來說明當使用者欲繼續改變使用者選取範圍的尺寸或形狀時，圖形化介面之選取系統100如何確保產生有意義的選取範圍。

在本實施例中，圖形化介面所包括的所有圖形化元件具有階層結構。亦即，某些圖形化元件之間具有上下階層的關係，有此種關係的圖形化元件可互稱為對方的父圖形化元件或子圖形化元件。而也可能會有數個圖形化元件隸屬於相同的父圖形化元件。

請參閱圖5，首先如步驟S510所示，選取範圍調整模組130根據所接收的調整訊號改變使用者選取範圍的尺寸，但在此並不對調整訊號是否會改變使用者選取範圍的形狀加以限制。倘若顯示單元110為觸控螢幕，那麼調整訊號可以是由施於觸控螢幕的特定手勢所觸發。例如圖6所示之圖形化介面600上顯示有經過選取範圍調整模組130調整的使用者選取範圍610，當使用者施以如圖6所示之以兩指向外移動的手勢時，使用者選取範圍因應此手勢產生的調整訊號而被放大。當使用者施以如圖7所示之以兩指向內移動的手勢時，使用者選取範圍因應此手勢產生的調整訊號而被縮小。在另一實施例中，選取範圍調整模組130會在使用者選取範圍的邊緣配置多個調整控點，且調整訊號是由施於至少其中一個調整控點的拖曳操作所觸發。如圖8所示之圖形化介面800，選取範圍調整模組130在使用者選取範圍810的四角配置調整控點820-850，使用者可利用滑鼠或任何指向輸入工具拖曳調整控點820-850來改變使用者選取範圍810的尺寸，當顯示單元110為觸控螢幕時，使用者也可直接透過觸控螢幕來點選並拖曳調整控點820-850以改變使用者選取範圍810的尺吋。其中，調整控點的移動可等比例的縮放使用者選取範圍810，或不規則地改變使用者選取範圍810的形狀。

接著在步驟S520中，選取範圍調整模組130判斷使用者選取範圍的尺寸是否增加。

若使用者選取範圍的尺寸增加，表示使用者欲選取更大範圍之圖形化元件，因此如步驟S530所示，選取範圍調整模組130依據圖形化元件的階層結構來判斷在所有的圖形化元件中，是否存在包含所有確選圖形化元件且尺寸大於所有確選圖形化元件所組成之範圍的父圖形化元件。假設圖形化介面為網頁，選取範圍調整模組130可透過分析網頁原始檔來搜尋是否存在符合上述條件的父圖形化元件。

若能找到符合上述條件的父圖形化元件，則在步驟S540中，選取範圍調整模組130將使用者選取範圍調整至與父圖形化元件相同。

然而若符合上述條件的父圖形化元件不存在，則如步驟S550所示，選取範圍調整模組130反覆判斷是否接收到另一調整訊號。並且在接收到新的調整訊號時，回到步驟S510並再次執行接下來的流程。

請回到步驟S520，倘若選取範圍調整模組130判斷使用者選取範圍的尺寸減少，表示使用者欲選取更小範圍的圖形化元件，因此如步驟S560所示，選取範圍調整模組130依據階層結構判斷是否存在所組成的範圍略小於目前之使用者選取範圍的至少一子圖形化元件。

若存在符合上述條件的子圖形化元件，則如步驟S570所示，選取範圍調整模組130將使用者選取範圍調整為上述子圖形化元件所組成的範圍。

若不存在符合上述條件的子圖形化元件，則如步驟S580所示，選取範圍調整模組130反覆判斷是否接收到另一調整訊號，並在接收到新的調整訊號時回到步驟S510以執行接下來的流程。

圖9A-9E是依照本發明之一實施例所繪示之縮放使用者選取範圍的示意圖。

請參閱圖9A，圖形化介面900包括圖形化元件920-960，其中圖形化元件960為圖形化元件920的父圖形化元件，且圖形化元件920為圖形化元件930-950的父圖形化元件。假設經過圖2所示之各步驟後，選取範圍調整模組130決定出使用者選取範圍910a，亦即圖形化元件920-950均屬於確選圖形化元件。

爾後，若使用者透過特定手勢或拖曳調整控點(未繪示)而將使用者選取範圍910a放大如圖9B之使用者選取範圍910b所示，選取範圍調整模組130判斷在圖形化介面900中是否存在包括確選圖形化元件920-950且尺寸大於確選圖形化元件920-950所組成之範圍的父圖形化元件。由於圖形化元件960符合上述條件，因此，選取範圍調整模組130將使用者選取範圍910b調整為圖9C所示之使用者選取範圍910c，亦即，貼齊圖形化元件960。

另外，倘若使用者透過特定手勢或拖曳調整控點(未繪示)而將圖9A所示之使用者選取範圍910a縮小如圖9D之使用者選取範圍910d所示，選取範圍調整模組130判斷是否存在所組成的範圍略小於目前之使用者選取範圍910d的一或多個子圖形化元件。由於圖形化元件940、950符合上述條件，因此選取範圍調整模組130將使用者選取範圍910d調整為圖9E所示之使用者選取範圍910e。亦即，經過調整的使用者選取範圍910e貼齊圖形化元件940-950。

必須特別說明的是，在上述實施例中雖然是以網頁為例來對本發明進行說明，但圖形化介面並不限於網頁。當圖形化介面為電腦系統的桌面時，圖形化介面的選取系統100也能在使用者框選一範圍後，自動偵測桌面上的視窗、圖示、或操作選項等圖形化元件的大小，進而產生能貼齊圖形化元件的選取範圍。

綜上所述，本發明在使用者對圖形化介面進行範圍的框選後，自動根據圖形化元件的位置、尺寸以及階層關係自動決定應被選取的是哪些圖形化元件，並將選取範圍調整至貼齊所決定的圖形化元件，以便於讓使用者進行擷取影像等後續處理。如此一來，即便使用者無法利用滑鼠、觸控螢幕或其他輸入裝置來精確地框出所需範圍，本發明亦能自動調整選取範圍以替使用者濾除如空白或僅有部分被選到之圖形化元件，進而提升在圖形化介面上精確選取出有意義範圍的效率。

雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離本發明之精神和範圍內，當可作些許之更動與潤飾，故本發明之保護範圍當視後附之申請專利範圍所界定者為準。

100．．．圖形化介面的選取系統

110．．．顯示單元

120．．．圖形化介面模組

130．．．選取範圍調整模組

S210~S240．．．本發明之一實施例所述之圖形化介面的選取方法的各步驟

A1、A2、B-G、H1-H7、I1-I7、J-T、U1、U2、920、930、940、950、960．．．圖形化元件

300、600、800、900．．．圖形化介面

310、410、610、810、910a、910b、910c、910d、910e．．．使用者選取範圍

S510~S580．．．本發明之一實施例所述之縮放使用者選取範圍的各步驟

820、830、840、850．．．調整控點

圖1是依照本發明之一實施例所繪示之圖形化介面的選取系統的示意圖。

圖2是依照本發明之一實施例所繪示之圖形化介面的選取方法的流程圖。

圖3、4是依照本發明之一實施例所繪示之圖形化介面的示意圖。

圖5是依照本發明之一實施例所繪示之縮放使用者選取範圍的流程圖。

圖6、7是依照本發明之一實施例所繪示之拖曳操作的示意圖。

圖8是依照本發明之一實施例所繪示之調整控點的示意圖。

圖9A-9E是依照本發明之一實施例所繪示之縮放使用者選取範圍的示意圖。

S210～S240．．．本發之明一實施例所述之圖形化介面的選取方法的各步驟

Claims (12)

1. 一種圖形化介面的選取方法，其中該圖形化介面包括多個圖形化元件，該方法包括：取得該圖形化介面上的一使用者選取範圍；在該些圖形化元件中找出與該使用者選取範圍重疊的至少一候選圖形化元件；在該至少一候選圖形化元件中篩選出至少一確選圖形化元件，其中該至少一確選圖形化元件所組成的範圍最接近該使用者選取範圍；以及將該使用者選取範圍調整為該至少一確選圖形化元件所組成的範圍。
2. 如申請專利範圍第1項所述之圖形化介面的選取方法，其中該至少一候選圖形化元件與該使用者選取範圍重疊並且涵蓋於該使用者選取範圍。
3. 如申請專利範圍第1項所述之圖形化介面的選取方法，其中由該至少一確選圖形化元件所組成之範圍的尺寸與形狀均最接近該使用者選取範圍。
4. 如申請專利範圍第1項所述之圖形化介面的選取方法，其中該些圖形化元件具有一階層結構，而在將該使用者選取範圍調整為該至少一確選圖形化元件所組成的範圍的步驟之後，該方法更包括：接收一調整訊號以改變該使用者選取範圍的尺寸；當該使用者選取範圍的尺寸增加時，依據該階層結構判斷在該些圖形化元件中是否存在包含該至少一確選圖形化元件且尺寸大於該至少一確選圖形化元件所組成之範圍的一父圖形化元件；以及若是，則將該使用者選取範圍調整至與該父圖形化元件相同。
5. 如申請專利範圍第1項所述之圖形化介面的選取方法，其中該些圖形化元件具有一階層結構，而在將該使用者選取範圍調整為該至少一確選圖形化元件所組成的範圍的步驟之後，該方法更包括：接收一調整訊號以改變該使用者選取範圍的尺寸；當該使用者選取範圍的尺寸減少時，依據該階層結構判斷是否存在所組成的範圍略小於目前之該使用者選取範圍的至少一子圖形化元件；以及若是，則將該使用者選取範圍調整為該至少一子圖形化元件所組成的範圍。
6. 如申請專利範圍第1項所述之圖形化介面的選取方法，其中該使用者選取範圍的邊緣配置有多個調整控點，且該調整訊號是由施於該些調整控點至少其中之一的拖曳操作所觸發。
7. 一種圖形化介面的選取系統，包括：一顯示單元；一圖形化介面模組，耦接該顯示單元，該圖形化介面模組提供包括多個圖形化元件的一圖形化介面，並將該圖形化介面顯示於該顯示單元；一選取範圍調整模組，耦接該顯示單元與該圖形化介面模組，該選取範圍調整模組取得該圖形化介面上的一使用者選取範圍，在該些圖形化元件中找出與該使用者選取範圍重疊的至少一候選圖形化元件，並在該至少一候選圖形化元件中篩選出至少一確選圖形化元件，其中該至少一確選圖形化元件所組成的範圍最接近該使用者選取範圍，該選取範圍調整模組將該使用者選取範圍調整為該至少一確選圖形化元件所組成的範圍，並在該圖形化介面標示調整後的該使用者選取範圍。
8. 如申請專利範圍第7項所述之圖形化介面的選取系統，其中該至少一候選圖形化元件與該使用者選取範圍重疊並且涵蓋於該使用者選取範圍。
9. 如申請專利範圍第7項所述之圖形化介面的選取系統，其中由該至少一確選圖形化元件所組成之範圍的尺寸與形狀均最接近該使用者選取範圍。
10. 如申請專利範圍第7項所述之圖形化介面的選取系統，其中該些圖形化元件具有一階層結構，該選取範圍調整模組在將該使用者選取範圍調整為該至少一確選圖形化元件所組成的範圍之後，根據所接收的一調整訊號改變該使用者選取範圍的尺寸，當該使用者選取範圍的尺寸增加時，該選取範圍調整模組依據該階層結構判斷在該些圖形化元件中是否存在包含該至少一確選圖形化元件且尺寸大於該至少一確選圖形化元件所組成之範圍的一父圖形化元件，若是，該選取範圍調整模組將該使用者選取範圍調整至與該父圖形化元件相同。
11. 如申請專利範圍第7項所述之圖形化介面的選取系統，該些圖形化元件具有一階層結構，該選取範圍調整模組在將該使用者選取範圍調整為該至少一確選圖形化元件所組成的範圍之後，根據所接收的一調整訊號改變該使用者選取範圍的尺寸，當該使用者選取範圍的尺寸減少時，該選取範圍調整模組依據該階層結構判斷是否存在所組成的範圍略小於目前之該使用者選取範圍的至少一子圖形化元件，若是，該選取範圍調整模組將該使用者選取範圍調整為該至少一子圖形化元件所組成的範圍。
12. 如申請專利範圍第7項所述之圖形化介面的選取系統，其中該選取範圍調整模組在該使用者選取範圍的邊緣配置多個調整控點，且該調整訊號是由施於該些調整控點至少其中之一的拖曳操作所觸發。