TW202127222A

TW202127222A - 使用者介面調整方法與觸控顯示裝置

Info

Publication number: TW202127222A
Application number: TW108148672A
Authority: TW
Inventors: 林威任; 洪英士; 邱聖霖; 吳政澤; 李安正
Original assignee: 宏碁股份有限公司
Priority date: 2019-12-31
Filing date: 2019-12-31
Publication date: 2021-07-16

Abstract

本發明提供一種使用者介面調整方法與觸控顯示裝置，其中觸控顯示裝置能夠執行使用者介面調整方法。上述的使用者介面調整方法包括以下步驟：判斷使用者介面在顯示畫面中的所有控制項是否包括至少一目標控制項；當顯示畫面中具有目標控制項時，放大目標控制項以產生放大控制項並且在顯示畫面中顯示放大控制項；以及由使用者操作上述的放大控制項以執行目標控制項的功能。

Description

使用者介面調整方法與觸控顯示裝置

本發明是有關於一種視窗的顯示控制技術，且特別是有關於一種使用者介面調整方法與觸控顯示裝置。

現代人已經習慣利用螢幕上的使用者介面與電子裝置進行互動，對使用者介面的控制項（widget或control）輸入指令來執行動作。然而隨著顯示技術的進步，高解析度螢幕卻可能產生因為螢幕上的按鈕或文字輸入欄太小導致使用者填寫資料或是點選按鈕不方便的問題。除此之外，通過觸控操作作來操作使用者介面相較於滑鼠或鍵盤更加人性化，但觸控操作的解析度比較低，遇到上述的小型的物件的時候，反而容易發生點擊不到或是點錯的狀況。

有時候使用者固然可以通過手動放大視窗整體來克服物件太小的問題，但視窗放大後，在一個畫面能顯示的內容有限，反而造成瀏覽不便。因此，使用者為了要在同一個畫面中顯示完整資料，或是顯示內容改變後，為了看到完整的畫面，使用者又需要手動將視窗調回正常比例。如此一來，造成使用者在操作上的不方便。

有鑑於此，本發明提供一種使用者介面調整方法與觸控顯示裝置，能夠自動放大過小的物件，並且物件被放大後的顯示畫面仍舊提供良好的使用者體驗，有助於使用者操作介面。

本發明的一實施例提供一種使用者介面調整方法，包括以下步驟：判斷使用者介面在顯示畫面中的所有控制項是否包括至少一目標控制項；當顯示畫面中具有目標控制項時，放大目標控制項以產生放大控制項並且在顯示畫面中顯示放大控制項；以及由使用者操作放大控制項以執行目標控制項的功能。

本發明的一實施例提供一種觸控顯示裝置，包括觸控螢幕、處理器與儲存器。處理器耦接觸控螢幕與儲存器。儲存器用以儲存至少一程式碼，其中處理器載入該程式碼以執行以下步驟：判斷使用者介面在觸控螢幕的顯示畫面中的所有控制項是否包括至少一目標控制項；當顯示畫面中具有至少一目標控制項時，放大該目標控制項以產生放大控制項並且在顯示畫面中顯示放大控制項；以及通過觸控螢幕，由使用者操作放大控制項以執行原本的目標控制項的功能。

基於上述，本發明的實施例提供一種使用者介面調整方法以及能實施上述使用者介面調整方法的觸控顯示裝置。藉由判斷顯示畫面中是否包括目標控制項來決定是否要進行放大動作，以執行自動放大功能。

圖1是依照本發明的一實施例的一種觸控顯示裝置的方塊示意圖。請參照圖1，觸控顯示裝置100可以是筆記型電腦、平板電腦或是任何配備觸控顯示螢幕的電子裝置或是連接觸控顯示螢幕的組合式電子裝置。如圖1所示，觸控顯示裝置100包括處理器110、儲存器120以及觸控螢幕130。在本實施例中，觸控顯示裝置100還可以包括輸入裝置140或者通過外接的方式連接輸入裝置140，例如鍵盤或滑鼠，但輸入裝置140並非必要。

本實施例的觸控顯示裝置100可以判斷目前的使用者介面是否有需要放大的物件，並且主動放大太小物件，以方便使用者操作。舉例來說，當使用者在網路上填寫報名表或是註冊身分時，觸控顯示裝置100發現填寫姓名或是地址的欄位太小而難以點擊，會主動將欄位放大的，讓使用者方便填寫資訊。

具體而言，處理器110例如是中央處理單元（Central Processing Unit，CPU），或是其他可程式化之一般用途或特殊用途的微處理器（Microprocessor）、數位訊號處理器（Digital Signal Processor，DSP）等裝置。儲存器120例如是任意型式的固定式或可移動式隨機存取記憶體（random access memory，RAM）、唯讀記憶體（read-only memory，ROM）、快閃記憶體（flash memory）、硬碟或其他類似裝置、積體電路及其組合。觸控螢幕130例如是電容式(Capacitive)觸控螢幕或電阻式(Resistive)觸控螢幕等裝置。

圖2是依照本發明的一實施例的一種使用者介面調整方法的流程圖。請參照圖2，本實施例的使用者介面調整方法S100可由圖1的觸控顯示裝置100執行。觸控顯示裝置100的儲存器120儲存至少一程式碼，處理器110藉由載入儲存器120的程式碼來執行使用者介面調整方法S100。以下即搭配圖1的元件符號說明圖2各步驟的細節。

首先，在步驟S101中，觸控顯示裝置100判斷使用者介面在顯示畫面中出現的所有控制項是否包括至少一目標控制項。使用者介面可能包括許多類型的控制項，例如標籤項（Label）、按鈕（Button）、選單（menu）、文字輸入方塊（text box）等等，但本實施例會先判斷顯示畫面中是否有需要放大的控制項，並且不一定需要放大全部的控制項。在一實施例中，因為使用者無法編輯標籤項但可以點擊按鈕，所以使用者只有預設按鈕類型的控制項為目標控制項。當顯示畫面只有包括說明文字以及標籤項時，處理器110不進行下一個步驟S102。當顯示畫面出現按鈕時，處理器110判斷顯示畫面包括目標控制項，因此進入步驟S102。

在步驟S102中，當顯示畫面中具有至少一目標控制項時，處理器110放大該至少一目標控制項以產生至少一放大控制項並且在顯示畫面中顯示上述的至少一放大控制項。承上，當顯示畫面中出現需要放大的按鈕時，處理器110會在顯示畫面中產生一個放大後的按鈕。

接著，在步驟S103中，使用者操作在步驟S102中產生的放大控制項以執行原本控制項的功能。承上，使用者可以點擊放大後的按鈕來執行動作。

圖3是依照本發明的另一實施例的一種使用者介面調整方法的流程圖。請參照圖3，本實施例的使用者介面調整方法S200可由觸控顯示裝置100執行，並且可以用來進一步說明使用者介面調整方法S100的實施細節。以下即搭配圖1的元件符號說明圖3的步驟S201～S206。

在步驟S201中，使用者可以預先設定至少一目標控制項的類型及/或預先設定至少一目標控制項的尺寸門檻值。換句話說，使用者可以預先決定需要放大的控制項類型或是可接受的控制項的最小高度及/或最小寬度。在一實施例中，目標控制項的類型例如包括按鈕、文字輸入框、組合方塊（Combo box）、核取方塊（Checkbox）、微調器（Spinner）或滑動條（Slider）等等。本發明不限制目標控制項的類型。除此之外，使用者還可以決定目標控制項的尺寸門檻值。即使控制項的類型屬於預設的放大目標類型，但若其尺寸大於尺寸門檻值的話，處理器110不需要執行放大動作。

在步驟S202中，處理器110會監控顯示畫面的使用者介面狀態。如果顯示畫面的使用者介面狀態發生改變，處理器110進行下一個步驟S203。

圖4是依照本發明的一實施例的一種包括使用者介面的顯示畫面的示意圖。使用者可以在觸控螢幕130的顯示畫面上開啟多個使用者介面，例如網頁瀏覽器、應用程式等等。請參照圖4，觸控螢幕130的顯示畫面原本只有使用者介面302，當使用者開啟使用者介面300後，顯示畫面如顯示畫面200所示。處理器110偵測到顯示畫面的使用者介面狀態發生改變，因此自動進行下一步驟S203。另外，當使用者改變使用者介面的位置（例如移動使用者介面300或使用者介面302），或者改變使用者介面的大小（例如伸縮使用者介面300或使用者介面302）時，這些操作都可以被視為改變使用者介面狀態。除此之外，當使用者介面的內容發生變動時也可以被認為使用者介面狀態改變。例如瀏覽器滑動頁面而改變顯示內容，或者開啟新分頁；又例如使用者開啟使用者介面300的新選單。以上都可被視為改變使用者介面狀態。

接著，在步驟S203中，處理器110根據使用者與觸控顯示裝置100的距離判斷觸控顯示裝置100是處於觸控顯示模式或指標輸入模式。當使用者利用手指或觸控筆直接操作觸控顯示裝置100時，觸控顯示裝置100處於觸控顯示模式；當使用者通過輸入裝置140控制指標操作觸控顯示裝置100時，觸控顯示裝置100處於指標輸入模式。由於手指操作與指標操作的精準度不同，因此使用者在步驟S201中可以分別針對觸控顯示模式與指標輸入模式設定不同的目標控制項類型或尺寸門檻值。在一實施例中，目標控制項的尺寸門檻值在觸控顯示模式中與在指標輸入模式中可以不相同。更具體來說，相同類型的目標控制項在指標輸入模式可以具有較小的尺寸門檻值。

在本實施例中，觸控顯示裝置100還可以包括距離偵測器（未顯示），例如通過發射紅外線、超音波、雷射等信號偵測使用者到觸控顯示裝置100的距離。處理器110比較使用者與觸控顯示裝置100的距離與第一參考距離以判斷觸控顯示裝置100是處於觸控顯示模式或指標輸入模式。更具體來說，觸控顯示裝置100偵測使用者的臉部到觸控螢幕130的距離以判斷觸控顯示裝置100的模式。

圖5是依照本發明的一實施例的一種觸控顯示裝置的模式判斷機制的示意圖。請參照圖5，當使用者與觸控顯示裝置100的距離為距離Z1時，小於第一參考距離D1，處理器110判斷觸控顯示裝置100處於觸控顯示模式。反之，當使用者與觸控顯示裝置100的距離大於或等於第一參考距離D1時，處理器110判斷觸控顯示裝置100處於指標輸入模式。

當使用者與觸控顯示裝置100之間從距離Z1移動到距離Z2時，雖然距離Z2已經大於第一參考距離D1，但是並未大於第二參考距離D2（第二參考距離D2大於第一參考距離D1），處理器110不會判斷觸控顯示裝置100改變模式。直到觸控顯示裝置100繼續移動到距離Z3後，使用者與觸控顯示裝置100的距離大於第二參考距離D2，處理器110才會判斷觸控顯示裝置100從觸控顯示模式改變至指標輸入模式。簡言之，在觸控顯示裝置100已被判斷處於觸控顯示模式後，當使用者與觸控顯示裝置100的距離改變至大於第二參考距離D2時，觸控顯示裝置100才會被判斷改變至指標輸入模式。

當使用者與觸控顯示裝置100的距離從距離Z3移到距離Z4時，雖然距離Z4已經小於第一參考距離D1，但是大於第三參考距離D3（第三參考距離D3小於第一參考距離D1），處理器110不會判斷觸控顯示裝置100改變模式。直到觸控顯示裝置100繼續移動到距離Z5後，使用者與觸控顯示裝置100的距離小於第三參考距離D3，處理器110才會判斷觸控顯示裝置100從指標輸入模式改變至觸控顯示模式。簡言之，在觸控顯示裝置100已被判斷處於指標輸入模式後，當使用者與觸控顯示裝置100的距離改變至小於第三參考距離D3時，觸控顯示裝置100才會被判斷改變至觸控顯示模式。

在本實施例中，當觸控顯示裝置100屬於觸控顯示模式時，才會自動進行步驟S204或執行使用者介面調整方法S100。在其他的實施例，無論是觸控顯示模式或指標輸入模式都可以繼續執行步驟S204，只是兩者所採用的目標控制項的類型或尺寸門檻值不同。在另一些實施例中，不具有觸控能力的電子裝置只能執行指標輸入模式，還是可以實施使用者介面調整方法S100或使用者介面調整方法S200。針對指標輸入模式來設定目標控制項的尺寸門檻值。詳細的實施方式，本技術領域具有通常知識者可以根據上述的說明獲致足夠的建議與教示，在此不再贅述。

接著，在步驟S204中，處理器110獲得使用者介面300在顯示畫面200中的控制項資訊。更詳細來說，處理器110可以先判斷使用者介面300與使用者介面302何者是當前使用者介面。在本實施例中，處理器110根據使用者介面300與使用者介面302的螢幕顯示屬性（IsOffScreen）來判斷哪一個使用者介面在使用者的視野中。目前使用的介面是使用者介面300，處理器110獲得使用者介面300出現在顯示畫面200中所有控制項的類型，例如控制項310～390。處理器110判斷控制項310～390中的每一個控制項是否屬於目標控制項的類型以決定是否作為目標控制項。在本實施例中，目標控制項的類型僅包括按鈕（包括單選鈕（Radio button））、文字輸入框以及核取方塊，只有控制項310～340被判斷符合目標控制項的類型，被判斷為目標控制項。補充說明的是，圖4的控制項340包括了核取方塊類型的控制項與單選鈕類型的控制項。

接著，在步驟S205中，處理器110根據這些目標控制項310～340中的尺寸最小者來決定放大比例。詳言之，放大比例是尺寸門檻值與這些目標控制項310～340之中的尺寸最小者的長度或寬度的比值，本發明不限制放大比例的設定方式。在步驟S204中，處理器110除了獲得控制項的類型，還獲得每一個控制項的邊界框位置資訊。為了降低運算負擔，處理器110也可以只獲得每一個目標控制項（例如只有目標控制項310～340）的邊界框位置資訊。根據邊界框位置資訊，處理器110可以比較目標控制項310～340的尺寸以及先前設定的尺寸門檻值以確定是否需要進行放大動作。當目標控制項310～340之中出現小於尺寸門檻值的控制項，處理器110執行步驟S206。

在步驟S206中，處理器110放大目標控制項310～340以產生放大控制項，並且將之顯示於觸控螢幕130上。接下來以多個實施例來說明如何顯示放大控制項。

圖6A是依照本發明的一實施例的一種包括放大控制項的顯示畫面的示意圖。請參照圖6A，處理器110依照放大比例放大整個使用者介面300以變成使用者介面500。顯示畫面由原本的顯示畫面200變成顯示畫面400。在顯示畫面400中，使用者介面302並未被改變，而使用者介面300的控制項310～390一起被放大變成放大控制項510～590。

圖6B是依照本發明的另一實施例的一種包括放大控制項的顯示畫面的示意圖。請參照圖6B，處理器110放大目標控制項310～340後，使用者介面300變成使用者介面700，顯示畫面200變成顯示畫面600。處理器110依照放大比例將目標控制項310～340變成放大控制項710～740，而其他控制項350～390以及另一個使用者介面302都保持不變。使用者介面300與使用者介面700的位置跟大小仍舊相同。處理器110根據目標控制項310～340的邊界框位置資訊推算放大後的邊界框位置，並且將放大控制項710～740取代目標控制項310～340以更新使用者介面300。使用者可以操作放大控制項710～740以執行目標控制項310～340的功能。然而放大控制項710～740在位置上可能與其他的控制項350～390衝突。在本實施例中，處理器110讓放大控制項710～740覆蓋非目標控制項，例如圖6B的放大控制項730遮住部分的控制項370，但不影響使用者操作使用者介面700。

在一實施例中，在使用者操作放大控制項710～740的至少其中之一後，顯示畫面600不顯示放大控制項710～740，將放大控制項710～740的尺寸變回原本目標控制項510～540的位置與大小。

在一實施中，可以將圖6A的實施例與圖6B的實施例結合，根據使用者的最佳觀賞方式來決定如何顯示放大控制項。當使用者介面300被放大後會超出觸控螢幕130時，處理器110選擇不改變使用者介面300的尺寸，而是僅在使用者介面300的框架內放大目標控制項310～340，例如圖6B的實施例。

圖6C是依照本發明的另一實施例的一種包括放大控制項的顯示畫面的示意圖。請參照圖6C，經過步驟S206後，處理器110在顯示畫面200中新增浮動視窗900以成為顯示畫面800，其中浮動視窗900包括由目標控制項310～340產生的放大控制項。使用者可以操作浮動視窗900中的放大控制項以執行目標控制項310～340的功能。浮動視窗900可以具有自動滑出或自動隱藏的功能。在本實施例中，使用者可以通過手勢動作呼叫出浮動視窗900。如果使用者介面300緊靠顯示畫面800右邊界時，使用者的手指從顯示畫面800的右邊邊緣向左滑動以呼叫出浮動視窗900。除此之外，在使用者操作浮動視窗900中的任一放大控制項後，浮動視窗900可以自動消失，不再顯示放大控制項。

綜上所述，本發明的使用者介面調整方法與觸控顯示裝置可以根據控制項的類型來判斷顯示畫面中是否包括需要放大的目標控制項。本發明的實施例不需要對整個顯示畫面進行縮放，並且具有針對控制項縮放的功能，能夠提供局部區域的縮放效果以避免影響使用者的觀看。除此之外，本發明並不僅是影像的縮放，使用者可以通過操作放大後的控制項來執行動作，避免因為物件太小而所造成的操作問題。

100:觸控顯示裝置 110:處理器 120:儲存器 130:觸控螢幕 140:輸入裝置 200、400、600、800:顯示畫面 300、302、500、700:使用者介面 310～390:控制項 310～340:目標控制項 510～590、710～740:放大控制項 900:浮動視窗 D1:第一參考距離 D2:第二參考距離 D3:第三參考距離 Z1～Z5:使用者與觸控顯示裝置的距離 S100、S200:使用者介面調整方法 S101～S103、S201～S206:使用者介面調整方法的步驟

圖1是依照本發明的一實施例的一種觸控顯示裝置的方塊示意圖。圖2是依照本發明的一實施例的一種使用者介面調整方法的流程圖。圖3是依照本發明的另一實施例的一種使用者介面調整方法的流程圖。圖4是依照本發明的一實施例的一種包括使用者介面的顯示畫面的示意圖。圖5是依照本發明的一實施例的一種觸控顯示裝置的模式判斷機制的示意圖。圖6A至圖6C是依照本發明的不同實施例的多個包括放大控制項的顯示畫面的示意圖。

S100:使用者介面調整方法

S101~S103:使用者介面調整方法的步驟

Claims

一種使用者介面調整方法，包括：判斷一使用者介面在一顯示畫面中的所有控制項是否包括至少一目標控制項；當該顯示畫面中具有該至少一目標控制項時，放大該至少一目標控制項以產生至少一放大控制項並且在該顯示畫面中顯示該至少一放大控制項；以及由一使用者操作該至少一放大控制項以執行該至少一目標控制項的功能。
如申請專利範圍第1項所述的使用者介面調整方法，其中判斷該使用者介面在該顯示畫面中的所有控制項是否包括該至少一目標控制項的步驟包括：預先設定該至少一目標控制項的類型；獲得該使用者介面在該顯示畫面中的所有控制項的類型；以及判斷每一個該控制項是否屬於該至少一目標控制項的類型以決定是否作為該至少一目標控制項。
如申請專利範圍第2項所述的使用者介面調整方法，還包括：獲得該至少一目標控制項的邊界框位置資訊。
如申請專利範圍第2項所述的使用者介面調整方法，其中該至少一目標控制項的類型包括按鈕、文字輸入框、組合方塊、核取方塊、微調器或滑動條。
如申請專利範圍第1項所述的使用者介面調整方法，其中，該至少一目標控制項為多個目標控制項，且該至少一放大控制項為多個放大控制項，根據該些目標控制項中的尺寸最小者來決定一放大比例。
如申請專利範圍第5項所述的使用者介面調整方法，其中放大該至少一目標控制項以產生該至少一放大控制項並且在該顯示畫面中顯示該至少一放大控制項的步驟包括：根據該放大比例放大該使用者介面。
如申請專利範圍第1項所述的使用者介面調整方法，其中放大該至少一目標控制項以產生該至少一放大控制項並且在該顯示畫面中顯示該至少一放大控制項的步驟包括：將該至少一放大控制項取代該至少一目標控制項以更新該使用者介面。
如申請專利範圍第1項所述的使用者介面調整方法，其中在該顯示畫面中顯示該至少一放大控制項的步驟包括：新增一浮動視窗，該浮動視窗包括該至少一放大控制項。
如申請專利範圍第1項所述的使用者介面調整方法，還包括：監控該顯示畫面的一使用者介面狀態，其中當該使用者介面狀態發生改變時，自動執行如申請專利範圍第1項所述的使用者介面調整方法。
如申請專利範圍第1項所述的使用者介面調整方法，還包括：預先設定該至少一目標控制項的尺寸門檻值。
如申請專利範圍第10項所述的使用者介面調整方法，其中該使用者介面調整方法適用於一觸控顯示裝置，並且還包括：根據該使用者與該觸控顯示裝置的距離判斷該觸控顯示裝置是處於一觸控顯示模式或一指標輸入模式，其中該至少一目標控制項的尺寸門檻值在該觸控顯示模式中與在該指標輸入模式中不相同。
如申請專利範圍第11項所述的使用者介面調整方法，其中根據該使用者與該觸控顯示裝置的距離判斷該觸控顯示裝置是處於該觸控顯示模式或該指標輸入模式的步驟包括：比較該使用者與該觸控顯示裝置的距離與一第一參考距離以判斷該觸控顯示裝置是處於該觸控顯示模式或該指標輸入模式。
如申請專利範圍第12項所述的使用者介面調整方法，其中根據該使用者與該觸控顯示裝置的距離判斷該觸控顯示裝置是處於該觸控顯示模式或該指標輸入模式的步驟還包括：在該觸控顯示裝置已被判斷處於該觸控顯示模式後，當該使用者與該觸控顯示裝置的距離改變至大於一第二參考距離時，該觸控顯示裝置才會被判斷改變至該指標輸入模式，其中該第二參考距離大於該第一參考距離。
如申請專利範圍第12項所述的使用者介面調整方法，其中根據該使用者與該觸控顯示裝置的距離判斷該觸控顯示裝置是處於該觸控顯示模式或該指標輸入模式的步驟還包括：在該觸控顯示裝置已被判斷處於該指標輸入模式後，當該使用者與該觸控顯示裝置的距離改變至小於一第三參考距離時，該觸控顯示裝置才會被判斷改變至該觸控顯示模式，其中該第三參考距離小於該第一參考距離。
如申請專利範圍第1項所述的使用者介面調整方法，其中該使用者介面調整方法適用於一觸控顯示裝置，其中該觸控顯示裝置具有一觸控顯示模式以及一指標輸入模式，該使用者介面調整方法還包括：在該觸控顯示裝置處於該觸控顯示模式時，自動執行如申請專利範圍第1項所述的使用者介面調整方法。
如申請專利範圍第1項所述的使用者介面調整方法，其中由該使用者操作該至少一放大控制項以執行該至少一目標控制項的功能的步驟包括：在該使用者操作該至少一放大控制項後，該顯示畫面不顯示該至少一放大控制項。
一種觸控顯示裝置，包括：一觸控螢幕；一處理器，耦接該觸控螢幕；一儲存器，耦接該處理器，用以儲存至少一程式碼，其中該處理器載入該至少一程式碼以執行以下步驟：判斷一使用者介面在該觸控螢幕的顯示畫面中的所有控制項是否包括至少一目標控制項；當該顯示畫面中具有該至少一目標控制項時，放大該至少一目標控制項以產生至少一放大控制項並且在該顯示畫面中顯示該至少一放大控制項；以及通過該觸控螢幕，由一使用者操作該至少一放大控制項以執行該至少一目標控制項的功能。