TW202109249A - 使用者介面之控制方法及電子裝置 - Google Patents

Abstract

本案揭露一種使用者介面之控制方法及電子裝置，在一觸控元件上設有一啟始區、一觸發區以及連結啟始區與觸發區之一軌跡區。進入一啟動介面顯示模式。當觸控行為由啟始區移動至軌跡區且滿足一動畫觸發條件時，響應此觸控行為而產生一連續觸控資料，並根據連續觸控資料啟動一動畫模式。當觸控行為為由啟始區、軌跡區移動至觸發區時，響應觸控行為而產生對應之連續觸控資料，並根據連續觸控資料以啟動一使用者介面。

Description

使用者介面之控制方法及電子裝置

本案係有關一種使用者介面之控制方法及電子裝置。

現有觸控板（touchpad）通常支援單指或多指手勢，以響應電腦系統操作。但是由於筆記型電腦之功能日益強大、功能也隨之提升許多，因此，常常賦予觸控板不同之輸入功能。例如，在小型筆記型電腦中，觸控板也可以被賦予輸入數字鍵之數字介面，以補足小型筆電鍵盤本身沒有獨立數字鍵的缺憾。然而，在觸控板上增設其他功能的使用者介面時，會造成功能切換時之不便，甚至可能因為使用者介面選錯而造成輸入錯誤。

本案提供一種使用者介面之控制方法，適用於一電子裝置，電子裝置包含觸控元件及螢幕，觸控元件設有一啟始區、一觸發區以及連結啟始區與觸發區之一軌跡區。此控制方法包含：進入一啟動介面顯示模式。當觸控行為係由啟始區移動至軌跡區且滿足一動畫觸發條件時，響應此觸控行為而產生一連續觸控資料，並根據連續觸控資料動一動畫模式。當觸控行為由啟始區、軌跡區移動至觸發區時，響應觸控行為而產生連續觸控資料，並根據連續觸控資料以開啟一使用者介面。

本案另提供一電子裝置，此電子裝置包含一螢幕、一觸控元件，以及一處理器。觸控元件上設有一啟始區、一觸發區以及連結啟始區與觸發區之一軌跡區，觸控元件用以響應一觸控行為而產生一連續觸控資料。處理器電性連接螢幕及觸控元件，該處理器根據觸控行為進入一啟動介面顯示模式，當觸控行為係由啟始區移動至軌跡區且滿足一動畫觸發條件時，處理器根據連續觸控資料啟動一動畫模式。當觸控行為由啟始區、軌跡區移動至觸發區時，處理器根據連續觸控資料以啟動一使用者介面。

綜上所述，本案提供一種使用者介面之控制方法及電子裝置，其係在不影響原有操作的前提下，以手勢的方式搭配應用程式的使用者介面，來增加使用者經驗，以提升便利性。

圖1為本案電子裝置之一實施例的概要示意圖，圖2為本案電子裝置之一實施例的方塊示意圖，請參閱圖1及圖2所示，此電子裝置10包括一第一殼體12、一第二殼體14以及處理器16，第一殼體12包含一螢幕18，第二殼體14包含一鍵盤20及一觸控元件22，且第一殼體12及第二殼體14係利用一連結部24彼此連接在一起並可根據連結部24進行開闔。處理器16電性連接螢幕18及觸控元件22。在一實施例中，觸控元件22為一觸控顯示螢幕。在一實施例中，處理器16係整合於第二殼體14中，但並非以此為限。在一實施例中，電子裝置10可以是但不限於筆記型電腦。

在一實施例中，螢幕18係為顯示螢幕，且使用者可透過觸控元件22進行各種觸控行為。在一實施例中，觸控元件22為一般觸控板或觸控顯示螢幕，但本案並非以此為限。在一實施例中，螢幕18亦可為觸控顯示螢幕，使得使用者可透過螢幕18與觸控元件22進行各種觸控行為。

在一實施例中，處理器16可利用系統單晶片（SoC）、微控制器（MCU）、中央處理器（CPU）或是特殊應用積體電路（ASIC）等來實現。

螢幕18係用來顯示畫面，觸控元件22上設有一啟始區221、一觸發區223以及連結啟始區221與觸發區223之一軌跡區222。處理器16可根據執行於觸控元件22的觸控行為進入一啟動介面顯示模式。在一實施例中，啟始區221、軌跡區222以及觸發區223可為矩形、圓形、三角形、多邊形或其他任意形狀，本案不以此為限。在一實施例中，觸控元件22用以響應觸控行為而產生相對應的觸控資料，觸控資料至少包含觸碰位置資訊(例如:觸碰座標)，如此處理器16便可根據觸控資料判斷使用者手指26觸控的位置以進行相應操作。當觸控行為由啟始區221移動至軌跡區222的觸控行為且滿足一動畫觸發條件時，如圖3所示，觸控元件22響應觸控行為而產生相對應的連續觸控資料，使處理器16接收並根據連續觸控資料執行一動畫模式。接著如圖4所示，當觸控行為由啟始區221、軌跡區222移動到觸發區223時，觸控元件22響應此觸控行為而產生相對應的連續觸控資料，使處理器16接收並根據連續觸控資料來啟動一使用者介面28。

圖5為本案控制方法啟動介面顯示模式之一實施例的流程示意圖，請同時參閱圖1至圖5所示，電子裝置10可以執行圖5及圖6所示之控制方法。初始狀態為處理器16認定觸控元件22處於一般模式（Stage=0），例如:一般觸控板模式。接著，處理器16接收觸控元件22響應一觸控行為而產生的連續觸控資料（步驟S10）。接著，處理器16會判斷此連續觸控資料之首筆觸控資料的觸碰位置資訊是否位於啟始區221（步驟S11）。當判斷此連續觸控資料之首筆觸控資料的觸碰位置資訊不位於啟始區221時，將觸控元件22維持於一般模式並進行後續的對應操作（步驟S12），當處理器16判斷此連續觸控資料的首筆觸控資料的觸碰位置資訊位於啟始區221時，處理器16認定觸控元件22進入啟動介面顯示模式之第一階段（Stage=1）（步驟S13）。在一實施例中，連續觸控資料中的每筆觸控資料皆包含各自的觸碰位置資訊。

承上，請同時參閱圖1至4及圖6所示，當進入啟動介面顯示模式之第一階段時，判斷此連續觸控資料中的第一後續觸控資料的觸碰位置資訊是否位於軌跡區222內（步驟S22）。此第一後續觸控資料係指進入啟動介面顯示模式之第一階段後，觸控元件22響應觸控行為所產生的觸控資料。當第一後續觸控資料的觸碰位置資訊位於軌跡區222內，表示觸控行為由啟始區221移動至軌跡區222，此時進入啟動介面顯示模式之第二階段（Stage=2）（步驟S23）；當第一後續觸控資料的觸碰位置資訊沒有位於軌跡區222時，判斷第一後續觸控資料的觸碰位置資訊是否仍然位於啟始區221內（步驟S24）。當判斷第一後續觸控資料的觸碰位置資訊仍位於啟始區221時，維持在啟動介面顯示模式的第一階段（步驟S21）；當判斷第一後續觸控資料的觸碰位置資訊不位於啟始區221內時，關閉啟動介面顯示模式並回到一般模式（步驟S25）。

當進入啟動介面顯示模式的第二階段時，判斷此連續觸控資料中的第二後續觸控資料的觸碰位置資訊是否位於軌跡區222內（步驟S26）。此第二後續觸控資料係指進入啟動介面顯示模式之第二階段後觸控元件22響應觸控行為所產生的觸控資料。當判定第二後續觸控資料的觸碰位置資訊不位於軌跡區222內，則關閉啟動介面顯示模式並回到一般模式（步驟S25），當判定第二後續觸控資料的觸碰位置資訊位於軌跡區222內，則進一步判斷是否滿足動畫觸發條件（步驟S27）。當第二後續觸控資料的觸碰位置資訊位於軌跡區222內但不滿足動畫觸發條件時，維持在啟動介面顯示模式的第二階段（步驟S23）；當第二後續觸控資料的觸碰位置資訊位於軌跡區222內且滿足動畫觸發條件時，進入啟動介面顯示模式之第三階段（Stage=3）（步驟S28），在此第三階段時係可如圖3所示啟動使用者介面28的動畫模式，以於螢幕18上顯示動畫。

接著，判斷此連續觸控資料中的第三後續觸控資料的觸碰位置資訊是否由軌跡區222移動到觸發區223內（步驟S29）。此第三後續觸控資料係指進入啟動介面顯示模式之第三階段後觸控元件22響應觸控行為所產生的觸控資料。當判斷第三後續觸控資料的觸碰位置資訊未由軌跡區222移動到觸發區223內，關閉啟動介面顯示模式（步驟S25），當判斷第三後續觸控資料的觸碰位置資訊由軌跡區222移動到觸發區223內(表示觸控行為依序由啟始區221、軌跡區222移動至觸發區223)時，進入啟動介面顯示模式之第四階段（Stage=4）（步驟S30），在第四階段停止動畫模式並完全開啟使用者介面28，此時於螢幕18上顯示使用者介面28的穩定畫面(如圖4所示)，且使用者介面28係覆蓋在螢幕18原有的畫面上，以呈現在最上層。

在一實施例中，動畫觸發條件需要觸控行為同時滿足方向及距離，例如朝特定方向滑動足夠的距離，請參閱圖3所示，當響應觸控行為所產生之連續觸控資料的觸碰位置資訊為由軌跡區222朝觸發區223移動的向量

，軌跡區222的長度為b，則動畫觸發條件係為T1>

/b>T2，在本實施例中T1=0.5且T2=1，所以當觸碰位置資訊位於軌跡區222內且滿足此動畫觸發條件（朝特定方向滑動足夠的距離）時，即可執行動畫模式。

於一實施例中，動畫模式會根據觸控行為的方向與距離，使使用者介面28可以有漸進放大的效果呈現在螢幕18上，但本案不限於此。在其他實施例中，當動畫模式啟動時，根據觸控行為的方向、距離、速度或下壓力道等的不同，使用者介面28也會有不同呈現方式的動畫模式。在一實施例中，當動畫模式啟動時，根據觸控行為的方向、距離、速度或下壓力道的至少其中之一由小變大，使用者介面28呈現顏色由淺變深、由深變淺或由第一顏色變為第二顏色等顏色變化效果。在另一實施例中，當動畫模式啟動時，根據觸控行為的方向、距離、速度或下壓力道的至少其中之一由小變大，使用者介面28呈現尺寸由小變大的尺寸變化效果。在另一實施例中，當動畫模式啟動時，根據觸控行為的方向、距離、速度或下壓力道的至少其中之一由小變大，使用者介面28呈現由全透明變為半透明，再由半透明變為不透明的透明度變化效果。在另一實施例中，當動畫模式啟動時，根據觸控行為的方向、距離、速度或下壓力道的至少其中之一由小變大，使用者介面28呈現由第一形狀(例如:菱形)漸變為第二形狀(例如:圓形)的形狀變化效果。

請參閱圖4所示，使用者介面28係具有複數個介面圖標（icon）281，每一個介面圖標281具有不同圖案且分別代表一個應用程式。在本實施例中，在使用者介面28上的多個介面圖標281係以封閉式的環狀排列為例，當此使用者介面28被開啟且觸控元件22持續感測到觸控行為時，處理器16根據此觸控行為判定此些介面圖標281中被選擇的介面圖標281並觸發被選擇的介面圖標281的功能。在一實施例中，觸控元件22響應觸控行為而產生的觸控資料之觸碰位置資訊會被進行轉換，以將觸碰位置資訊由觸控元件座標資訊(即，觸控元件22之座標系的座標)轉換為使用者介面座標資訊(即，使用者介面28之座標系的座標)，以觸發觸控行為欲觸發的使用者介面28的介面圖標281的應用程式功能。

具體而言，在一實施例中，處理器16包含一驅動單元以及對應使用者介面28的使用者介面處理單元。當此使用者介面28被開啟且觸控元件22持續感測到觸控行為時，處理器16藉由驅動單元將此觸控行為的觸控元件座標資訊傳送至使用者介面處理單元，在藉由使用者介面處理單元將觸控元件座標資訊轉換為使用者介面座標資訊，並根據使用者介面座標資訊觸發介面圖標281的功能。

在一實施例中，螢幕18為觸控顯示螢幕，當此使用者介面28被啟動且顯示於螢幕18上時，使用者可直接於螢幕18執行第二觸控行為，其中螢幕18響應第二觸控行為而產生的觸控資料之觸碰位置資訊會被進行轉換，將觸碰位置資訊由螢幕座標資訊(即，螢幕18之座標系的座標)轉換為使用者介面座標資訊(即，使用者介面28之座標系的座標)，以觸發第二觸控行為欲觸發的使用者介面28的介面圖標281的應用程式功能。具體而言，當此使用者介面28被啟動且顯示於螢幕18上時，處理器16藉由一驅動程序將對應第二觸控行為的螢幕座標資訊傳送至對應使用者介面28的使用者介面應用程序，處理器16在藉由使用者介面應用程序將螢幕座標資訊轉換為使用者介面座標資訊，並根據使用者介面座標資訊觸發介面圖標281的應用程式功能。

在一實施例中，當螢幕18上出現使用者介面28時，多個介面圖標281會在螢幕18上以環狀排列呈現，此時若要點選其中一個介面圖標281’，需於觸控元件22上執行第二觸控行為(例如:手指26滑移到觸控元件中介面圖標281’的響應區域)，當處理器16的驅動程序接收觸控元件22響應此第二觸控行為所產生的觸控資料時，將對應的介面圖標281’進行放大，請參閱圖7所示，放大的介面圖標281’表示被使用者選取了。接著，在手指離開介面圖標281’的響應區域時，處理器16執行介面圖標281’所對應的應用程式。在介面圖標281’被選取並執行時，使用者介面28會自動關閉，即表示結束整個介面顯示模式。在一實施例中，使用者介面28中的各介面圖標281大小與其對應之介面圖標281響應區域可以不完全相同，例如，介面圖標281’響應區域可以大於介面圖標281’的大小。

在一實施例中，在螢幕18上出現使用者介面28時，若沒有選擇任何一個介面圖標281，此時，手指26只要離開觸控元件22（即，觸控行為結束），或是手指26離開觸控元件22後再經過一預定時間(即，觸控行為結束後經過一預定時間)，即會自動關閉使用者介面28。

在一實施例中，請參閱圖8所示，使用者介面28更具有一關閉鍵283，用以關閉使用者介面28。螢幕18上顯示有使用者介面28時，在環狀排列的介面圖標281外圍更設有一視窗282，且於視窗282右上角的位置設置有一關閉鍵283，若使用者沒有選擇任何一個介面圖標281而欲離開使用者介面28時，只要點選關閉鍵283即會關閉使用者介面28。

在一實施例中，使用者介面28上的多個介面圖標281更可以排列成不同的形狀，不以前述環狀實施例為限。請參閱圖9所示，介面圖標281係以左上角為圓心，排列成圓弧狀，但本案並非以此為限。除了排列方式不同之外，其餘控制方法與作動皆前述實施例相同，故於此不再贅述。

請參閱圖2及圖10，圖10的控制方法與圖4的控制方法大致相同，於此不再贅述。圖10與圖4的主要差異為於圖10中經由在觸控元件22上依序由啟始區221、軌跡區222移動到觸發區223的觸控行為所啟動的使用者介面28係直接呈現在觸控元件22上，使用者可以在觸控元件22上看到使用者介面28並同時進行操控，以根據觸控行為選擇對應之介面圖標281。

圖11為本案電子裝置之另一實施例的概要示意圖，圖12為本案電子裝置之再一實施例的概要示意圖，請參閱圖2、圖11及圖12所示，在此電子裝置10中，第一殼體12包含螢幕18，第二殼體14則只包含有觸控元件22，處理器16電性連接螢幕18及觸控元件22，且處理器16係整合於第二殼體14中，但並非以此為限。觸控元件22上同樣設有啟始區221、軌跡區222以及觸發區223，用以響應一觸控行為而產生相對應的連續觸控資料。當觸控行為係由啟始區221開始移動，經過軌跡區222並繼續移動至觸發區223時，觸控元件22響應觸控行為而產生相對應的連續觸控資料，使處理器16得以根據連續觸控資料來啟動使用者介面28，並將使用者介面28顯示於如圖11所示之螢幕18上，或是將使用者介面28顯示於如圖12所示之觸控元件22上。其餘相關的控制方法與呈現方式可參考前面實施例之詳細說明，於此不再贅述。在一些實施態樣中，在電子裝置10中，螢幕18除了使用單純顯示用的顯示螢幕之外，亦可以使用觸控顯示螢幕，視實際需求而定。

因此，本案提出一種控制方法及電子裝置，其係建立一個便利、直覺的多元使用者介面於觸控元件上，故可在不影響原有操作的前提下，以觸控行為（手勢）的方式搭配應用程式的使用者介面，來增加使用者經驗，以提升使用上的便利性。

以上所述之實施例僅係為說明本案之技術思想及特點，其目的在使熟悉此項技術者能夠瞭解本案之內容並據以實施，當不能以之限定本案之專利範圍，即大凡依本案所揭示之精神所作之均等變化或修飾，仍應涵蓋在本案之申請專利範圍內。

10:電子裝置 12:第一殼體 14:第二殼體 16:處理器 18:螢幕 20:鍵盤 22:觸控元件 221:啟始區 222:軌跡區 223:觸發區 24:連結部 26:手指 28:使用者介面 281、281’:介面圖標 282:視窗 283:關閉鍵 S10～S13:步驟 S21～S30:步驟

圖1為本案電子裝置之一實施例的概要示意圖。 圖2為本案電子裝置之一實施例的方塊示意圖。 圖3為本案電子裝置執行動畫模式之一實施例的概要示意圖。 圖4為本案電子裝置執行使用者介面之一實施例的概要示意圖。 圖5為本案使用者介面之控制方法中判斷是否進入啟動介面顯示模式之一實施例的流程示意圖。 圖6為本案使用者介面之控制方法中啟動使用者介面之一實施例的流程示意圖。 圖7為本案電子裝置選取介面圖標的一實施例的概要示意圖。 圖8為本案電子裝置執行使用者介面之另一實施例的概要示意圖。 圖9為本案電子裝置執行使用者介面之又一實施例的概要示意圖。 圖10為本案電子裝置執行使用者介面之再一實施例的概要示意圖。 圖11為本案電子裝置之另一實施例的概要示意圖。 圖12為本案電子裝置之再一實施例的概要示意圖。

10:電子裝置

12:第一殼體

18:螢幕

22:觸控元件

221:啟始區

222:軌跡區

223:觸發區

26:手指

28:使用者介面

281:介面圖標

Claims (23)

1. 一種使用者介面之控制方法，適用於一電子裝置，該電子裝置包含一觸控元件及一螢幕，該觸控元件設有一啟始區、一觸發區以及連結該啟始區與該觸發區之一軌跡區，該控制方法包含： 根據執行於該觸控元件的觸控行為進入一啟動介面顯示模式； 當該觸控行為係由該啟始區移動至該軌跡區，且滿足一動畫觸發條件時，響應該觸控行為而產生一連續觸控資料，並根據該連續觸控資料啟動一動畫模式；以及 當該觸控行為係為由該啟始區、該軌跡區移動到該觸發區時，響應該觸控行為而產生該連續觸控資料，並根據該連續觸控資料以開啟一使用者介面。
2. 如請求項1所述之使用者介面之控制方法，其中該使用者介面係具有複數個介面圖標，當該使用者介面被開啟且該觸控元件持續感測到該觸控行為時，根據該觸控行為判定該些介面圖標中一被選擇的介面圖標並觸發該被選擇的介面圖標的功能。
3. 如請求項1所述之使用者介面之控制方法，其中該動畫模式係為該使用者介面的顏色變化、尺寸變化、透明度變化或形狀變化。
4. 如請求項1所述之使用者介面之控制方法，其中該使用者介面係顯示在該觸控元件或該螢幕上。
5. 如請求項4所述之使用者介面之控制方法，其中該螢幕為觸控顯示螢幕。
6. 如請求項1所述之使用者介面之控制方法，其中該觸控行為結束或該觸控行為結束後經過一預定時間後，該使用者介面自動關閉。
7. 如請求項3所述之使用者介面之控制方法，其中在該被選擇的介面圖標被選取並執行時，該使用者介面自動關閉。
8. 如請求項1所述之使用者介面之控制方法，其中該使用者介面具有關閉鍵，用以關閉該使用者介面。
9. 如請求項1所述之使用者介面之控制方法，其中進入該啟動介面顯示模式的步驟更包含： 響應該觸控行為產生一連續觸控資料；以及 當該連續觸控資料中之首筆觸控資料的觸碰位置資訊位於該啟始區時，進入該啟動介面顯示模式之第一階段。
10. 如請求項9所述之使用者介面之控制方法，其中啟動該動畫模式的步驟更包含： 當該連續觸控資料中之第一後續觸控資料的觸碰位置資訊位於該軌跡區內時，進入該啟動介面顯示模式之第二階段；以及 當該連續觸控資料中之第二後續觸控資料的觸碰位置資訊位於該軌跡區且滿足該動畫觸發條件時，進入該啟動介面顯示模式之第三階段，在該第三階段為啟動該動畫模式。
11. 如請求項10所述之使用者介面之控制方法，其中開啟該使用者介面的步驟更包含： 當該連續觸控資料中之第三後續觸控資料的觸碰位置資訊由該軌跡區移動至該觸發區時，進入該啟動介面顯示模式之第四階段，在該第四階段停止該動畫模式並完全開啟該使用者介面。
12. 一種電子裝置，包含： 一螢幕； 一觸控元件，設有一啟始區、一觸發區以及連結該啟始區與該觸發區之一軌跡區，該觸控元件用以響應一觸控行為而產生一連續觸控資料；以及 一處理器，電性連接該螢幕及該觸控元件，該處理器根據該觸控行為進入一啟動介面顯示模式； 其中，當該觸控行為係由該啟始區移動至該軌跡區且滿足一動畫觸發條件時，處理器根據該連續觸控資料啟動一動畫模式，及當該觸控行為係由該啟始區、該軌跡區移動到該觸發區時，該處理器根據該連續觸控資料以開啟一使用者介面。
13. 如請求項12所述之電子裝置，其中該使用者介面係具有複數個介面圖標，當該使用者介面被開啟且該觸控元件持續感測到該觸控行為時，該處理器根據該觸控行為判定該些介面圖標中一被選擇的介面圖標並觸發該被選擇的介面圖標的功能。
14. 如請求項13所述之電子裝置，其中該處理器包含一驅動單元以及對應該使用者介面的一使用者介面處理單元，該處理器藉由該驅動單元將該觸控行為的觸控元件座標資訊傳送至該使用者介面處理單元，在藉由該使用者介面處理單元將該觸控元件座標資訊轉換為該使用者介面座標資訊，並根據該使用者介面座標資訊觸發該被選擇的介面圖標的功能。
15. 如請求項12所述之電子裝置，其中該動畫模式係為該使用者介面的顏色變化效果、尺寸變化效果、透明度變化效果或形狀變化效果。
16. 如請求項12所述之電子裝置，其中該使用者介面係顯示在該觸控元件上或該螢幕上。
17. 如請求項16所述之電子裝置，其中該螢幕為觸控顯示螢幕。
18. 如請求項12所述之電子裝置，其中該觸控行為結束或該觸控行為結束後經過一預定時間後，該使用者介面自動關閉。
19. 如請求項13所述之電子裝置，其中在該被選擇的介面圖標被選取並執行時，該使用者介面自動關閉。
20. 如請求項12所述之電子裝置，其中該使用者介面更具有關閉鍵，用以關閉該使用者介面。
21. 如請求項12所述之電子裝置，其中進入該啟動介面顯示模式的步驟包含： 該觸控元件響應該觸控行為產生一連續觸控資料；以及 當該連續觸控資料中之首筆觸控資料的觸碰位置資訊位於該啟始區時，進入該啟動介面顯示模式之第一階段。
22. 如請求項21所述之電子裝置，其中啟動該動畫模式的步驟包含： 當該連續觸控資料中之第一後續觸控資料的觸碰位置資訊位於該軌跡區內時，該處理器進入該啟動介面顯示模式之第二階段；以及 當該連續觸控資料中之第二後續觸控資料的觸碰位置資訊位於該軌跡區且滿足該動畫觸發條件時，該處理器進入該介面顯示模式之第三階段，在該第三階段為啟動該動畫模式。
23. 如請求項22所述之電子裝置，其中開啟該使用者介面的步驟包含： 當該連續觸控資料中之第三後續觸控資料的觸碰位置資訊由該軌跡區移動至該觸發區時，進入該啟動介面顯示模式之第四階段，在該第四階段停止該動畫模式並完全開啟該使用者介面。

Images