TWI530826B - 電子裝置及其顯示方法 - Google Patents

Description

電子裝置及其顯示方法

本發明是有關於一種顯示技術，且特別是有關於一種電子裝置及其顯示觸控軌跡的顯示方法。

隨著觸控螢幕的發展，使用觸控筆在觸控螢幕上進行書寫或紀錄待辦事項的方式，已逐漸地被多數人所接受。特別是，使用觸控筆在觸控螢幕上進行書寫或紀錄除了可節省紙張用量之外，也更加符合現代人出外或搭車時可隨時隨地作筆記的習慣。舉例來說，一般電子裝置都可配置有手寫軟體，以讓使用者在手寫軟體所提供的畫布上寫字或作畫或其他手寫輸入功能。此外，現今的手寫軟體更提供了浮載於螢幕上的浮動視窗，以讓使用者可同時在浮動視窗上進行手寫輸入功能，以及操作浮動視窗底下的背景畫面。

然而，目前使用者在上述的畫布或浮動視窗上使用畫筆功能來執行手寫輸入時，畫筆功能所提供的筆的顏色都必須使用者事先選定好。另一方面，由於一般的浮動視窗的底色以半透明來呈現，因此當背景畫面的顏色與畫筆顏色相近時，使用者則無 法清楚地辨識畫筆移動時的軌跡，而此時使用者則必須要自己手動切換畫筆的顏色，以將畫筆的顏色換成與背景顏色對比的顏色，來讓畫筆移動的軌跡可以更顯眼。故對於使用者而言，在操作上相當不便。

有鑑於此，本發明提供一種電子裝置及其顯示方法，其 可依據背景畫面，而自動以清楚的顏色來顯示觸碰軌跡，藉以提高使用者操作上的便利性。

本發明提供一種顯示方法，適用於具有觸控螢幕的電子 裝置，此方法包括以下步驟。於觸控螢幕的背景畫面上提供浮動視窗。偵測浮動視窗底下的背景畫面的背景顏色。依據背景顏色，選擇軌跡顏色。依據軌跡顏色，顯示觸碰施於浮動視窗上的觸碰軌跡。

本發明提供一種電子裝置，其包括觸控螢幕以及處理單 元。觸控螢幕用以顯示背景畫面。處理單元耦接於觸控螢幕。其中，處理單元於觸控螢幕的背景畫面上提供浮動視窗，偵測浮動視窗底下的背景畫面的背景顏色，並依據背景顏色，選擇軌跡顏色，以及依據軌跡顏色，顯示觸碰施於浮動視窗上的觸碰軌跡。

基於上述，在電子裝置及其顯示方法中，電子裝置會依 據背景畫面的背景顏色來選擇適合的軌跡顏色，並以此軌跡顏色來顯示觸碰在浮動視窗中的觸碰軌跡。如此一來，由於電子裝置 可自動地將觸碰軌跡明顯地顯示在浮動視窗中，故使用者在浮動視窗中進行操作時，不需手動切換觸碰軌跡的軌跡顏色，而增加操作上的便利性。

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

100‧‧‧電子裝置

120‧‧‧觸控螢幕

140‧‧‧處理單元

200、300、400‧‧‧背景畫面

220、320、420‧‧‧浮動視窗

222、322、324、328、422‧‧‧觸碰軌跡

32、34、36、38‧‧‧色區

42、44‧‧‧區塊

S202~S208、S402~S416‧‧‧顯示方法的各步驟

圖1是依照本發明一實施例所繪示的電子裝置的方塊圖。

圖2A是依照本發明一實施例所繪示的顯示方法流程圖。

圖2B與圖2C是依照本發明一實施例所繪示的顯示方法示意圖。

圖3是依照本發明一實施例所繪示的顯示方法示意圖。

圖4A與是依照本發明一實施例所繪示的顯示方法流程圖。

圖4B是依照本發明一實施例所繪示的顯示方法的顯示方法示意圖。

圖1是依照本發明一實施例所繪示的電子裝置的方塊圖。請參照圖1，本實施例的電子裝置100例如是手機、智慧型手機、個人數位助理(Personal Digital Assistant，PDA)、平板電腦、電子書、遊戲機等具有觸控螢幕的電子裝置，本發明並不對此限 制。電子裝置100包括觸控螢幕120以及處理單元140，其功能分述如下。

觸控螢幕120為一種整合觸碰偵測元件的顯示裝置，可 同時提供顯示及輸入功能。此顯示裝置例如是液晶顯示器(Liquid Crystal Display，LCD)、發光二極體(Light-Emitting Diode，LED)顯示器、場發射顯示器(Field Emission Display，FED)或其他種類的顯示器，本發明並不限制於此。觸碰偵測元件設置於顯示裝置上，且這些感測元件經配置以用於接收觸碰事件。觸碰事件包括手指、手掌、身體部位或其他物體對觸控螢幕120的觸碰。觸碰偵測元件可為例如電容式觸碰偵測元件、表面聲波觸碰偵測元件、電磁觸碰偵測元件、近場成像觸碰偵測元件，以及其他類似者。

處理單元140耦接於觸控螢幕120，其係用以控制電子裝 置100的整體運作。具體而言，本實施例的處理單元140會根據觸控螢幕120的背景顏色，而選出適當的軌跡顏色，據以顯示使用者的觸碰施於在浮動視窗上的觸碰軌跡。此外，處理單元140例如是中央處理單元(Central Processing Unit，CPU)，或是其他可程式化之一般用途或特殊用途的微處理器(Microprocessor)、數位訊號處理器(Digital Signal Processor，DSP)、可程式化控制器、特殊應用積體電路(Application Specific Integrated Circuits，ASIC)、可程式化邏輯裝置(Programmable Logic Device，PLD)或其他類似裝置或這些裝置的組合。

另外，電子裝置100還可包括儲存單元，其例如是任意型式的固定式或可移動式隨機存取記憶體(Random Access Memory，RAM)、唯讀記憶體(Read-Only Memory，ROM)、快閃記憶體(Flash memory)、硬碟或其他類似裝置或這些裝置的組合。在本實施例中，儲存單元用以儲存至少一個應用程式以及多個模組。所述模組例如是電腦程式，其可載入處理單元140以實現本實施例的顯示方法。

以下即搭配電子装置100中的各項元件說明本實施例的顯示方法的詳細步驟。圖2A是依照本發明一實施例所繪示的顯示方法流程圖。請參照圖2A，於步驟S202，處理單元140於觸控螢幕120的背景畫面上提供浮動視窗，其中背景畫面例如是主畫面、應用程式介面或其他操作介面等等，此外，浮動視窗例如是以半透明來顯示。具體而言，電子裝置100可安裝有一個提供手寫輸入功能的應用程式，而使用者開啟此應用程式後，處理單元140則會產生浮動視窗，其中浮動視窗例如配置於背景畫面之上，以讓使用者可在此浮動視窗上進行輸寫。也就是說，此時使用者不僅可在浮動視窗之外的背景畫面中進行操作，也可同時利用浮動視窗來進行觸控輸入，以輸入到背景畫面中。

於步驟S204，處理單元140會偵測浮動視窗底下的背景畫面的背景顏色。在此，處理單元140會分析此背景畫面的多個像素的各顏色值。每個像素有各自的顏色值，其可採三原色來顯示，且可分成紅、綠、藍三種子像素(即RGB色域)，且各子像 素具有範圍從0~255的亮度數值為各子像素值。以黑色為例子，其RGB色域的各亮度數值分別為R=0，G=0，B=0；以白色舉例，其RGB色域的各亮度數值分別為R=255，G=255，B=255。因此，藉由分析背景畫面中各個像素的顏色值，處理單元140可獲得這些顏色值分佈在背景畫面中的資訊，且可判斷出哪些顏色值占背景畫面的比例為最多或者為次多等資訊。另需說明的是，由於使用者可在背景畫面中操作以切換背景畫面，同時也可在浮動視窗中以手寫方式來進行輸入，因此當使用者的觸碰自浮動視窗之外，移動到浮動視窗中而進行書寫或繪圖等操作時，處里單元140即會偵測目前浮動視窗底下的背景顏色。

於步驟S206，處理單元140會依據背景顏色，選擇軌跡 顏色。具體而言，處理單元140會選取占所述像素中最多的顏色值的對比顏色為軌跡顏色。其中，所述像素中最多的顏色值例如是對應於主要背景顏色，而軌跡顏色即是主要背景顏色的對比顏色。進一步而言，處理單元140可根據一個色彩表，其中此色彩表包括各顏色以及對比顏色的關係，並根據上述占所述像素中最多的顏色值，來查詢色彩表中所對應的對比顏色，藉以獲得軌跡顏色。舉例來說，倘若占所述像素中最多的顏色值為紅色，則處理單元140可根據此色彩表而選擇綠色(即紅色的對比顏色)來做為軌跡顏色。又例如，倘若占所述像素中最多的顏色值為黃色，則處理單元140會選擇紫色(即黃色的對比顏色)來做為軌跡顏色。

於步驟S208，處理單元140會依據軌跡顏色，顯示觸碰施於浮動視窗上的觸碰軌跡。在此，當使用者在觸控螢幕120上操作時，其碰觸於浮動視窗上的觸碰軌跡所顯示的顏色，為背景顏色的對比顏色。如此一來，使用者可在此手寫輸入功能的應用程式所提供的浮動視窗上，以背景顏色的對比顏色來進行輸寫。 基此，本實施例可自動以背景顏色的對比顏色來顯示觸碰軌跡，不僅讓使用者不需要手動切換或選擇軌跡顏色，同時讓使用者明顯區分出背景顏色與觸碰於浮動視窗上的觸碰軌跡的顏色。

底下舉一實施例來詳細說明。圖2B與圖2C是依照本發明一實施例所繪示的顯示方法示意圖。在上述用以提供手寫輸入功能的應用程式尚未被處理單元140啟動時，如圖2B所示，觸控螢幕120中的背景畫面200例如是顯示目前執行的程式的主畫面或者電子裝置100的桌面主畫面等，不限於此。而在上述用以提供手寫輸入功能的應用程式被處理單元140啟動後，如圖2C所示，觸控螢幕120中目前的背景畫面200的上會顯示浮動視窗220，以讓使用者在浮動視窗220上進行手寫或繪圖等等。此時，處理單元140會偵測浮動視窗220底下的背景畫面200的背景顏色。假設背景顏色大部份屬於黑色(也就是像素的顏色值大多為黑色)，則處理單元140會選擇黑色的對比顏色，即白色，來做為軌跡顏色。如此一來，使用者在浮動視窗上所做的觸碰軌跡222，則會以白色來顯示。藉此，使用者在可在浮動視窗分辨出白色的觸碰軌跡222，而不會被背景顏色(即黑色)混淆。

值得一提的是，本實施例還可依據背景畫面中的各色 區，來顯示觸碰在浮動視窗上的觸碰軌跡。底下再舉一實施例來進行說明。圖3是依照本發明一實施例所繪示的顯示方法示意圖。 請參照圖3，處理單元140會於觸控螢幕120的背景畫面300上提供浮動視窗320，並且偵測浮動視窗320底下的背景畫面300的背景顏色。在本實施例中，處理單元140在偵測背景顏色時，會將浮動視窗320底下的背景畫面300分成多個色區，例如色區32、34、36及38，藉以分析各色區32、34、36及38中的多個像素的各顏色值。更進一步而言，處理單元140會針對每個色區32、34、36及38中的多個像素的顏色值，選出占這些像素中最多的顏色值，並據此顏色值選出各色區32、34、36及38的對比顏色來顯示在各色區中的觸碰軌跡。

舉例來說，若色區32中占像素中最多的顏色值為白色， 則處理單元140會以白色的對比顏色，即黑色，來顯示色區32中的觸碰軌跡322。又例如，若色區34中占像素中最多的顏色值為紫色，則處理單元140會以紫色的對比顏色，即黃色，來顯示色區34中的觸碰軌跡322。如此一來，當使用者在觸控螢幕120上的觸碰在浮動視窗320中移動而經過各色區32、34及38時，處理單元140會以各色區32、34及38的對比顏色來顯示觸碰在觸控螢幕120上的各色區的觸碰軌跡，例如觸碰軌跡322、324及328。換言之，使用者透過浮動視窗320來進行觸碰操作時，若使用者的觸碰在背景畫面300中的不同色區移動，浮動視窗320中 所顯示的觸碰軌跡的顏色也會自動根據不同色區而改變。故使用者可直覺且清楚地分辨出觸碰軌跡的顏色，而不需要手動切換。

需說明的是，本實施例並不限制以背景顏色的對比顏色來做為浮動視窗上觸碰軌跡的軌跡顏色。在其他實施例中，處理單元140也可選擇與對比顏色接近的顏色來做為軌跡顏色。底下再舉一實施例來進行說明。

圖4A是依照本發明一實施例所繪示的顯示方法的顯示方法流程圖。請參照圖4A，於步驟S402，處理單元140會於觸控螢幕120的背景畫面上提供浮動視窗。於步驟S404，處理單元140會偵測浮動視窗底下的背景畫面的背景顏色。在此，處理單元140可分析背景畫面的多個像素的各顏色值，且於步驟S406，處理單元140會依據背景顏色，選擇軌跡顏色。其中，處理單元140會選取占背景畫面的多個像素中最多的第一顏色值的對比顏色為軌跡顏色，也就是將主要背景顏色的對比顏色做為軌跡顏色。

與前述實施例不同的是，於步驟S408，處理單元140還會進一步選取占這些像素次多的第二顏色值，且於步驟S410，處理單元140會判斷是否需要更換軌跡顏色。舉例來說，處理單元140會判斷軌跡顏色是否近似於上述第二顏色值。其中，處理單元140例如是根據一個預設顏色範圍，來判斷軌跡顏色是否和第二顏色值屬於同一個顏色範圍。倘若是，處理單元140則判斷軌跡顏色近似於第二顏色值，因此判斷需要更換軌跡顏色；倘若否，處理單元140則判斷軌跡顏色非近似於第二顏色值，因此判斷不需 要更換軌跡顏色。基此，倘若處理單元140判斷不需要更換軌跡顏色，則如步驟S412所示，處理單元140會依據上述的軌跡顏色，顯示觸碰施於浮動視窗上的觸碰軌跡。

然而，倘若處理單元140判斷需要更換軌跡顏色，則如 步驟S414所示，處理單元140會調整軌跡顏色。在此，由於軌跡顏色可包括紅色子像素值、綠色子像素值及藍色子像素值，因此，處理單元140例如是降低軌跡顏色中紅色子像素值、綠色子像素值及藍色子像素值中的至少其中之一，而獲得調整後的軌跡顏色。或者，處理單元140也可以提高軌跡顏色中紅色子像素值、綠色子像素值及藍色子像素值中的至少其中之一，來對軌跡顏色進行調整。並且，於步驟S416，處理單元140會依據調整後的軌跡顏色，顯示觸碰施於浮動視窗上的觸碰軌跡。

圖4B是依照本發明一實施例所繪示的顯示方法的顯示 方法示意圖。請參照圖4B，假設浮動視窗420底下的背景畫面400的背景顏色中，占其像素中最多的顏色值為黑色(例如區塊44大部分顯示為黑色)，而次多的顏色值為白色(例如區塊42大部分顯示為白色)。亦即，在區塊44的對比顏色為白色，且與區塊42大部分的顏色相同。因此，為了讓使用者區別區塊42的顏色(即白色)以及浮動視窗所顯示的軌跡顏色，處理單元140會選擇在白色這個顏色值附近的相似色，以顯示位於區塊42及44上的觸碰軌跡422。具體而言，由於在白色的RGB色域中，紅色子像素值、綠色子像素值及藍色子像素值分別皆是255，故處理單元140 會降低白色中的紅色子像素值、綠色子像素值及藍色子像素值之中的任一個亮度數值，以將軌跡顏色進行調整，使得浮動視窗420上所顯示的觸碰軌跡422為「淡粉色」或是「淡橘色」等的淡色系色彩。如此一來，在背景顏色為白色的區塊42中，使用者在浮動視窗上所操作的軌跡才不會是白色而無法與背景顏色區別。當然，在其他實施例中，若區塊44的對比顏色為黑色，且與區塊42大部分的顏色(例如黑色)相同，則處理單元140會提高黑色中的紅色子像素值、綠色子像素值及藍色子像素值之中的任一個亮度數值，使得浮動視窗420上所顯示的觸碰軌跡422變成「深紅色」或「深藍色」等的暗色系色彩。故在本實施例中，使用者亦可直覺地區分出浮動視窗上的軌跡顏色以及背景顏色。

綜上所述，在電子裝置及其顯示方法中，電子裝置可在背景畫面上產生浮動視窗，以提供使用者手寫或繪圖等手寫輸入功能。當使用者在此浮動視窗上操作時，電子裝置會偵測浮動視窗底下的背景畫面的背景顏色，而選擇背景顏色的對比顏色或者相似色來做為軌跡顏色，並且依據此軌跡顏色，顯示觸碰施於浮動視窗上的觸碰軌跡。如此一來，由於軌跡顏色與背景顏色為對比顏色或者相似色，故電子裝置可自動地將觸碰軌跡明顯地顯示在浮動視窗中。藉此，使用者在浮動視窗中進行操作時，不需手動切換觸碰軌跡的軌跡顏色，而增加操作上的便利性。

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

S202~S208‧‧‧顯示方法的各步驟

Claims (14)

1. 一種顯示方法，適用於具有一觸控螢幕的電子裝置，包括：於該觸控螢幕的一背景畫面上提供一浮動視窗；偵測該浮動視窗底下的該背景畫面的一背景顏色；依據該背景顏色，選擇一軌跡顏色；以及依據該軌跡顏色，顯示一觸碰施於該浮動視窗上的一觸碰軌跡。
2. 如申請專利範圍第1項所述的顯示方法，該方法更包括：當該觸碰自該浮動視窗之外，移動到該浮動視窗中時，偵測該浮動視窗底下的該背景顏色。
3. 如申請專利範圍第1項所述的顯示方法，其中在偵測該背景畫面的該背景顏色的步驟包括：分析該背景畫面的多個像素的各顏色值。
4. 如申請專利範圍第3項所述的顯示方法，其中在依據該背景顏色，選擇該軌跡顏色的步驟包括：選取占該些像素中最多的第一顏色值的一對比顏色為該軌跡顏色。
5. 如申請專利範圍第4項所述的顯示方法，其中在選取占該些像素中最多的該第一顏色值的該對比顏色為該軌跡顏色的步驟之後，更包括：選取占該些像素次多的第二顏色值；判斷是否需要更換該軌跡顏色； 倘若判斷需要更換該軌跡顏色，則調整該軌跡顏色；以及依據調整後的該軌跡顏色，顯示該觸碰施於該浮動視窗上的該觸碰軌跡。
6. 如申請專利範圍第5項所述的顯示方法，其中該軌跡顏色包括一第一子像素值、一第二子像素值及一第三子像素值，以及在調整該軌跡顏色的步驟包括：降低該軌跡顏色中該第一子像素值、該第二子像素值及該第三子像素值中的至少其中之一，或者提高該軌跡顏色中該第一子像素值、該第二子像素值及該第三子像素值中的至少其中之一。
7. 如申請專利範圍第1項所述的顯示方法，更包括：將該背景顏色分成多個色區；以及依據各該色區分別對應的一對比顏色，顯示該觸碰施於該浮動視窗上的各該色區的該觸碰軌跡。
8. 一種電子裝置，包括：一觸控螢幕，用以顯示一背景畫面；以及一處理單元，耦接於該觸控螢幕，其中該處理單元於該觸控螢幕的該背景畫面上提供一浮動視窗，偵測該浮動視窗底下的該背景畫面的一背景顏色，依據該背景顏色，選擇一軌跡顏色，以及依據該軌跡顏色，顯示一觸碰施於該浮動視窗上的一觸碰軌跡。
9. 如申請專利範圍第8項所述的電子裝置，其中當該觸碰自該浮動視窗之外，移動到該浮動視窗中時，該處理單元偵測該浮動視窗底下的該背景顏色。
10. 如申請專利範圍第8項所述的電子裝置，其中該處理單元分析該背景畫面的多個像素的各顏色值，藉以偵測該背景畫面的該背景顏色。
11. 如申請專利範圍第10項所述的電子裝置，其中該處理單元選取占該些像素中最多的第一顏色值的一對比顏色為該軌跡顏色。
12. 如申請專利範圍第11項所述的電子裝置，其中該處理單元選取占該些像素次多的第二顏色值，判斷是否需要更換該軌跡顏色，倘若判斷需要更換該軌跡顏色，則該處理單元調整該軌跡顏色，以及依據調整後的該軌跡顏色，顯示該觸碰施於該浮動視窗上的該觸碰軌跡。
13. 如申請專利範圍第12項所述的電子裝置，其中該軌跡顏色包括一第一子像素值、一第二子像素值及一第三子像素值，且該處理單元降低該軌跡顏色中該第一子像素值、該第二子像素值及該第三子像素值中的至少其中之一，或者提高該軌跡顏色中該第一子像素值、該第二子像素值及該第三子像素值中的至少其中之一，藉以調整該軌跡顏色。
14. 如申請專利範圍第8項所述的電子裝置，其中該處理單元將該背景顏色分成多個色區，以及依據各該色區分別對應的一對比顏色，顯示該觸碰施於該浮動視窗上的各該色區的該觸碰軌跡。