TW201435671A - 顯示方法、電子裝置以及電腦程式產品 - Google Patents

顯示方法、電子裝置以及電腦程式產品 Download PDF

Info

Publication number
TW201435671A
TW201435671A TW102109282A TW102109282A TW201435671A TW 201435671 A TW201435671 A TW 201435671A TW 102109282 A TW102109282 A TW 102109282A TW 102109282 A TW102109282 A TW 102109282A TW 201435671 A TW201435671 A TW 201435671A
Authority
TW
Taiwan
Prior art keywords
transparency
touch screen
screen
picture
image
Prior art date
Application number
TW102109282A
Other languages
English (en)
Other versions
TWI492117B (zh
Inventor
Kai-Feng Chiu
Yu-Jhang Lu
Shih-Yun Yang
Original Assignee
Htc Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Htc Corp filed Critical Htc Corp
Publication of TW201435671A publication Critical patent/TW201435671A/zh
Application granted granted Critical
Publication of TWI492117B publication Critical patent/TWI492117B/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一種顯示方法、電子裝置以及電腦程式產品，此顯示方法包括：顯示具有一第一透明度之一圖片於電子裝置的觸控螢幕上；偵測觸控螢幕上的一接觸操作；根據接觸操作的位置決定圖片的一第二透明度，其中第二透明度高於第一透明度；同時顯示具有第二透明度的圖片以及由圖片所覆蓋的一螢幕畫面於觸控螢幕上。

Description

顯示方法、電子裝置以及電腦程式產品
本發明是有關於一種螢幕畫面顯示機制，且特別是有關於一種顯示方法、電子裝置以及電腦程式產品。
一般來說，電子裝置可因閒置一段時間或根據使用者的控制而進入電子裝置的螢幕鎖定模式。在電子裝置的螢幕鎖定模式下，當電子裝置接收到一通知訊息時，使用者必須將此電子裝置解鎖才能查看相關的資訊。以接收簡訊為例，在電子裝置的螢幕鎖定狀態下，若使用者想要查看此電子裝置最新接收到的簡訊，使用者必須要先將此電子裝置解鎖，並啟動簡訊應用程式才能查看簡訊的顯示介面與相關內容。
然而，對於只是想要快速地瀏覽所接收到的訊息的使用者來說，在電子裝置的螢幕鎖定模式下，每接收到一個新訊息就要將電子裝置解鎖才能查看訊息內容的方式在使用上並不方便。
有鑑於此，本發明提供一種顯示方法、電子裝置以及電 腦程式產品，可有效地提升在電子裝置的螢幕鎖定模式與解鎖模式下查看其他螢幕畫面的便利性。
本發明提出一種顯示方法，適用於一電子裝置，電子裝置具有一觸控螢幕，此顯示方法包括：顯示具有一第一透明度之一圖片於觸控螢幕上；偵測觸控螢幕上的一接觸操作；根據接觸操作的一位置決定圖片的一第二透明度，其中第二透明度高於第一透明度；同時顯示具有第二透明度的圖片與由圖片所覆蓋的一螢幕畫面於觸控螢幕上。
本發明另提出一種電子裝置，此電子裝置包括觸控螢幕、記憶體、至少一處理器以及至少一程序，其中至少一程序存儲在記憶體中且經配置以由至少一處理器執行，至少一程序包含進行以下操作的指令：顯示具有一第一透明度之一圖片於觸控螢幕上；偵測觸控螢幕上的一接觸操作；根據接觸操作的一位置決定圖片的一第二透明度，其中第二透明度高於第一透明度；同時顯示具有第二透明度的圖片與由圖片所覆蓋的一螢幕畫面於觸控螢幕上。
從另一角度來看，本發明還提出一種電腦程式產品，此電腦程式產品包括電腦可讀取記錄媒體，電腦可讀取記錄媒體記錄至少一程式指令，至少一程式指令在載入具有一觸控螢幕的一電子裝置後，用以執行下列步驟：顯示具有一第一透明度之一圖片於觸控螢幕上；偵測觸控螢幕上的一接觸操作；根據接觸操作的一位置決定圖片的一第二透明度，其中第二透明度高於第一透 明度；同時顯示具有第二透明度的圖片與由圖片所覆蓋的一螢幕畫面於觸控螢幕上。
基於上述，本發明可在電子裝置的螢幕鎖定模式或解鎖模式下，顯示具有一第一透明度之一圖片於觸控螢幕上，並偵測觸控螢幕上的一接觸操作。然後，根據此接觸操作的位置決定圖片的一第二透明度，其中第二透明度高於第一透明度。接著，顯示具有第二透明度的圖片於觸控螢幕上，以及顯示由圖片所覆蓋的一螢幕畫面於觸控螢幕上。藉此，在不需將螢幕畫面完全切換至圖像對應的螢幕畫面的前提下，使用者可預先查看被選定的圖像對應的螢幕畫面，大幅提昇電子裝置在操作時的便利性。
為讓本發明的上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。
10‧‧‧電子裝置
11‧‧‧觸控螢幕
12‧‧‧記憶體
13‧‧‧處理器
131‧‧‧作業系統
133‧‧‧程序
301‧‧‧接觸區域
302‧‧‧起點位置
303‧‧‧終點位置
210、310、510、910‧‧‧圖片
320、520、920‧‧‧切換邊界
330、530、930‧‧‧起始區域
340、540、940‧‧‧切換區域
501、502、503、901、902、903‧‧‧圖像
602、1003、1103‧‧‧圖像的初始顯示位置
D1、D2、D3、D4、D5‧‧‧距離
S210、S220、S230、S240‧‧‧本發明第一實施例的顯示方法各步驟
S402、S404、S406、S408、S410、S412、S414、S416、S418、S420、S422、S424‧‧‧本發明第二實施例的顯示方法各步驟
S802、S804、S806、S808、S810、S812、S814、S816、S818、S820、S822、S824‧‧‧本發明第三實施例的顯示方法各步驟
圖1為根據本發明第一實施例所繪示的電子裝置的示意圖。
圖2A為根據本發明第一實施例所繪示的顯示方法的流程圖。
圖2B、圖2C與圖2D為根據本發明第一實施例所繪示的調整圖片的透明度的示意圖。
圖3A與圖3B為根據本發明一實施例所繪示的顯示切換邊界以決定第二透明度的示意圖。
圖3C為根據本發明一實施例所繪示的透過內差法決定第二 透明度的示意圖。
圖4為依據本發明的第二實施例所繪示的顯示方法的流程圖。
圖5A與圖5B為根據本發明第二實施例所繪示的於圖片上顯示切換邊界的示意圖。
圖6為根據本發明第二實施例所繪示的拖曳操作位於切換區域內的示意圖。
圖7為根據本發明第二實施例所繪示的拖曳操作非位於切換區域內的示意圖。
圖8為依據本發明的第三實施例所繪示的顯示方法的流程圖。
圖9為根據本發明第三實施例所繪示的於圖片上顯示切換邊界與圖像的示意圖。
圖10為根據本發明第三實施例所繪示的拖曳操作位於切換區域內的示意圖。
圖11為根據本發明第三實施例所繪示的拖曳操作非位於切換區域內的示意圖。
第一實施例
圖1為根據本發明第一實施例所繪示的電子裝置的示意圖。請參照圖1，電子裝置10例如是智慧型手機(smart phone)、 個人數位助理(Personal Digital Assistant,PDA)或平板電腦(Tablet PC)等各式具有觸控顯示功能的電子裝置。
電子裝置10包括觸控螢幕11、記憶體12以及處理器13。觸控螢幕11為電子裝置10的輸入與輸出介面，並且用以顯示電子裝置10的各式操作螢幕畫面。特別是，觸控螢幕11可偵測使用者的各種接觸操作。例如，此些接觸操作包括點擊(click)或拖曳(drag)等。在某些例子中，觸控螢幕11可以是電阻式(resistive)觸控面板、電容式(capacitive)觸控面板、光學式(optical)觸控面板、聲波式(acoustic wave)觸控面板、電磁式(electromagnetic)觸控面板等，在此並不限制其種類。
記憶體12用以儲存資料與至少一執行指令。在實施上，記憶體12可內建於電子裝置10，或透過特定介面外接於電子裝置10。此外，記憶體12還可以是硬碟、光碟或外接式儲存裝置(如記憶卡、隨身碟等)等。在某些例子中，記憶體12至少儲存作業系統131和至少一程序133。其中，作業系統131包含各種軟體組件和/或驅動程式，以管理電子裝置10的一般操作。舉例來說，作業系統131提供使用者介面以讓使用者與電子裝置10互動，並可管理在電子裝置10上運行的應用程式以及管理儲存在電子裝置10中的文件。程序133包括至少一個由處理器12執行的指令。具體而言，處理器12運行程序133以執行本實施例的顯示方法。顯示方法的詳細步驟將於後配合圖示再做說明。
處理器13耦接觸控螢幕11與記憶體12。處理器13可依 據觸控螢幕11偵測到的接觸操作產生對應的操作指令，並控制觸控螢幕11顯示對應的螢幕畫面。例如，在某些例子中，處理器13可包含觸控螢幕11的觸控螢幕控制器或定位控制器。當使用者在觸控螢幕11上執行接觸操作(例如，觸碰觸控螢幕11)時，處理器13可根據觸控螢幕11產生的定位訊息取得相關的定位資訊，並將此相關的定位資訊儲存於記憶體12。在某些例子中，此相關的定位資訊包括接觸操作對應於觸控螢幕11的座標與此接觸操作發生的時間等等。此外，處理器13可以是微處理器(micro-processor)、嵌入式處理器(embedded processor)或中央處理器(central processing unit,CPU)等，但本發明之可實施方式並不對限定於上述。
圖2A為根據本發明的第一實施例所繪示的顯示方法的流程圖。以下將以電子裝置10搭配圖2A對此方法進行說明。請參照圖2A，在步驟S210中，處理器13顯示具有一第一透明度之一圖片於觸控螢幕11上。當圖片透明度越高時，圖片越透明；反之，當圖片透明度越低時，圖片越不透明。若以百分比制來看，圖片的透明度可以用0%至100%來表示。當透明度為0%時，表示此時圖片完全不透明；而當透明度為100%時，則表示此時圖片幾乎是完全透明的。在某些例子中，此第一透明度例如是圖片的最低透明度(例如0%)，但可依實務上調整(例如：5%)。
在某些例子中，此圖片的覆蓋區域(covering range)可以等於觸控螢幕11的實際最大顯示區域，亦即，觸控螢幕11的 顯示區域全部用來顯示此圖片。在某些例子中，此圖片的覆蓋區域也可以僅覆蓋觸控螢幕11的部分顯示區域，亦即，觸控螢幕11的部分顯示區域用來顯示此圖片，觸控螢幕11其他部分的顯示區域用來顯示其他資訊(例如：狀態列)，視實務需求而定。
在步驟S220中，處理器13偵測觸控螢幕11上的一接觸操作。舉例來說，處理器13可偵測使用者在觸控螢幕11上的點擊或拖曳等接觸操作，並且取得此接觸操作的位置、位移等接觸資訊。在某些例子中，當處理器13偵測觸控螢幕11上的接觸操作時，便直接調整圖片的透明度至一預設起始透明度，該預設起始透明度(例如：10%)大於第一透明度(例如：0%)。
在步驟S230中，處理器13根據此接觸操作的位置決定圖片的第二透明度，其中圖片的第二透明度高於圖片的第一透明度。舉例來說，此第二透明度例如是與接觸操作的位移(displacement)成正相關(positive correlation)。例如，當此接觸操作為拖曳操作時，當此拖曳操作的起點位置與終點位置距離越遠時，所決定的第二透明度越大；反之，當此拖曳操作的起點位置與終點位置距離越近時，所決定的第二透明度越小。
在步驟S230的某些例子中，處理器13可根據接觸操作的位移計算(例如，透過一演算法)圖片的第二透明度。此外，在一實施例中，當接觸操作的位移在一預設範圍內時，處理器13也可設定此第二透明度為對應於此預設範圍之預設透明度。換句話說，透過預先將多個預設範圍與多個預設透明度進行關聯(例 如，記錄於一查找表)，即可根據此接觸操作的位移取得一預設範圍對應的一預設透明度，並將其設定為圖片的第二透明度。或者，在另一實施例中，處理器13也可預先將觸控螢幕11劃分為多個預設區域，並記錄每一個預設區域對應的一預設透明度。當接觸操作的位置位於觸控螢幕11的一個預設區域內時，處理器13可設定圖片的第二透明度為對應於此預設區域之預設透明度。
然後，在步驟S240中，處理器13顯示具有第二透明度的圖片於觸控螢幕11上。類似於步驟S210，此圖片的覆蓋區域可以等於觸控螢幕11的實際最大顯示區域或僅覆蓋觸控螢幕11的部分顯示區域，視實務需求而定。
於步驟S250中，處理器13顯示由此圖片所覆蓋的螢幕畫面於觸控螢幕11上。舉例來說，此螢幕畫面例如是一主畫面、一簡訊螢幕畫面、一電子郵件螢幕畫面、一記事本螢幕畫面、一行事曆或備忘錄螢幕畫面以及一影像螢幕畫面其中之一。
圖2B、圖2C與圖2D為根據本發明一實施例所繪示的調整圖片的透明度的示意圖。
在圖2B中，假設觸控螢幕11上的圖片210一開始具有第一透明度(例如0%)。如圖2C所示，當使用者觸碰觸控螢幕11(例如，圖片210上的任意位置)時，圖片210的透明度可被調整為一預設起始透明度(例如10%)，以提示使用者已經觸碰到觸控螢幕11，而方便使用者查看由圖片210所覆蓋的螢幕畫面(例如，電子郵件螢幕畫面)。在某些例子中，圖2C中圖片210的透明度也可 以維持在第一透明度。接著，如圖2D所示，當使用者在觸控螢幕11上滑動一段距離時，圖片210的透明度(即，第二透明度)可被更進一步地調高，例如調高至90%等等。雖然圖2D是以手指向右滑動為範例，但本發明並不限定滑動的起點與方向。在某些例子中，此第二透明度可以根據使用者在觸控螢幕11上滑動的距離而定。例如，當使用者滑動的距離越長，則第二透明度越高等等。
特別是，在某些例子中，當使用者在觸控螢幕11上的滑動符合一預定條件時，例如：滑動距離超過一預設距離、滑動時間超過一預定時間、或滑動至一特定區域後，離開觸控螢幕11時，處理器13還可以移除圖片210並執行一預設功能。例如，將電子裝置10從螢幕鎖定模式(screen locking)切換至解鎖(unlocking)模式等等。
在某些例子中，在步驟S220中，當處理器13偵測到觸控螢幕11上的接觸操作時，處理器13可回應此接觸操作以更新此螢幕畫面，則在步驟S250中，處理器13顯示於步驟S220中更新後之螢幕畫面於觸控螢幕11上。舉例來說，假設在步驟S250中觸控螢幕11顯示的螢幕畫面為一收件匣螢幕畫面，當處理器13在步驟S220中偵測到觸控螢幕11上的接觸操作時，處理器13便會更新收件檢查簡訊收件匣，以在步驟S250中顯示此收件匣的最新螢幕畫面。
在某些例子中，步驟S210與S220的執行順序可適應性地調整。例如，假設觸控螢幕11上本來並沒有顯示圖片，而在處 理器13偵測到觸控螢幕11上的接觸操作之後，處理器13可回應偵測觸控螢幕11上的接觸操作，而顯示具有第一透明度之圖片於觸控螢幕11上。
此外，在步驟S230的某些例子中，處理器13也可藉由使用者在觸控螢幕11上的接觸操作與一判斷基準之間的相對位置或距離來決定圖片的第二透明度。舉例來說，圖3A與圖3B為根據本發明一實施例所繪示的顯示切換邊界以決定第二透明度的示意圖。請參照圖3A，觸控螢幕11上顯示有圖片310與切換邊界320，然後，如圖3B所示，當使用者在觸控螢幕11上的接觸區域301進行接觸操作時，處理器13可計算此接觸操作的位置(即，接觸區域301)與切換邊界320之間的最小距離D1。然後，處理器13可根據最小距離D1決定圖片310的第二透明度，其中第二透明度與最小距離D1成負相關(negative correlation)。換言之，當使用者的接觸操作較為接近切換邊界320時，處理器13可將圖片310的透明度調高。而當使用者的接觸操作較為遠離切換邊界320時，處理器13則可將圖片310的透明度調低。
在步驟S230的某些例子中，在顯示一切換邊界於觸控螢幕11之後，處理器13可以將偵測到之接觸操作的起點位置定義為對應一第一預設透明度(例如：預設起始透明度)，並將切換邊界定義為對應一第二預設透明度，其中第一預設透明度可高於或等於第一透明度，第二預設透明度高於第一預設透明度，舉例來說，第一預設透明度例如是0%或10%，第二預設透明度例如是透明度 90%或100%，視實務上需求而定。然後，處理器13可根據此接觸操作的終點位置分別與其起點位置及切換邊界之間的一直線距離決定一數值。接著，處理器13可對第一預設透明度、第二預設透明度，以及此數值進行一內差法(Interpolation method)運算以得到第二透明度。
舉例來說，圖3C為根據本發明一實施例所繪示的透過內差法決定第二透明度的示意圖。請參照圖3C，假設起點位置302為接觸操作的起點位置，終點位置303為接觸操作的終點位置，切換邊界310為預先顯示之切換邊界。其中，起點位置302對應第一預設透明度(例如，透明度10%)，切換邊界310對應第二預設透明度(例如，透明度100%)。處理器13可獲得終點位置303與切換邊界310之間的直線距離D2以及起點位置302與切換邊界310之間的直線距離D3，並根據直線距離D2與直線距離D3決定一數值。然後，處理器13對第一預設透明度、第二預設透明度，以及此數值進一內差法運算以得到第二透明度。舉例來說，假設D2=2公分且D3=1公分，則處理器13可透過運算D3÷(D2+D3)=1/3而獲得此數值(即，1/3)。然後，處理器13可透過內差法運算，例如，將第二預設透明度扣掉第一預設透明度乘上數值再加上第一預設透明度而得到第二透明度((100%-10%)*1/3+10%=40%)。
此外，請再次參照圖3B，處理器13也可更進一步透過切換邊界320將觸控螢幕11分割為起始區域330及切換區域340。只有當使用者在觸控螢幕11上的接觸操作位於起始區域330內 時，才會透過內差法決定第二透明度。若使用者在觸控螢幕11上的接觸操作位於切換區域340內，則處理器13設定此第二透明度為對應於切換區域340之一預設透明度(例如：第二預設透明度)。
第二實施例
圖4為依據本發明的第二實施例所繪示的顯示方法的流程圖。在此請注意，由於第二實施例的硬體架構類似於第一實施例的硬體架構，因此，在此不再重複贅述。以下將利用第一實施例的元件來說明第二實施例。
請參照圖1與圖4，在步驟S402中，處理器13可顯示一圖片於觸控螢幕11。在某些例子中，此圖片例如是電子裝置10於螢幕鎖定模式中預設的圖片。此圖片具有一第一透明度。在某些例子中，此第一透明度可為此圖片的最小透明度(例如，透明度0%~10%)等，但其可視實務上的需求調整。此外，此圖片的尺寸例如是與觸控螢幕11的最大顯示區域相等。或者，此圖片的尺寸也可以是小於觸控螢幕11的最大顯示區域，本發明不對其限制。
接著，處理器13可於此圖片上顯示一個或多個圖像。此一個或多個圖像例如是處理器13根據一個或多個通知事件所產生的。舉例來說，當電子裝置10接收到來自其他的電子裝置的簡訊、電子郵件或即時訊息時，處理器13可隨即產生相對應的通知事件，並根據所產生的通知事件產生相對應的圖像，以通知使用者去查看所接收到的簡訊、電子郵件或即時訊息等。或者，此一個或多個圖像的其中之一也可以對應於電子裝置10進入此螢幕鎖定 模式之前的螢幕畫面。
此外，當電子裝置10的行事曆或備忘錄中一事件預設的提醒時間到達時，處理器13也可顯示對應此事件的圖像，以通知使用者至行事曆或備忘錄中查看此事件的事件內容。此外，此一個或多個圖像還可以是根據其他的各種通知事件而產生的，例如，來自社群網站的通知訊息或即時通訊應用程式的對話訊息等等，本發明不對其限制。
在某些例子中，每一個圖像可對應至一個應用程式，並可用以啟動其對應的應用程式。例如，此一個或多個圖像可分別對應至簡訊應用程式、電子郵件應用程式、記事本應用程式、行事曆或備忘錄應用程式以及影像播放應用程式等等，且本發明不以此為限。例如，在一實施例中，此一個或多個圖像還可用以啟動社群網站應用程式以及即時通訊應用程式等，在此不一一贅述。
然後，於步驟S404中，處理器13偵測觸控螢幕11上對於此一個或多個圖像中的一圖像的接觸操作。舉例來說，處理器13可偵測使用者在觸控螢幕11上的點擊或拖曳等接觸操作，並將此接觸操作對應的座標資訊等資料數據儲存於記憶體12。然後，處理器13可根據此接觸操作對應的座標資訊判斷此接觸操作是否為對應此一個或多個圖像中的一圖像的接觸操作。在處理器13偵測到對於圖像的接觸操作之後，於步驟S406中，處理器13會在此圖片上顯示一切換邊界，且此切換邊界環繞圖像的初始顯示位置，並且將觸控螢幕11上切換邊界之外的區域定義為切換區域。
舉例來說，圖5A與圖5B為根據本發明第二實施例所繪示的於圖片上顯示切換邊界的示意圖。請參照圖5A，觸控螢幕11上顯示有圖片510，且圖片510具有一預設透明度(即，第一透明度)。在某些例子中，由於圖片510的預設透明度為最小透明度，故圖片510可完全遮擋住觸控螢幕11上原先的螢幕畫面。然而，此預設透明度也可以適應性地調整。此外，圖片510上顯示有圖像501~503。舉例來說，圖像501對應簡訊應用程式，圖像502對應電子郵件應用程式，而圖像503對應社群網站應用程式。
請參照圖5B，當使用者在觸控螢幕11上執行對於圖像502(即，圖像)的接觸操作時，例如，使用者在觸控螢幕上11按壓圖像502，觸控螢幕11會以圖像502的初始顯示位置為中心，顯示環繞圖像502的初始顯示位置的切換邊界520於圖片510上，以將觸控螢幕11上的區域劃分或定義為起始區域530以及切換區域540。特別是，在某些例子中，接觸操作對應的圖像502的初始顯示位置所在的區域被定義為起始區域530，而切換邊界520之外(或者，非圖像402的初始顯示位置所在的區域)則被定義為切換區域540。此外，在另一實施例中，多個切換邊界也可以預先顯示於觸控螢幕11上，並且分別環繞圖像501~503。
值得一提的是，雖然本實施例的切換邊界520是以圓形的形狀環繞於圖像502的初始顯示位置周圍，但是，切換邊界520還可以是矩形或橢圓形等形狀，本發明不對其限制。此外，切換邊界520也可以是可見或不可見的(例如，虛擬的)，本發明不對 其限制。
接著，於步驟S408中，處理器13可判斷此接觸操作是否為對應圖像的拖曳操作。舉例來說，處理器13可判斷在偵測到此接觸操作之後是否有偵測到連續的多個座標資訊。若處理器13在偵測到此接觸操作之後有偵測到連續的座標資訊，則處理器13可判定此接觸操作為對應此圖像拖曳操作。
若處理器13判斷此接觸操作並非為對應圖像的拖曳操作，例如，在處理器13偵測到此接觸操作之後沒有偵測到連續的多個座標資訊，在步驟S410中，處理器13可接續判斷此接觸操作是否持續存在。若此接觸操作持續存在，例如，使用者持續地在觸控螢幕11上的固定位置按壓圖像，則處理器13重複執行步驟S406，以在觸控螢幕11上顯示切換邊界(例如，圖5B的切換邊界520)。若此接觸操作已終止或已不存在，例如，使用者將輸入工具從觸控螢幕11上移開，則處理器13重複執行步驟S402，而將觸控螢幕11的螢幕畫面回復至步驟S402中的顯示螢幕畫面。
此外，若處理器13判斷此接觸操作為對應圖像的拖曳操作，例如，在處理器13偵測到此接觸操作之後，處理器13接續偵測到連續的多個座標資訊，在步驟S412中，處理器13會判斷此拖曳操作是否持續存在。若此拖曳操作持續存在，在步驟S414中，處理器13判斷此拖曳操作目前的位置是否位於觸控螢幕11上的切換區域(例如，圖5B的切換區域540)內。
若此拖曳操作目前的位置是位於觸控螢幕11上的切換區 域(例如，圖5B的切換區域540)內，在步驟S416中，處理器13可調整此圖片的透明度為另一個預設透明度(即，第二透明度)。在某些例子中，此第二透明度例如是圖片的最大透明度，但可視實務上的需求加以調整。然後，在步驟S420中，處理器13可基於圖片調整後的透明度顯示圖片以及由圖片所覆蓋且對應圖像的螢幕畫面。換言之，本實施例中的步驟S416與S420類似於第一實施例中的步驟S240與S250。接著，在步驟S420之後處理器13重複執行步驟S412。
圖6為根據本發明第一實施例所繪示的拖曳操作位於切換區域內的示意圖。請參照圖6，當使用者將圖像502從起始區域530中的初始顯示位置602拖曳至切換區域540內(或，切換邊界520上)時，此時處理器會將圖片510的透明度調整至高於上述第一透明度的第二透明度，以讓使用者透過圖片510查看由圖片510所覆蓋且對應圖像502的螢幕畫面。在某些例子中，圖像502例如是對應電子郵件應用程式，因此，對應圖像502的螢幕畫面例如是所接收到的電子郵件的電子郵件螢幕畫面。
此外，若此拖曳操作目前的位置並非是位於觸控螢幕11上的切換區域內，例如，此拖曳操作目前的位置是位於圖5B的起始區域530內，則在步驟S418中，處理器13可根據此拖曳操作目前的位置決定並調整圖片的透明度。舉例來說，圖7為根據本發明第一實施例所繪示的拖曳操作非位於切換區域內的示意圖。請參照圖7，若使用者將圖像502從其的初始顯示位置拖曳至圖7 中的位置之後，由於圖像502並非位於切換區域540中，因此處理器可取得圖像502目前的位置(即，拖曳操作目前的位置)與切換邊界520之間的最小距離D4。然後，透過查表或前述內差法等方式，處理器可決定圖片的第二透明度。例如，記憶體12內可預先儲存對應各個最小距離的第二透明度，而處理器可自記憶體12取得對應此最小距離D4的第二透明度。
在某些例子中，當拖曳操作非位於切換區域440內時，最小距離D4會與圖片510調整後的透明度成負相關。換言之，當最小距離D4越小，圖片510調整後的透明度越大。反之，當最小距離D4越大，圖片510調整後的透明度越小。當最小距離D4為零(拖曳操作與切換邊界520重疊)時，則可類似於步驟S416將圖片510的透明度調整為預設透明度(例如，圖片510的最大透明度)。
此外，由於圖6中的螢幕畫面是由透明度為第二透明度(例如，最大透明度)的圖片所覆蓋，而圖7中的螢幕畫面是由透明度小於此第二透明度的圖片所覆蓋，因此，圖6中的螢幕畫面會較圖7中的螢幕畫面來得清晰。
另一方面，在步驟S412中，若處理器13判斷此拖曳操作已終止或已不存在，例如，使用者將手指等輸入工具從觸控螢幕11上移開，則處理器13接續執行步驟S422。在步驟S422中，處理器13判斷此拖曳操作終止時的位置(即，終止位置)是否位於觸控螢幕11上的切換區域(例如，圖5B的切換區域540)內。
若此拖曳操作終止時的位置是位於觸控螢幕11上的切換區域(例如，圖5B的切換區域540)內，則在步驟S424中，處理器13會移除(或，不顯示)圖片與切換邊界，並顯示對應圖像的螢幕畫面。以圖6為例，當使用者將圖像502拖曳至切換區域540內並隨即將手指等輸入工具自觸控螢幕11上移開時，此拖曳操作會終止於觸控螢幕11上的切換區域540內。此時，處理器會移除(或，不顯示)圖片510與切換邊界520，並顯示對應圖像502的電子郵件螢幕畫面。此外，若處理器13原本是處於螢幕鎖定模式，則在步驟S424中，處理器13可將電子裝置10由螢幕鎖定模式切換至解鎖模式或正常操作模式。
另外，若此拖曳操作終止時的位置並非是位於觸控螢幕11上的切換區域內，例如，此拖曳操作終止於圖5B的起始區域530內，則在步驟S424之後處理器13重複執行步驟S402，而將觸控螢幕11的螢幕畫面回復至步驟S402中的螢幕畫面。
換言之，在電子裝置10的螢幕鎖定模式或一般的工作模式下，若使用者只是想概略地查看一通知事件的內容，使用者只需要簡單的對此通知事件對應的圖像進行拖曳操作，就可以調整螢幕鎖定模式下圖片的透明度，以快速地查看此通知事件的部分內容。而當使用者決定要執行進一步的編輯操作或更仔細的查看此通知事件完整的內容時，使用者只需要將此圖像拖曳至觸控螢幕的一切換區域內並將手指等輸入工具自觸控螢幕11上移開，就可將電子裝置10切換至解鎖模式及/或開啟對應的應用程式，以查 看此通知事件完整的內容。藉此，大幅地提升電子裝置10在使用上的便利性。
此外，在某些例子中，處理器13也可根據一預設規則自動更新被選定的圖像對應的螢幕畫面。例如，在處理器13根據對應簡訊圖像的接觸操作或拖曳操作來啟動簡訊應用程式之後，處理器13可定時或者根據最新的通知事件於背景自動更新此簡訊螢幕畫面。舉例來說，在處理器13取得並透過圖片顯示一簡訊螢幕畫面的過程中，若電子裝置10接收到另一簡訊，則處理器13也可顯示此新接收到的簡訊所對應的簡訊螢幕畫面。
或者，此一個或多個圖像中的一圖像也可以包含一螢幕畫面還原圖像。當使用者在觸控螢幕11上拖曳此螢幕畫面還原圖像時，處理器13可對應改變圖片的透明度，以在不將電子裝置10解鎖的情況下顯示觸控螢幕11在進入螢幕鎖定模式之前的螢幕畫面。而當使用者將此螢幕畫面還原圖像拖曳至切換區域內並放開後，則處理器13將電子裝置10解鎖。此外，此一個或多個圖像中的一圖像也可以包含一般的快速啟動按鈕或檔案捷徑等等，本發明不對其限制。
然而，本發明不以上述實施方式為限。在一實施例中，用來界定切換區域與起始區域的切換邊界也可以是在電子裝置10進入螢幕鎖定模式時就預先被顯示於圖片上的一預設位置。
第三實施例
圖8為依據本發明的第三實施例所繪示的顯示方法的流 程圖。在此請注意，由於第三實施例的硬體架構類似於第一實施例的硬體架構，因此，在此不再重複贅述。以下將利用第一實施例的元件來說明第三實施例。
請參照圖1與圖8，在步驟S802中，處理器13可顯示透明度為預設透明度(即，第一透明度)的圖片於觸控螢幕11。在某些例子中，此第一透明度例如是圖片的最小透明度(例如，透明度0%~10%)，但可視實務上的需求加以調整。然後，處理器13在此圖片上的一預設位置顯示一切換邊界，以將觸控螢幕11上由此切換邊界所環繞的區域定義為切換區域。在本實施中，此圖片例如是電子裝置10的螢幕鎖定模式中預設的圖片，而切換邊界則例如電子裝置10的螢幕鎖定模式中預設的解鎖圖像。
然後，在步驟S804中，處理器13顯示一個或多個圖像於此圖片上，且此一個或多個圖像的數目以及每一個圖像對應的應用程式、螢幕畫面以及初始顯示位置皆可視實務上的需求而定。例如，處理器13可根據一個或多個通知事件顯示此一個或多個圖像。特別是，在某些例子中，於步驟S802中所定義出的切換區域不會涵蓋任一個圖像的初始顯示位置。
圖9為根據本發明第三實施例所繪示的於圖片上顯示切換邊界與圖像的示意圖。請參照圖9，圖片910顯示於觸控螢幕11，並且切換邊界920顯示於圖片910上的一預設位置。切換邊界920可將觸控螢幕11上的區域劃分或定義為起始區域930以及切換區域940。雖然本實施例的切換邊界920是以圓形的形狀顯 示，但是，切換邊界920還可以是以矩形或橢圓形等形狀，本發明不對其限制。此外，切換邊界920也可以是可見或不可見的(例如，虛擬的)，本發明不對其限制。此外，圖像901~903也顯示於圖片910上且位於起始區域930內，而分別對應至一螢幕畫面及/或應用程式。
接著，於步驟S806中，處理器13偵測觸控螢幕11上對於此一個或多個圖像中的一圖像的接觸操作。在處理器13偵測到對於圖像的接觸操作(例如，使用者對於圖像903的接觸操作)之後，於步驟S808中，處理器13判斷此接觸操作是否為對應圖像的拖曳操作(例如，使用者對於圖像903的拖曳操作)。若處理器13判斷此接觸操作並非為對應此圖像的拖曳操作，在步驟S810中，處理器13判斷此接觸操作是否持續存在。若此接觸操作持續存在，則處理器13重複執行步驟S808。若此接觸操作已終止或已不存在，則處理器13重複執行步驟S802，而將觸控螢幕11的螢幕畫面回復至步驟S802中的顯示螢幕畫面。
此外，若處理器13判斷此接觸操作為對應圖像的拖曳操作，在步驟S812中，處理器13判斷此拖曳操作是否持續存在。若此拖曳操作持續存在，例如，使用者持續地在觸控螢幕11上拖曳圖像，在步驟S814中，處理器13判斷此拖曳操作目前的位置是否位於觸控螢幕11上的切換區域(例如，圖9的切換區域940)內。
若此拖曳操作目前的位置是位於觸控螢幕11上的切換區 域(例如，圖9的切換區域940)內，在步驟S816中，處理器13調整圖片(例如，圖9的圖片910)的透明度為另一個預設透明度(即，第二透明度)。在某些例子中，此第二透明度例如是圖片的最大透明度，但可視實務上的需求加以調整。
圖10為根據本發明第三實施例所繪示的拖曳操作位於切換區域內的示意圖。請參照圖10，當使用者將圖像903從起始區域930中此圖像903的初始顯示位置1003拖曳至切換區域940內(或，切換邊界920上)時，此時處理器會將圖片910的透明度調整至高於第一透明度的第二透明度，以讓使用者透過圖片910查看由圖片910所覆蓋且對應圖像903的螢幕畫面。類似於第二實施例，在某些例子中，假設圖像903對應一電子郵件應用程式，則對應圖像903的螢幕畫面例如是所接收到的電子郵件的電子郵件螢幕畫面。
此外，若此拖曳操作目前的位置並非是位於觸控螢幕11上的切換區域內，例如，此拖曳操作是位於圖9的起始區域930內。此時，在步驟S818中，處理器13可根據此拖曳操作目前的位置來決定並調整圖片的透明度。舉例來說，處理器13可取得此拖曳操作目前的位置與切換邊界(例如，圖9的切換邊界920)之間的最小距離，並根據此最小距離決定並調整圖片的透明度。
圖11為根據本發明第三實施例所繪示的拖曳操作非位於切換區域內的示意圖。請參照圖11，若使用者將圖像903從其初始顯示位置1103拖曳至圖11中位於起始區域930內的位置之後， 由於圖像903並未被拖曳至切換區域940中，因此處理器13可取得圖像903目前的位置(即，拖曳操作目前的位置)與切換邊界920之間的最小距離D5。然後，透過查表或上述內差法等方式，處理器可決定圖片910調整後的透明度，以基於圖片910調整後的透明度來顯示圖片910以及由圖片910所覆蓋且對應於圖像903的螢幕畫面。
特別是，在某些例子中，當拖曳操作非位於切換區域940內(即，位於原始區域830內)時，最小距離D5與圖片910調整後的透明度會成負相關。例如，當最小距離D5越小時，圖片910調整後的透明度越大。當最小距離D5越大時，圖片910調整後的透明度則越小。當最小距離D5為零(即，拖曳操作與切換邊界920重疊)時，則可類似於步驟S816將圖片910的透明度調整至第二透明度(例如，圖片910的最大透明度)。
接著，在決定並調整圖片的透明度之後，在步驟S820中，處理器13可基於圖片調整後的透明度顯示由圖片所覆蓋且對應圖像的螢幕畫面(例如，圖10中由圖片910所覆蓋的電子郵件螢幕畫面)。然後，在步驟S820之後處理器13重複執行步驟S812。
另一方面，在步驟S812中，若處理器13判斷拖曳操作已終止或已不存在，例如，使用者將手指等輸入工具從觸控螢幕11上移開，則處理器13接續執行步驟S822。在步驟S822中，處理器13判斷此拖曳操作終止時的位置是否位於觸控螢幕11上的切換區域內。若此拖曳操作終止時的位置是位於觸控螢幕11上的 切換區域內，則在步驟S824中，處理器13會顯示對應圖像的螢幕畫面。以圖10為例，在使用者將圖像903拖曳至切換區域940內並將手指等輸入工具自觸控螢幕11上移開之後，處理器會移除(或，不顯示)圖片910與切換邊界920，並顯示對應圖像903的螢幕畫面(例如，電子郵件螢幕畫面)。
此外，在步驟S824中，處理器13也可以將電子裝置10由螢幕鎖定模式切換至解鎖模式。另外，若此拖曳操作終止時的位置並非是位於觸控螢幕11上的切換區域內，則在步驟S822之後處理器13重複執行步驟S802。例如，以圖11為例，在使用者將圖像903拖曳至圖11中位於起始區域930內的位置並將手指等輸入工具自觸控螢幕11上移開之後，處理器13會將觸控螢幕11的螢幕畫面回復至步驟S802中的螢幕畫面。
從另一角度來看，本發明實施例亦提出一種電腦程式產品。此電腦程式產品包括一電腦可讀取記錄媒體，此電腦可讀取記錄媒體記錄至少一程式指令或程式碼。此至少一程式指令或程式碼在載入具有觸控螢幕的電子裝置後，可用以執行下列上述各個實施例的方法步驟。
舉例來說，當此電腦可讀取記錄媒體中的至少一程式指令或程式碼被載入至圖1的電子裝置10之後，處理器13將會運行此至少一程式指令或程式碼，以執行上述第一實施例至第四實施例的方法步驟。或者，此電腦可讀取記錄媒體也可以圖1的記憶體12取代。在某些例子中，所述電腦可讀記錄媒體可以包括唯 讀記憶體(Read-Only Memory，ROM)、隨機存取記憶體(Random-Access Memory，RAM)、CD-ROM、磁帶、軟性磁碟、光學資料儲存元件等。
綜上所述，本發明提出的顯示方法、電子裝置以及電腦程式產品，可讓使用者在不需將螢幕畫面切換至圖像對應的螢幕畫面的前提下，透過一圖片預先查看此圖像對應的螢幕畫面。在使用者透過此遮蔽屏查看此螢幕畫面之後，若使用者決定更仔細的查看此螢幕畫面的其他部分或進一步執行其他的操作，使用者可將圖像拖曳至觸控螢幕上的切換區域內並將手指等輸入工具自觸控螢幕上移開，而將觸控螢幕的顯示螢幕畫面切換至此圖像對應的螢幕畫面。藉此，可大幅提高使用者在使用電子裝置查看各種訊息時的便利性。
此外，此顯示方法可適用於電子裝置的螢幕鎖定模式與解鎖模式(即，正常工作模式)，在實施上具有很大的彈性。而透過在對應圖像的螢幕畫面上覆蓋可適應性調整透明度的圖片，則可提升在需要隱私的環境或公眾場所中快速查看各種訊息時的私密性。
雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可作些許的更動與潤飾，故本發明的保護範圍當視後附的申請專利範圍所界定者為準。
S210、S220、S230、S240‧‧‧本發明一實施例的顯示方法各步驟

Claims (20)

  1. 一種顯示方法，適用於一電子裝置，該電子裝置具有一觸控螢幕，該方法包括：顯示具有一第一透明度之一圖片於該觸控螢幕上；偵測該觸控螢幕上的一接觸操作；根據該接觸操作的一位置決定該圖片的一第二透明度，其中該第二透明度高於該第一透明度；以及同時顯示具有該第二透明度的該圖片與由該圖片所覆蓋的一螢幕畫面於該觸控螢幕上。
  2. 如申請專利範圍第1項所述的顯示方法，其中該第二透明度與該接觸操作的一位移成正相關。
  3. 如申請專利範圍第1項所述的顯示方法，其中根據該接觸操作的該位置決定該圖片的該第二透明度之步驟更包括：根據該接觸操作的一位移計算該圖片的該第二透明度。
  4. 如申請專利範圍第1項所述的顯示方法，其中根據該接觸操作的該位置決定該圖片的該第二透明度之步驟更包括：當接觸操作的一位移在一預設範圍內時，設定該第二透明度為對應於該預設範圍之一預設透明度。
  5. 如申請專利範圍第1項所述的顯示方法，其中根據該接觸操作的該位置決定該圖片的該第二透明度之步驟更包括：當該接觸操作的該位置位於該觸控螢幕的一預設區域內時，設定該第二透明度為對應於該預設區域之一預設透明度。
  6. 如申請專利範圍第1項所述的顯示方法，更包括：顯示一切換邊界於該觸控螢幕；其中根據該接觸操作的該位置決定該圖片的該第二透明度之步驟更包括：計算該接觸操作的該位置與該切換邊界間的一最小距離；以及根據該最小距離決定該第二透明度，其中該第二透明度與該最小距離成負相關。
  7. 如申請專利範圍第1項所述的顯示方法，更包括：顯示一切換邊界於該觸控螢幕；其中根據該接觸操作的該位置決定該圖片的該第二透明度之步驟更包括：將該接觸操作的一起點位置定義為對應一第一預設透明度；將該切換邊界定義為對應一第二預設透明度，其中該第二預設透明度高於該第一預設透明度；根據該接觸操作的一終點位置分別與該起點位置及該切換邊界之間的一直線距離決定一數值；以及對該第一預設透明度、該第二預設透明度，以及該數值進行一內差法運算以得到該第二透明度。
  8. 如申請專利範圍第1項所述的顯示方法，更包括：顯示一切換邊界於該觸控螢幕，其中該觸控螢幕被該切換邊界分割為一起始區域及一切換區域；其中根據該接觸操作的該位置決定該圖片的該第二透明度之步驟更包括： 當該接觸操作的該位置位於該起始區域內時，將該接觸操作的一起點位置定義為對應一第一預設透明度、將該切換邊界定義為對應一第二預設透明度，其中該第二預設透明度高於該第一預設透明度、根據該接觸操作的一終點位置分別與該起點位置及該切換邊界之間的一直線距離決定一數值，以及對該第一預設透明度、該第二預設透明度，以及該數值進行一內差法運算以得到該第二透明度；以及當該接觸操作的該位置位於該切換區域內時，設定該第二透明度為對應於該切換區域之一預設透明度。
  9. 如申請專利範圍第1項所述的顯示方法，更包含：回應偵測該觸控螢幕上的該接觸操作，更新該螢幕畫面。
  10. 如申請專利範圍第1項所述的顯示方法，其中該圖片的覆蓋區域等於該觸控螢幕的實際最大顯示區域。
  11. 如申請專利範圍第1項所述的顯示方法，更包括：顯示至少一個圖像於該觸控螢幕；其中該接觸操作係為對於該至少一個圖像中的一圖像的接觸操作，且該螢幕畫面係對應於該圖像。
  12. 如申請專利範圍第11項所述的顯示方法，更包括：顯示一切換邊界於該觸控螢幕，其中該觸控螢幕被該切換邊界分割為一起始區域及一切換區域，且該圖像顯示於該觸控螢幕之該起始區域中；當該接觸操作終止時，判斷該接觸操作的一終止位置是否位 於該觸控螢幕上的該切換區域內；以及當該觸操作的該終止位置位於該切換區域內時，不顯示該圖片於該觸控螢幕上。
  13. 如申請專利範圍第12項所述的顯示方法，更包括：當該接觸操作的該終止位置位於該切換區域內時，將該電子裝置由一螢幕鎖定模式切換至一解鎖模式模式。
  14. 如申請專利範圍第12項所述的顯示方法，其中顯示顯示該切換邊界於該觸控螢幕上之步驟更包含：回應偵測該觸控螢幕上的該接觸操作，顯示該切換邊界於該觸控螢幕於該觸控螢幕上。
  15. 如申請專利範圍第14項所述的顯示方法，其中該切換邊界環繞該圖像的一初始顯示位置。
  16. 如申請專利範圍第11項所述的顯示方法，其中顯示該至少一個圖像於該觸控螢幕的步驟包括：根據至少一通知事件顯示該至少一個圖像。
  17. 如申請專利範圍第1項所述的顯示方法，其中該螢幕畫面為一主畫面、一簡訊螢幕畫面、一電子郵件螢幕畫面、一記事本螢幕畫面、一行事曆或備忘錄螢幕畫面以及一影像螢幕畫面其中之一。
  18. 如申請專利範圍第1項所述的顯示方法，其中顯示具有該第一透明度之該圖片於該觸控螢幕上之步驟更包含：回應偵測該觸控螢幕上的該接觸操作，顯示具有該第一透明 度之該圖片於該觸控螢幕上。
  19. 一種電子裝置，包括：一觸控螢幕；一記憶體；至少一處理器；以及至少一程序，其中該至少一程序存儲在該記憶體中且經配置以由該至少一處理器執行，該至少一程序包含進行以下操作的指令：顯示具有一第一透明度之一圖片於該觸控螢幕上；偵測該觸控螢幕上的一接觸操作；根據該接觸操作的一位置決定該圖片的一第二透明度，其中該第二透明度高於該第一透明度；以及同時顯示具有該第二透明度的該圖片與由該圖片所覆蓋的一螢幕畫面於該觸控螢幕上。
  20. 一種電腦程式產品，包括一電腦可讀取記錄媒體，該電腦可讀取記錄媒體記錄至少一程式指令，該至少一程式指令在載入具有一觸控螢幕的一電子裝置後，用以執行下列步驟：顯示具有一第一透明度之一圖片於該觸控螢幕上；偵測該觸控螢幕上的一接觸操作；根據該接觸操作的一位置決定該圖片的一第二透明度，其中該第二透明度高於該第一透明度；以及同時顯示具有該第二透明度的該圖片與由該圖片所覆蓋的一螢幕畫面於該觸控螢幕上。
TW102109282A 2013-03-08 2013-03-15 顯示方法、電子裝置以及電腦程式產品 TWI492117B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310074710.4A CN104035706B (zh) 2013-03-08 2013-03-08 显示方法以及电子装置

Publications (2)

Publication Number Publication Date
TW201435671A true TW201435671A (zh) 2014-09-16
TWI492117B TWI492117B (zh) 2015-07-11

Family

ID=51466494

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102109282A TWI492117B (zh) 2013-03-08 2013-03-15 顯示方法、電子裝置以及電腦程式產品

Country Status (3)

Country Link
US (1) US8988379B2 (zh)
CN (1) CN104035706B (zh)
TW (1) TWI492117B (zh)

Families Citing this family (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI506476B (zh) * 2012-11-29 2015-11-01 Egalax Empia Technology Inc 解除觸摸屏鎖定狀態的方法、電子裝置及其儲存媒體
CN105446610A (zh) * 2014-09-30 2016-03-30 中兴通讯股份有限公司 图片的处理方法及装置
CN104461351B (zh) * 2014-11-12 2019-10-22 深圳市金立通信设备有限公司 一种终端解锁的方法
CN104461350B (zh) * 2014-11-12 2019-10-22 深圳市金立通信设备有限公司 一种终端
CN104809374B (zh) * 2015-03-02 2018-06-19 深圳市金立通信设备有限公司 一种终端
KR20170025570A (ko) * 2015-08-28 2017-03-08 엘지전자 주식회사 와치 타입 이동 단말기 및 그의 동작 방법
CN105373288A (zh) * 2015-09-25 2016-03-02 北京金山安全软件有限公司 被锁定界面的显示方法、装置和移动终端
CN105487641B (zh) * 2015-12-25 2020-12-18 百度在线网络技术（北京）有限公司 终端设备的控制方法及装置
CN106020597A (zh) * 2016-05-12 2016-10-12 北京金山安全软件有限公司 一种展示信息的方法、装置及电子设备
CN107948406A (zh) * 2017-11-14 2018-04-20 维沃移动通信有限公司 消息显示方法及装置
KR20200002610A (ko) * 2018-06-29 2020-01-08 캐논 가부시끼가이샤 전자기기, 전자기기의 제어방법, 및 컴퓨터 판독가능한 매체
CN110377865A (zh) * 2019-09-07 2019-10-25 上海飞来飞去新媒体展示设计有限公司 一种融合贝塞尔曲线的球幕融合边缘加权计算方法
CN110888581A (zh) * 2019-10-11 2020-03-17 广州视源电子科技股份有限公司 元素传递方法、装置、设备及存储介质
CN111355991B (zh) * 2020-03-13 2022-03-25 Tcl移动通信科技（宁波）有限公司 视频播放方法、装置、存储介质及移动终端
CN112035195B (zh) * 2020-07-30 2024-07-02 北京达佳互联信息技术有限公司 应用界面的展示方法、装置、电子设备及存储介质

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050273700A1 (en) * 2004-06-02 2005-12-08 Amx Corporation Computer system with user interface having annotation capability
US7515135B2 (en) * 2004-06-15 2009-04-07 Research In Motion Limited Virtual keypad for touchscreen display
US7657849B2 (en) * 2005-12-23 2010-02-02 Apple Inc. Unlocking a device by performing gestures on an unlock image
US20100306688A1 (en) * 2009-06-01 2010-12-02 Cho Su Yeon Image display device and operation method therefor
EP2431895B1 (en) * 2010-09-16 2017-07-26 LG Electronics Inc. Transparent display device and method for providing information using the same
US20120098639A1 (en) * 2010-10-26 2012-04-26 Nokia Corporation Method and apparatus for providing a device unlock mechanism
TW201220176A (en) * 2010-10-27 2012-05-16 Ibm A method, computer program and system for multi-desktop management
JP5612459B2 (ja) * 2010-12-24 2014-10-22 京セラ株式会社 携帯端末装置
US20120320085A1 (en) * 2011-04-29 2012-12-20 Ping Mei Display outputting image
CN102609207A (zh) * 2012-02-13 2012-07-25 广东欧珀移动通信有限公司 智能手机解锁界面切换方法
CN102932532B (zh) * 2012-09-27 2014-06-18 东莞宇龙通信科技有限公司 应用管理的方法及其移动终端

Also Published As

Publication number Publication date
US8988379B2 (en) 2015-03-24
TWI492117B (zh) 2015-07-11
CN104035706A (zh) 2014-09-10
US20140253476A1 (en) 2014-09-11
CN104035706B (zh) 2017-07-28

Similar Documents

Publication Publication Date Title
TWI492117B (zh) 顯示方法、電子裝置以及電腦程式產品
US11212449B1 (en) User interfaces for media capture and management
US12081862B2 (en) User interfaces for managing media
US12001858B2 (en) User interface for accessing an account
US20240163365A1 (en) Displaying and updating a set of application views
US10606469B2 (en) Device, method, and graphical user interface for managing multiple display windows
US8930852B2 (en) Touch screen folder control
DK201970529A1 (en) Systems, methods, and user interfaces for interacting with multiple application windows
US11363071B2 (en) User interfaces for managing a local network
WO2018119674A1 (zh) 一种柔性显示屏的控制方法及装置
US11120097B2 (en) Device, method, and graphical user interface for managing website presentation settings
AU2014238102A1 (en) Device, method, and graphical user interface for adjusting the appearance of a control
US20200379946A1 (en) Device, method, and graphical user interface for migrating data to a first device during a new device set-up workflow
US20240078002A1 (en) User interfaces for device charging
CN107223226B (zh) 用于多点触摸输入的装置和方法
TWI530819B (zh) 電子裝置與其控制方法
WO2017016333A1 (zh) 一种屏幕调整方法及装置
US20170255439A1 (en) Updating displays based on attention tracking data
EP3949377A1 (en) User interfaces for managing media
WO2021247329A1 (en) User interfaces for managing media
US12079393B2 (en) Tactile feedback
JP2013200826A (ja) 表示システムおよび表示プログラム