TWI539362B - 介面切換方法及應用該介面切換方法的電子裝置 - Google Patents

Description

介面切換方法及應用該介面切換方法的電子裝置

本案係關於一種介面切換方法，特別是一種可執行於電子裝置的介面方法。

目前有許多電子裝置在功能之間的切換方式都採用首頁設置按鈕，或透過上/下或左/右滑動頁面進行切換。然而，首頁設置按鈕的方式須往返於首頁，並且首頁可設置的按鈕數量有限；而上/下或左/右滑動頁面的方式則無法直接開啟該功能，當需要切換功能時，有時需要滑動頁面多次，才能到達該功能的所屬頁面。

本案揭示一種電子裝置，包括一觸控螢幕、一記憶單元以及一處理單元。觸控螢幕包括一環形操作區及一顯示區。記憶單元儲存多個應用程式。處理單元耦接觸控螢幕及記憶單元。觸控螢幕接收在環形操作區上的一觸控操作。處理單元依據觸控操作使觸控螢幕顯示一環形選單於顯示區的周緣，並且環形選單包括對應該些應用程式的多個圖像。

本案更揭示一種介面切換方法，應用於一具有觸控螢幕的電子裝置。該方法包括以下步驟：藉由觸控螢幕接收一觸控操作；依據觸控操作於該觸控螢幕顯示一環形選單於一顯示區周緣，其中環形選單包括對應多個應用程式的多個圖像；判斷觸控操作沿環形操作區的一移動路徑；以及顯示區依據移動路徑所對應各圖像的範圍區段，相應顯示所對應的應用程式相關內容。

綜上所述，本案所揭示的介面切換方法及應用該介面方法的電子裝置，僅需在環形操作區上進行觸控操作，顯示區即可對應顯示環形選單，並且只要沿著環形操作區進行環形的觸控移動，顯示區即可切換環 形選單上應用程式的顯示內容。

1、2‧‧‧電子裝置

11‧‧‧觸控螢幕

111‧‧‧環形操作區

112‧‧‧顯示區

113‧‧‧環形選單

1131‧‧‧圖像

1131a‧‧‧時間應用程式圖像

1131b‧‧‧天氣應用程式圖像

1131c‧‧‧音樂應用程式圖像

12‧‧‧記憶單元

13‧‧‧處理單元

13a‧‧‧處理模組

m、n‧‧‧夾角

P1‧‧‧觸控起始位置

P2‧‧‧觸控移動路徑

P3‧‧‧觸控終點位置

S1、S2、S21、S22、S3、S4、S41、S42、S5‧‧‧步驟

圖1A為本案較佳實施例的一種電子裝置的功能方塊圖。

圖1B為電子裝置的示意圖。

圖1C為本案較佳實施例的一種介面切換方法的步驟流程圖。

圖1D為本案較佳實施例的另一種介面切換方法的步驟流程圖。

圖2A至圖2D分別為電子裝置的圖形化使用者介面示意圖。

圖3為本案較佳實施例的又一種介面切換方法的步驟流程圖。

圖4為電子裝置的圖形化使用者介面參數化的示意圖。

圖5A為本案較佳實施例的再一種介面切換方法的步驟流程圖。

圖5B為電子裝置的圖形化使用者介面示意圖。

圖6為電子裝置的圖形化使用者介面示意圖。

圖7為另一種電子裝置的示意圖。

以下將參照相關圖式，說明依本案較佳實施例的一種電子裝置及介面切換方法，其中相同的元件將以相同的參照符號加以說明。

圖1A為本案較佳實施例的一種電子裝置的功能方塊圖，圖1B為電子裝置的示意圖。請同時參照圖1A及圖1B所示，本實施例的介面切換方法是應用於一電子裝置1，其中電子裝置1包括一觸控螢幕11、一記憶單元12、以及一或多個處理單元13。記憶單元12耦接一或多個處理單元13。於一實施例中，電子裝置1可以是具有多個處理單元13，且多個處理單元13可以形成一處理模組13a，並與記憶單元12電性連接。此外，電子裝置1可例如但不限於是智慧型手機、智慧型手錶(如圖7所示的電子裝置2)、穿戴式裝置、或其他電子產品，以下將以智慧型手機為例進行說明。

在本實施例中，觸控螢幕11同時包括觸控功能及顯示功能，並用以產生一環形操作區111及一顯示區112。於本實施例中，顯示區112位於環形操作區111內部，然本案並不以此為限。環形操作區111用以 接收觸控手勢，而顯示區112用以呈現顯示畫面。在一些實施例中，顯示區112也可具有觸控的功能，並不以此為限。此外，本實施例的觸控螢幕11是以電容式觸控螢幕為例，而在其他實施態樣中也可為壓電式觸控螢幕、聲波式觸控螢幕、光學式觸控螢幕、或是其他觸控手段的觸控螢幕，本案於此並不加以限制。

記憶單元12可包括硬碟或記憶體，其儲存有多個指令和預先選定的多個應用程式(application)。另外，處理單元13耦接觸控螢幕11及記憶單元12，且處理單元13可包括中央處理器(Central Processing Unit,CPU)、多核心處理器(multi-core processor)、圖形處理器(Graphics Processing Unit,GPU)、或其他處理器，其可根據觸控手勢進行運算，並可將運算結果藉由觸控螢幕11顯示出來。於一實施例中，處理單元13可執行該些指令而使電子裝置1執行本案的介面切換方法。

以下請一併搭配圖1A至圖1C，以及圖2A至圖2D說明本實施例的介面切換方法，其中圖1C為本案較佳實施例的一種介面切換方法的步驟流程圖，而圖2A至圖2D分別為電子裝置的圖形化使用者介面(GUI)示意圖。介面切換方法包括以下步驟：藉由觸控螢幕接收一觸控操作(S1)；依據觸控操作顯示一環形選單於顯示區周緣，其中環形選單包括對應多個應用程式的多個圖像(icon)(S2)；判斷觸控操作沿環形操作區的一移動路徑(S3)；以及顯示區依據移動路徑所對應各個圖像的範圍區段，相應顯示各個圖像所對應的應用程式的相關內容(S4)。

如圖2A所示，初始時，顯示區112顯示預設應用程式的其中之一的內容。在本實施例中，記憶單元12儲存有六個預先選定的應用程式，包括時間應用程式、天氣應用程式、音樂應用程式、地圖應用程式、相機應用程式、以及手電筒應用程式，而顯示區112正在顯示時間應用程式的相關內容。預先選定的應用程式數量及類型可以是電子裝置出廠時即預設完成，或是可依據需求自行設定調整，例如預先選定四個應用程式等，本案不以此為限。

在觸控螢幕11的環形操作區111上接收一觸控操作。觸控操作可例如但不限於藉由使用者的手指、觸控筆、或其他可操作觸控螢幕 的物品來達成。另外，觸控操作可為接觸式或非接觸式的操作，例如藉由提高觸控螢幕11的感應靈敏度即可達成非接觸式的觸控操作。於此，觸控操作可包括一觸控起始位置(或稱起始位置)、一觸控移動路徑(或稱移動路徑)、以及一觸控終點位置，其中觸控起始位置為手指(或其他觸控物品)的起始觸碰位置，觸控終點位置為手指(或其他觸控物品)遠離觸控螢幕11而結束觸控操作時的位置，而觸控移動路徑即為手指(或其他觸控物品)於觸控起始位置至觸控終點位置之間滑動或揮動的路徑。

請參照圖2B所示，為說明觸控操作，圖式中將以標號P1的圓圈作為觸控起始位置，而標號P2的箭身作為觸控移動路徑，而標號P3的箭頭作為觸控終點位置。在步驟S1中：觸控螢幕11接收在環形操作區111上的一觸控操作。步驟S2，當觸控螢幕11接收環形操作區111上的觸控操作時，處理單元13將依據觸控操作使觸控螢幕11顯示一環形選單113於顯示區112的周緣。換句話說，本實施例的環形選單113是位於環形操作區111以內，但本案不以此為限，例如圖2D所示，當觸控螢幕11接收觸控操作時，於環形操作區111上顯示環形選單113。於此，環形選單113包括分別對應多個應用程式的多個圖像1131。在本實施例中，環形選單113包括有六個圖像1131，每一圖像1131以一範圍區段顯示。

步驟S3，處理單元13判斷觸控操作沿環形操作區111的一移動路徑P2，其中移動路徑P2可以是逆時針方向或順時針方向。

步驟S4，顯示區112依據移動路徑P2所對應的各圖像1131的範圍區段，相應顯示所對應的應用程式相關內容。請參照圖1D所示，其為本案較佳實施例的另一種介面切換方法的步驟流程圖。進一步而言，步驟S4可包括步驟S41與步驟S42。在步驟S41中，當移動路徑P2仍在同一圖像1131的範圍區段內，顯示區112維持顯示內容。本實施例中，移動路徑P2沿著環形操作區111繞一圈時將分別對應六個圖像1131。於此，在移動路徑P2位於同一圖像1131的範圍區段內，例如是位於時間應用程式的圖像1131a內，顯示區112即顯示時間應用程式的相關內容。類似地，當移動路徑P2位於天氣應用程式的圖像1131b的範圍區段內時，顯示區112即顯示天氣應用程式的圖像1131b的相關內容。

而在步驟S42中，如圖2C所示，當移動路徑P2在其他圖像1131的範圍區段內移動時，顯示區112將切換顯示其他圖像1131所對應的應用程式的內容。在本實施例中，觸控操作以順時針方向移動，在移動路徑P2自時間應用程式的圖像1131a滑至天氣應用程式的圖像1131b時，顯示區112即切換顯示天氣應用程式的內容。類似地，當移動路徑P2繼續移動至音樂應用程式的圖像1131c時，顯示區112將切換顯示為音樂應用程式的內容。

本案介面切換方法藉由上述作動，僅在環形操作區111上進行觸控操作，顯示區112即可顯示包括有對應多個應用程式的多個圖像1131的環形選單113，並且只要沿著環形操作區111進行觸控移動，顯示區112即可顯示所對應圖像1131的應用程式的內容。

請參照圖3所示，其為介面切換方法一實施例的步驟流程圖。在本實施例中，顯示環形選單113的步驟S2更包括：步驟S21，處理單元13判斷觸控操作的一觸控起始位置P1，並依據觸控起始位置P1定義出環形選單113的各個圖像1131的範圍區段及其中心位置；步驟S22，於觸控螢幕11上顯示環形選單113於顯示區112的周緣，其中觸控起始位置P1對應圖像1131的範圍區段及其中心為顯示區112正在顯示的應用程式。

請繼續參照圖2A及圖2B，在步驟S21中，在環形操作區111上任一處接收觸控操作且決定觸控起始位置P1時，環形選單113將顯示多個圖像，且於環形選單113上之觸控起始位置P1上所顯示之圖像，為顯示區112正進行顯示內容的應用程式的圖像1131。在圖2A中，顯示區112正在進行顯示內容的應用程式為時間應用程式的內容。而在圖2B中，處理單元13判斷觸控起始位置P1之後，據以決定環形選單113上各圖像1131的範圍區段，且觸控起始位置P1為正在進行顯示應用程式的圖像中心位置。

請參照圖4所示，其為電子裝置的圖形化使用者介面參數化的示意圖。以顯示區112的圓心位置作為座標原點，則觸控起始位置P1將對應一座標點。處理單元13根據原點與此座標點計算出自原點指向座標點的向量。接著，計算此向量與X軸之間的夾角m(此處為順時針)；計算每 一圖像所佔有的夾角n(例如六個圖像平分360度，則每個圖像佔60度)；以觸控起始位置P1的座標點為起點，並依據上述二個夾角m、n定義出各圖像1131的範圍區段及其中心，其中夾角m、n是分別經由順時針及/或逆時針的循環遞迴推算而獲得的。正進行顯示的應用程式的圖像中心座標是位於上述向量上。於一實施例中，各圖像1131的範圍區段之間具有分隔線，其產生方式與圖像1131的中心產生方式相同。

因此，環形操作區111任一處作為觸控起始位置P1，皆能夠於觸控起始位置P1對應顯示當前的應用程式圖像。

在一實施例中，圖像1131的範圍區段為環形依序排列。例如，以順時針方向為例，時間應用程式的圖像下一個為天氣應用程式的圖像，而不論觸控起始位置P1在哪個位置，皆可從觸控起始位置P1開始保持其排列順序關係。此排列順序僅為舉例，可依據需求自行設定調整。

在一實施例中，處理單元13可偵測觸控操作沿環形操作區的移動方向，例如是順時針方向或逆時針方向。在實施上，處理單元13可計算當前觸控位置的座標點與觸控起始位置P1的座標點之間的距離與方向上的變化，或是藉由向量與X軸及Y軸之間的夾角變化，進而判斷觸控操作的移動方向。因此，於一圖像1131的範圍區段內，處理單元13可依據觸控操作的移動方向決定顯示區112的畫面放大或縮小。舉例而言，顯示區112的畫面放大縮小可依據設定值而有以下變化：當處理單元13偵測觸控操作為順時針方向時，使顯示區112的畫面放大；當處理單元13偵測觸控操作為逆時針方向時，使顯示區112的畫面縮小；或是以應用程式的中心為參考點，觸控操作遠離中心時使畫面縮小，而靠近時放大；或是觸控操作遠離中心時使畫面放大，而靠近時縮小，其不以上述例式為限。

請同時參照圖2A及圖2B並搭配圖5A及圖5B所示，其中圖5A為本案介面切換方法一實施例的步驟流程圖，而圖5B為電子裝置的圖形化使用者介面示意圖。在本實施例中，在判斷觸控操作的移動路徑P2的步驟之後，介面切換方法可更包括以下步驟：處理單元13判斷觸控操作是否結束(步驟S5)；當觸控操作結束時，觸控螢幕不顯示環形選單113，當觸控操作未結束時，處理單元13繼續判斷觸控操作沿環形操作區111的 移動路徑。

在步驟S5中，處理單元13可判斷觸控操作的觸控終點位置P3是否成立，其可藉由感測使用者的手指(或其他觸控物品)遠離觸控螢幕11進而判斷。當觸控終點位置P3產生時，觸控螢幕11不顯示環形選單113，例如是以遠離顯示區112的方式隱藏，或是淡化環形選單113的方式隱藏。如此一來，顯示區112僅顯示應用程式的顯示內容。如圖5B所示，當觸控操作移動至對應天氣應用程式的圖像1131時，顯示區112顯示其相關內容，並且當觸控操作結束時，環形選單113隱藏。此外，當觸控操作未結束，即觸控終點位置P3未成立時，處理單元13繼續執行上述判斷，使觸控螢幕11持續顯示環形選單113，且顯示區112持續對應觸控操作於環形操作區111上的移動路徑P2變化顯示內容。

在一實施例中，當觸控操作的移動路徑移至二個圖像之間的分隔線時，此時顯示區112的顯示畫面可同時顯示此二個圖像對應的應用程式的相關內容的疊影，例如圖6所繪示的顯示區112，其顯示時間應用程式的相關內容與天氣應用程式的相關內容的疊影。

以上所述僅為舉例性，而非為限制性者。任何未脫離本案之範疇，而對其進行之等效修改或變更，均應包含於後附之申請專利範圍中。

S1、S2、S3、S4‧‧‧步驟

Claims (9)

1. 一種電子裝置，包括：一觸控螢幕，用以產生一環形操作區及一顯示區；一記憶單元，儲存多個應用程式；以及一處理單元，耦接該觸控螢幕及該記憶單元，其中，該觸控螢幕接收在該環形操作區上的一觸控操作，該處理單元依據該觸控操作使該觸控螢幕顯示一環形選單於該顯示區的周緣，並且該環形選單包括對應該些應用程式的多個圖像，其中該處理單元判斷該觸控操作的一觸控起始位置，該觸控起始位置對應的圖像為顯示區正在顯示的應用程式。
2. 如申請專利範圍第1項所述的電子裝置，該處理單元判斷該觸控操作於該環形操作區上的一移動路徑，並且該顯示區依據該移動路徑的變化切換顯示對應之應用程式內容。
3. 如申請專利範圍第2項所述的電子裝置，依據該觸控起始位置和該顯示區正顯示的內容所對應的該應用程式，決定該些圖像的範圍區段。
4. 如申請專利範圍第1項所述的電子裝置，其中該處理單元偵測該觸控操作於各該圖像的範圍區段內，依據該移動路徑的一移動方向，決定該顯示區的畫面放大或縮小。
5. 如申請專利範圍第1項所述的電子裝置，其中該處理單元判斷該觸控操作是否結束，當該觸控操作結束時，該觸控螢幕不顯示該環形選單。
6. 一種介面切換方法，應用於一具有觸控螢幕的電子裝置，該方法包括以下步驟：藉由該觸控螢幕接收一觸控操作；依據該觸控操作顯示一環形選單於一顯示區周緣，其中該環形選單包括對應多個應用程式的圖像；判斷該觸控操作沿該環形操作區的一移動路徑；以及該顯示區依據該移動路徑所對應各圖像的範圍區段，相應顯示所對應的應用程式內容；其中在顯示該環形選單的步驟中更包括： 判斷該觸控操作的一觸控起始位置，該觸控起始位置對應的圖像為顯示區正在顯示的應用程式。
7. 如申請專利範圍第6項所述的方法，其中在顯示該環形選單的步驟中，更包括：判斷該觸控操作的一觸控起始位置，並依據該觸控起始位置定義出該環形選單的各個圖像的範圍區段。
8. 如申請專利範圍第6項所述的方法，更包括以下步驟：於一圖像的範圍區段內，依據該移動路徑的一移動方向，決定顯示區的畫面放大或縮小。
9. 如申請專利範圍第6項所述的方法，更包括以下步驟：當該觸控操作結束時，該觸控螢幕不顯示該環形選單。