TWI529601B - 電子擋板系統及其方法 - Google Patents

Description

電子擋板系統及其方法

一種電子擋板系統及其方法，特別係指一種透過獨立圖形元件的顯示和圖形元件的透明度設定差異產生圖形使用者介面顯示畫面遮蔽效果的系統及其方法。

圖形使用者介面是一種人機溝通介面，其係透過圖形化的元件提供使用者透過如：滑鼠、鍵盤、觸控裝置…等不同的輸入裝置執行系統功能的操作。透過圖形使用者介面，對於系統指令不熟悉的一般使用者也可以輕易且快速的完成需要複雜系統指令才能操作的系統功能，減少了使用者與機器之間的操作斷層。

一般作業系統的圖形使用者介面中，無論是閱讀文字、觀看影片、瀏覽網頁…等各種操作，經常會產生無法只顯示部分顯示畫面的問題。舉例來說，當使用者使用PDF閱讀程式複習以往曾經測驗過的題目時，有時使用者可能會想要遮蔽答案的部分再次測試相同題目，由於PDF可能無法刪除部分文字，因此對於使用者來說只能夠手動遮蔽或是利用視窗的重疊的方式來遮擋需要遮擋的部分。

然而，對於使用者來說雖然可以手動遮蔽需要遮擋的部分，但當執行其他操作時，一旦手離開了顯示畫面，需要遮蔽的範圍就會顯現，因此無法持續的產生遮蔽效果。此外，以其他視窗重疊的方式來遮擋，經常也會因為遮擋範圍的不同需要調整視窗大小，當使用者需要使用視窗時，便必須將視窗調整回原來的最適大小，對於使用者來說也產生許多不必要的重複操作，易造成使用者的不便。

綜上所述，可知先前技術中長期以來一直存在無法以獨立圖形元件持續遮蔽圖形使用者界面中顯示畫面的問題，因此有必要提出改進的技術手段，來解決此一問題。

有鑒於先前技術存在以獨立圖形元件持續遮蔽圖形使用者界面中顯示畫面的問題，本發明遂揭露一種電子擋板系統及其方法，其中：本發明所揭露之電子擋板系統，其透過圖形使用者介面接收使用者透過輸入裝置所產生的至少一操作訊號，所述之系統包含：控制模組，用以接收及比對至少一操作訊號，並觸發對應的模組執行；設定模組，用以接收並儲存電子擋板的屬性的設定，其中所述之電子擋板的屬性至少包含遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度；繪圖模組，用以根據遮蔽範圍、擋板材質及第一透明度繪製電子擋板，並於電子擋板被顯示期間接收到控制模組比對出至少一操作訊號為標記訊號時，以第二透明度更新繪製電子擋板上的標記區域後觸發更新電子擋板的顯示；及顯示模組，用以於接收到控制模組比對出至少一操作訊號為顯示訊號時，於圖形使用者介面中的顯示位置顯示電子擋板，並於繪圖模組更新繪製電子擋板後更新電子擋板的顯示。

本發明所揭露之電子擋板方法，其透過圖形使用者介面接收使用者透過輸入裝置所產生的至少一操作訊號，所述之方法包含下列步驟：接收電子擋板的屬性的設定，其中所述之電子擋板的屬性至少包含遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度；及持續接收並比對操作訊號，其中：當比對出至少一操作訊號為顯示訊號時，於圖形使用者介面中的顯示位置顯示根據遮蔽範圍、擋板材質及第一透明度繪製的電子擋板；及當比對出至少一操作訊號為標記訊號時，顯示以第二透明度更新標記區域的電子擋板。

本發明所揭露之系統與方法如上，與先前技術之間的差異在於本發明係具有透過於圖形使用者介面根據遮蔽範圍、顯示位置、擋板材質及第一透明度等設定顯示電子擋板，並供使用者於電子擋板上產生標記產生第二透明度的至少一標記區域的技術手段。

透過上述的技術手段，本發明可透過電子擋板透明度的設定差異產生圖形使用者介面中顯示畫面的不同遮蔽效果，進而達成最佳化部分顯示效果的技術功效。

以下將配合圖式及實施例來詳細說明本發明之實施方式，藉此對本發明如何應用技術手段來解決技術問題並達成技術功效的實現過程能充分理解並據以實施。

首先，請先參考「第1圖」，為本發明所述之電子擋板系統的方塊圖，其包含控制模組101、設定模組102、繪圖模組103及顯示模組104。本發明所述之電子擋板系統係透過圖形使用者介面100接收使用者透過輸入裝置(圖中未示)所產生的至少一操作訊號105，其中所述的輸入裝置可以是滑鼠、鍵盤、觸控裝置或是其他可產生操作訊號的裝置。圖形使用者介面100，指的是以圖形元件將使用者與系統介接的介面，使用者可於顯示的圖形使用者介面100上使用輸入裝置來產生操作訊號，當系統執行對應的工作時，圖形使用者介面100上的顯示畫面也會產生變化。

控制模組101，負責接收輸入裝置透過圖形使用者介面100產生的操作訊號105，並進一步比對出操作訊號105所對應的執行工作，例如：設定、標記、圖形元件顯示或隱藏的切換、選取或其他的執行工作。由於產生一個特定的執行工作可能是由使用者在圖形使用者介面100所輸入的多個操作訊號形成，例如：移動、選取、輸入…等，因此控制模組101將會比對所接收到的操作訊號為何再觸發執行對應的操作。舉例來說，於本發明中當控制模組101比對出操作訊號105為顯示訊號時，則顯示模組104將會被觸發並執行顯示，當控制模組101比對出操作訊號105為標記訊號時，繪圖模組103將會被觸發並更新繪製電子檔板中的標記區域。在此所述的標記訊號，可以是使用者透過輸入裝置拖曳圖形使用者介面中的滑鼠游標或是透過觸控訊號滑動選取後所產生的一個反白標記、矩形、圓形、直線…等，本發明於此則不針對標記訊號在電子檔板上所能產生的標記區域的形式加以限定，於本發明所屬領域具通常知識者應可理解任何可產生標記區域的訊號應在本發明所述的標記訊號的範疇中，在此則不加贅述。

設定模組102，負責接收並儲存電子擋板的屬性的設定。所述的電子擋板的屬性至少包含電子擋板的遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度，然本發明所舉的屬性僅為電子擋板至少需包含的屬性，實際上仍可在此屬性之外添加其他與電子擋板相關的屬性，並不以本發明所述的為限。

於本發明所述的遮蔽範圍，可以是圖形使用者介面100的全螢幕或部分區塊。舉例來說，當使用者設定遮蔽範圍為全螢幕時，整個圖形使用者介面的顯示畫面均會被電子擋板所覆蓋，若設定遮蔽範圍為部分區塊時，例如：目前使用的子視窗、目前瀏覽的完整文件頁面…等，將會產生一塊僅遮蔽部分區塊的電子擋板。此外，遮蔽範圍也可以是與電子擋板的形狀有關，例如：圓形、方形或是使用者繪製出來的特殊形狀…等的遮蔽範圍，而不同的遮蔽範圍可以產生出不同的遮蔽效果。在此遮蔽範圍雖僅舉部分例子加以說明，但任何本領域具通常知識者均可在本發明揭露的前提下理解遮蔽範圍的應用方式，任何與本發明所述的遮蔽範圍具有相似功用的其他屬性，均應在本發明的範疇中，而不以本發明所舉例者為限。

於本發明所述的顯示位置，指的是電子擋板在圖形使用者介面100當中顯示的位置，可以是透過設定座標的方式將電子擋板顯示在特定座標位置上，例如：顯示位置設定為(0,0)，則電子擋板於顯示時可以顯示在座標為(0,0)的位置上。

於本發明所述的擋板材質，可以是單一或多個顯示色彩、不同的顯示樣式、圖片或其他可以使電子擋板產生特殊底色的設定。第一透明度及第二透明度均為透明度為0～100%的透明度設定值，其中0%表示完全不透明，100%表示完全透明。擋板材質搭配第一透明度及第二透明度的設定，可以產生類似於塗抹效果的電子擋板。舉例來說，電子擋板顯示時擋板材質為全黑色、第一透明度為0%、第二透明度為100%，則電子擋板將會如同一塊黑色板子遮擋住後面顯示畫面，當使用者於黑色的電子擋板上以標記(例如：畫筆筆觸)產生標記區域時，標記區域將會以完全透明的方式進行顯示，此時標記區域後方的顯示畫面都可以被顯示出來，即其顯示效果類似於一塊塗滿黑色油漆的玻璃，僅擦去部分黑色油漆後，擦去油漆的區域其玻璃後的東西將會再度顯示出來。承前一例再舉另一個例子來說，當第一透明度為100%、第二透明度為0%時，則電子擋板跟標記區域將會呈現類似於透明玻璃上僅有某些部分以黑色油漆塗抹的效果。然在此雖然透明度以0%及100%進行說明，實際上透明度可以為0%～100%範圍中的任何值，在此則不針對第一透明度與第二透明度的值加以限定，而針對第一透明度及第二透明度之間的不同高低設定方式應為本發明所屬領域具通常知識者所能理解，在此則不加贅述。

繪圖模組103，負責根據遮蔽範圍、擋板材質及第一透明度繪製電子擋板106，並於電子擋板106被顯示期間接收到控制模組101比對出的標記訊號時，以第二透明度更新繪製電子擋板106上的標記區域，接著觸發顯示模組104更新電子擋板106的顯示。

顯示模組104，負責於接收到控制模組101比對出的顯示訊號時，於圖形使用者介面100的顯示位置顯示繪圖模組103繪製完成的電子擋板106，當繪圖模組103以第二透明度更新繪製電子擋板106上的標記區域後，顯示模組104也負責將更新繪製後的電子擋板106顯示出來。

本發明所述之電子擋板系統透過前述的模組可以產生圖形使用者介面100中顯示畫面的遮蔽效果，然此之外，本發明設定模組102更用以接收並儲存標記區域的顯示位置的設定，當使用者變更標記區域的顯示位置的設定時，繪圖模組103將會更新繪製電子檔板106，接著再透過顯示模組104更新顯示。藉此標記區域可以作為電子檔板106上的一個圖形元件隨著使用者設定的顯示位置在電子檔板上移動，更進一步提升顯示畫面的遮蔽效果。

接下來，請參考「第2圖」，為本發明所述之電子擋板方法的流程圖，將用以說明本發明的實施流程。

本發明所述之電子擋板方法透過圖形使用者介面接收使用者透過如：滑鼠、鍵盤、觸控裝置…等輸入裝置所產生的至少一操作訊號。首先，系統將會先接收電子擋板的屬性的設定，其中所述之屬性至少包含遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度(步驟201)，然本發明所舉的屬性僅為電子擋板至少需包含的屬性，實際上仍可在此屬性之外添加其他與電子擋板相關的屬性，並不以本發明所述的為限。此外，由於遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度均已於稍前的部分進行說明，此處則不加贅述。

接著，系統將會持續接收並比對操作訊號(步驟202)，當接收到顯示訊號時，系統將會於圖形使用者介面的顯示位置顯示根據遮蔽範圍、擋板材質及第一透明度繪製的電子擋板(步驟203a)，當電子擋板顯示期間接收到標記訊號時，系統將會顯示以第二透明度更新標記區域的電子擋板(步驟203b)。

本發明的電子擋板方法除了前述步驟之外，更包含接收並儲存標記區域的顯示位置的設定，更新繪製電子檔板再進行顯示的步驟，藉此標記區域可以作為電子檔板上的一個圖形元件隨著使用者設定的顯示位置在電子檔板上移動，更進一步提升顯示畫面的遮蔽效果。

接下來，將以幾個實施例來說明本發明的實施方式。

首先，於本發明所產生的電子擋板為一個圖形元件，而本發明所述之電子擋板系統及其方法可以應用於不同功能的系統中，如：文書編輯系統、語言學習系統、影像播放系統或是其他系統，也可以是以一個支援電子擋板相關操作的獨立系統單獨存在。

請先參考「第3A圖」～「第3D圖」，為一個本發明所述的電子擋板的第一實施態樣，其中第一透明度小於第二透明度，則假設根據一個設定的遮蔽範圍、擋板材質及第一透明度可繪製出如「第3A圖」所示的電子擋板300，則如「第3B圖」所示，當使用者透過輸入裝置控制標記指示元件301在電子擋板300上產生標記區域302時，標記區域302將會以第二透明度更新顯示，此時電子擋板300後的顯示畫面將會被顯示出來。電子擋板300的屬性，包含遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度等，均可以是系統預設的，也可以是使用者設定的。舉例來說，如「第3C圖」，假設預設的顯示位置為第一顯示位置303，則使用者可以再透過輸入裝置將電子擋板300移動到第二顯示位置上。

此外，需要特別說明的是，假設使用者係以滑鼠游標304透過圖形使用者介面進行系統操作，則當滑鼠游標304落入標記區域302時，滑鼠游標可移動標記區域，如「第3D圖」所示，為「第3C圖」移動標記區域302後的示意圖，藉此標記區域302可以作為電子擋板300上的一個獨立元件隨著使用者的設定移動，更進一步提升顯示畫面的遮蔽效果。

接著，請參考「第4A圖」～「第4D圖」，為本發明所述的電子擋板的第二實施態樣，假設電子擋板400的第一透明度大於第二透明度，則此時如「第4A圖」所示，當電子擋板400顯示時，電子擋板400後方的顯示畫面將會被顯示出來，在使用的過程中使用者同樣可以變更電子擋板400的屬性，如「第4B圖」所示，可以自第一顯示位置401將電子擋板400移動到其他的顯示位置。接著，請參考「第4C圖」，當透過輸入裝置控制標記指示元件402並在電子擋板400上產生標記區域403時，由於第二透明度小於第一透明度，此時電子擋板400標記區域403後面的顯示畫面將會被遮蔽起來。

請參考「第4D圖」，同樣地，當滑鼠游標404落在標記區域403時也可以移動標記區域403，藉此標記區域403可以作為電子擋板400上的一個獨立元件隨著使用者的設定移動，更進一步提升顯示畫面的遮蔽效果。

接下來將配合「第5A圖」～「第5D圖」，以一個應用有本發明的測驗學習系統產生電子擋板的過程作為一個實施例來說明本發明如何應用於具有特殊功能的系統中。

請先參考「第5A圖」，假設圖形使用者介面500中開啟了測驗學習系統的測驗結果顯示視窗510，使用者可以透過設定工具列311對電子擋板的遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度進行設定，若無設定的屬性則可使用系統預設的設定值。假設使用者設定的遮蔽範圍為100x150像素，則當使用者觸發了顯示電子擋板的功能鍵310時，如「第5B圖」所示，電子擋板300將會顯示於設定的顯示位置中。此外，遮蔽範圍也可以設定為如「第5C圖」所示的電子擋板300，以目前使用的子視窗的顯示區塊為遮蔽範圍。或是可如「第5D圖」所示，電子擋板300的遮蔽範圍為一個圓形的遮蔽範圍。由於遮蔽範圍可依據使用者設定的電子擋板形狀及大小而變化，因此使用者可以選擇最符合需求的方式產生對應的電子擋板300。

假設在本實施例中，第一透明度小於第二透明度，則若在「第5B圖」及「第5C圖」中所示的電子擋板300上產生標記區域時，將會產生類似於「第3A圖」～「第3C圖」所示的部分遮蔽效果，藉此當使用者在複習測驗試題時便可以遮蔽其他不需要顯示的資訊，對同一測驗試題再次作答。雖然在本實施例中以測驗學習系統為例進行說明，但本發明可以應用於任何具特殊功能的系統，例如：影像播放系統、文書編輯系統…等，並不以測驗學習系統為限。

雖然本實施例中「第5A圖」～「第5D圖」繪示的方式是以第一透明度小於第二透明度的電子擋板為例進行說明，實際上也可以採用「第4A圖」～「第4D圖」的第一透明度大於第二透明度的方式產生電子擋板，產生效果類似於「第4A圖」～「第4D圖」，在此則不加贅述。

接下來將配合「第6A圖」～「第6D圖」，以一個獨立運作的電子擋板程式產生電子擋板的過程作為另一個實施例來說明本發明如何在圖形使用者介面上產生遮蔽效果。

請參考「第6A圖」，假設圖形使用者介面600中目前顯示了電子擋板程式的操作介面610及使用中的影片播放視窗620，當使用者觸發了顯示電子擋板的功能鍵310時，電子擋板將會被顯示於圖形使用者介面600中。顯示的電子擋板的遮蔽範圍可以是如「第6B圖」所示的電子擋板300以使用者設定的大小顯示，也可以是如「第6C圖」所示的電子擋板300進行全螢幕顯示。全螢幕顯示時，操作介面610也可以持續存在於圖形使用者介面600中供使用者設定及操作電子擋板300。如「第6D圖」所示，當使用者在電子擋板300中標記出標記區域630時，標記區域630後的顯示畫面也將會被顯示出來。

同樣地，雖然在「第6A圖」～「第6D圖」中雖然以第一透明度小於第二透明度的電子擋板300為例進行說明，實際上本實施例也可以採用「第4A圖」～「第4D圖」第一透明度大於第二透明度的電子擋板實施，其實施的效果將會如「第4A圖」～「第4D圖」所示，在此則不加贅述。

雖然本發明所揭露之實施方式如上，惟所述之內容並非用以直接限定本發明之專利保護範圍。任何本發明所屬技術領域中具有通常知識者，在不脫離本發明所揭露之精神和範圍的前提下，可以在實施的形式上及細節上作些許之更動。本發明之專利保護範圍，仍須以所附之申請專利範圍所界定者為準。

100．．．圖形使用者介面

101．．．控制模組

102．．．設定模組

103．．．繪圖模組

104．．．顯示模組

105．．．操作訊號

106．．．電子擋板

300．．．電子擋板

301．．．標記指示元件

302．．．標記區域

303．．．第一顯示位置

304．．．滑鼠游標

310．．．功能鍵

311．．．設定工具列

400．．．電子擋板

401．．．第一顯示位置

402．．．標記指示元件

403．．．標記區域

404．．．滑鼠游標

500．．．圖形使用者介面

510．．．測驗結果顯示視窗

600．．．圖形使用者介面

610．．．操作介面

620．．．影片播放視窗

630．．．標記區域

步驟201　接收電子擋板的遮蔽範圍、顯示位置、擋板材質、第一透明度及第二透明度等屬性的設定

步驟202　持續接收並比對操作訊號

步驟203a　於圖形使用者介面中顯示位置顯示根據遮蔽範圍、擋板材質及第一透明度繪製的電子擋板

步驟203b　顯示以第二透明度更新標記區域的電子擋板

第1圖為本發明電子擋板系統的方塊圖。

第2圖為本發明電子擋板方法的流程圖。

第3A圖～第3D圖為本發明所述之電子擋板的第一實施態樣示意圖。

第4A圖～第4D圖為本發明所述之電子擋板的第二實施態樣示意圖。

第5A圖～第5D圖為本發明應用於特殊功能系統的實施例示意圖。

第6A圖～第6D圖為本發明作為獨立系統運作的實施例示意圖。

100．．．圖形使用者介面

101．．．控制模組

102．．．設定模組

103．．．繪圖模組

104．．．顯示模組

105．．．操作訊號

106．．．電子擋板

Claims (8)

1. 一種電子擋板系統，其透過一圖形使用者介面接收使用者透過一輸入裝置所產生的至少一操作訊號，該系統包含：一控制模組，用以接收及比對該至少一操作訊號，並觸發對應的模組執行；一設定模組，用以接收並儲存一電子擋板的屬性的設定，其中該電子擋板的屬性至少包含一遮蔽範圍、一顯示位置、一擋板材質、一第一透明度及一第二透明度，該遮蔽範圍是與該電子擋板的形狀有關；一繪圖模組，用以根據該遮蔽範圍、該擋板材質及該第一透明度繪製該電子擋板，該顯示位置為可改變的，使用者通過該輸入裝置移動該電子擋板的該顯示位置，並於該電子擋板被顯示期間接收到該控制模組比對出該至少一操作訊號為一標記訊號時，以該第二透明度更新繪製該電子擋板上的一標記區域後觸發更新該電子擋板的顯示，該標記訊號是在該電子檔板上所產生的，該標記訊號是使用者透過該輸入裝置拖曳該圖形使用者介面中的滑鼠遊標或透過一觸控訊號滑動選取後所產生該標記區域，當滑鼠遊標落入該標記區域時，滑鼠遊標可移動該標記區域；及一顯示模組，用以於接收到該控制模組比對出該至少一操作訊號為一顯示訊號時，於該圖形使用者介面中的該顯示位置顯示該電子擋板，並於該繪圖模組更新繪製該電子擋板後更新該電子擋板的顯示。
2. 如申請專利範圍第1項所述之電子擋板系統，其中該遮蔽範 圍係為該圖形使用者介面的全螢幕或部分區塊。
3. 如申請專利範圍第1項所述之電子擋板系統，其中該擋板材質包含顯示色彩、顯示樣式及圖片。
4. 如申請專利範圍第1項所述之電子擋板系統，其中該設定模組更用以接收並儲存該標記區域的顯示位置，且由該繪圖模組更新繪製該電子檔板再透過該顯示模組進行顯示。
5. 一種電子擋板方法，其透過一圖形使用者介面接收使用者透過一輸入裝置所產生的至少一操作訊號，該方法包含下列步驟：接收一電子擋板的屬性的設定，其中該電子擋板的屬性至少包含一遮蔽範圍、一顯示位置、一擋板材質、一第一透明度及一第二透明度，該遮蔽範圍是與該電子擋板的形狀有關；及持續接收並比對該至少一操作訊號，其中：當比對出該至少一操作訊號為一顯示訊號時，於該圖形使用者介面中的該顯示位置顯示根據該遮蔽範圍、該擋板材質及該第一透明度繪製的該電子擋板，該顯示位置為可改變的，使用者通過該輸入裝置移動該電子擋板的該顯示位置；及當比對出該至少一操作訊號為一標記訊號時，顯示以該第二透明度更新一標記區域的該電子擋板，該標記訊號是在該電子檔板上所產生的，該標記訊號是使用者透過該輸入裝置拖曳該圖形使用者介面中的滑鼠遊標或透過一觸控訊號滑動選取後所產生該標記區域，當滑鼠遊標落入該標記區域時，滑鼠遊標可移動該標記區域。
6. 如申請專利範圍第5項所述之電子擋板方法，其中該遮蔽範圍係為該圖形使用者介面的全螢幕或螢幕顯示畫面的部分區塊。
7. 如申請專利範圍第5項所述之電子擋板方法，其中該擋板材質包含顯示色彩、顯示樣式及圖片。
8. 如申請專利範圍第5項所述之電子擋板方法，其中該方法更包含接收並儲存該標記區域的顯示位置的設定，更新繪製該電子檔板再進行顯示的步驟。