TWI498808B - 螢幕畫面裁切方法、裝置及電腦程式產品 - Google Patents

螢幕畫面裁切方法、裝置及電腦程式產品 Download PDF

Info

Publication number
TWI498808B
TWI498808B TW102119135A TW102119135A TWI498808B TW I498808 B TWI498808 B TW I498808B TW 102119135 A TW102119135 A TW 102119135A TW 102119135 A TW102119135 A TW 102119135A TW I498808 B TWI498808 B TW I498808B
Authority
TW
Taiwan
Prior art keywords
touch
screen
cutting
edge
area
Prior art date
Application number
TW102119135A
Other languages
English (en)
Other versions
TW201349093A (zh
Inventor
Hung Yi Huang
Chia Chia Shieh
Chih Ling Chien
Yen Shun Wu
sheng wei Li
Chien Chuan Chang
Yung Chao Tseng
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 TW201349093A publication Critical patent/TW201349093A/zh
Application granted granted Critical
Publication of TWI498808B publication Critical patent/TWI498808B/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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2210/00—Indexing scheme for image generation or computer graphics
    • G06T2210/22—Cropping

Landscapes

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

Description

螢幕畫面裁切方法、裝置及電腦程式產品
本發明是有關於一種畫面處理方法及裝置，且特別是有關於一種利用觸碰手勢裁切螢幕畫面的方法、裝置及電腦程式產品。
為配合現代人繁忙的生活節奏，各種不佔空間且攜帶方便的行動裝置也推陳出新。以個人數位助理、個人數位助理手機、智慧型手機(Smart phone)為例，其不僅具備了傳統通訊裝置的各項功能，更能讓使用者透過其內建的作業系統來達到撰寫文件、收發電子郵件、瀏覽網頁或做即時通訊等目的。
對於外型要求輕、薄、短、小的可攜式電子裝置來說，其本身的體積受到相當限制，倘若要在裝置上同時配置螢幕及鍵盤，則勢必要縮小螢幕的尺寸。而為了能夠在有限的空間中配置較大的螢幕，最近則發展出一種觸碰螢幕，利用將鍵盤整合至螢幕中以做為可攜式電子裝置的輸入介面，而能夠省去配置傳統鍵 盤的成本及所佔用的面積。
觸碰螢幕的操作方式具有簡單、直覺的優勢，使用者只需使用觸控筆點選或是直接用手指按壓，即可輕易在螢幕上執行各種操作動作。由此可見，觸碰螢幕實為一種更為便利的輸入方式，而如何能夠簡化觸碰手勢，提供使用者對螢幕物件進行操作，甚至對整個螢幕畫面進行編輯，實為本領域技術人員極欲達成的目標之一。
本發明提供一種螢幕畫面裁切方法及裝置，可提供使用者藉由簡單的觸碰操作裁切螢幕畫面。
本發明的螢幕畫面裁切方法適用於具有觸控螢幕的電子裝置。此方法先於觸控螢幕上顯示一畫面，接著偵測使用者於觸控螢幕上實施的第一觸碰及第二觸碰，而當第一觸碰及第二觸碰符合預設條件時，將畫面之裁切後畫面儲存成影像檔案。其中，上述裁切後畫面是根據第一觸碰之至少一個第一觸碰位置與第二觸碰之至少一個第二觸碰位置所決定。
在本發明的一實施例中，上述的方法更包括利用文字辨識技術辨識裁切後畫面以產生至少一個文字，並將所述文字儲存成文字檔案。
本發明的螢幕畫面裁切裝置，包括觸控螢幕、記憶單元及一或多個處理單元。其中，所述記憶單元是用以記錄多個模組， 而所述處理器則耦接觸控螢幕及記憶單元，用以存取並執行記錄在記憶單元中的模組，而所述模組包括顯示模組、偵測模組及裁切模組。其中，顯示模組是用以於觸控螢幕上顯示一畫面。偵測模組是用以偵測使用者於觸控螢幕上實施的第一觸碰及第二觸碰。裁切模組是用以在第一觸碰及第二觸碰符合預設條件時，將所述畫面之一裁切後畫面儲存成影像檔案，其中所述裁切後畫面是根據第一觸碰之至少一個第一觸碰位置與第二觸碰之至少一個第二觸碰位置所決定。
在本發明的一實施例中，上述的預設條件包含第一觸碰的第一位移及第二觸碰之第二位移中之一位移超過預設值。
在本發明的一實施例中，上述的預設條件包含第一觸碰及第二觸碰中之一觸碰起始於觸控螢幕的預設起始邊緣區域。
在本發明的一實施例中，上述的裁切後畫面是根據第一觸碰之第一起始觸碰位置、第二觸碰之第二起始觸碰位置，以及當第一觸碰的第一位移及第二觸碰之第二位移中之一位移超過一預設值時，第一觸碰之第一當下觸碰位置與該第二觸碰之第二當下觸碰位置來決定。
在本發明的一實施例中，上述的裁切後畫面為矩形，且包含裁切區域以及裁切區域以外之透明區域，其中裁切區域及透明區域是根據第一觸碰之第一移動路徑與第二觸碰之第二移動路徑來決定。
在本發明的一實施例中，上述的所述模組更包括文字辨 識模組，其是用以利用文字辨識技術辨識裁切後畫面以產生至少一個文字，並將所述文字儲存為文字檔案。
在本發明的一實施例中，上述的預設條件包含第一觸碰及第二觸碰中之一觸碰終止於觸控螢幕的預設終止邊緣區域。
在本發明的一實施例中，上述的預設條件包含第一觸碰之第一觸碰時間及第二觸碰之第二觸碰時間中之一觸碰時間超過預設值。
在本發明的一實施例中，上述的裁切後畫面是根據第一觸碰之第一起始觸碰位置、第二觸碰之第二起始觸碰位置、第一觸碰的第一終止觸碰位置及第二觸碰之第二終止觸碰位置來決定。
本發明的電腦程式產品係經由電子裝置載入程式以執行下列步驟：顯示畫面於電子裝置的觸控螢幕上；偵測使用者於觸控螢幕上實施的第一觸碰及第二觸碰；以及當第一觸碰及第二觸碰符合一預設條件時，將畫面之裁切後畫面儲存成影像檔案。其中，所述裁切後畫面是根據第一觸碰之至少一個第一觸碰位置與第二觸碰之至少一個第二觸碰位置所決定。
基於上述，本發明的螢幕畫面裁切方法、裝置及電腦程式產品藉由偵測使用者在觸控螢幕上實施的兩個觸碰，在這兩個觸碰符合預設條件時，即依據這兩個觸碰所經過的觸碰位置來定義裁切區域以裁切螢幕畫面，以簡化裁切的操作。而所裁切的畫面除了儲存為單一影像檔案外，還可進一步結合文字辨識，而儲 存為影像檔案及/或文字檔案。藉此，可提供使用者藉由簡單的觸碰操作裁切所需的螢幕畫面。
為讓本發明的上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。
10‧‧‧電子裝置
12、30、40、50、60、70、90、100、110‧‧‧觸控螢幕
14‧‧‧記憶單元
142‧‧‧顯示模組
144‧‧‧偵測模組
146‧‧‧裁切模組
16‧‧‧處理單元
42‧‧‧預設起始邊緣區域
52‧‧‧預設終止邊緣區域
72、102、112‧‧‧裁切後畫面
92‧‧‧文字
94‧‧‧影像
104、106、114、116‧‧‧透明區域
A1 ~A10 ‧‧‧裁切區域
T1 ~T12 ‧‧‧觸碰
P1 ~P11 ‧‧‧觸碰點
S1 ~S4 ‧‧‧觸碰起始位置
E1 ~E2 ‧‧‧觸碰終止位置
△X1 ~△X4 ‧‧‧位移
S202~S208、S802~S810‧‧‧螢幕畫面裁切方法的各步驟
圖1是依照本發明一實施例所繪示之螢幕畫面裁切裝置的方塊圖。
圖2是依照本發明一實施例所繪示之螢幕畫面裁切方法的流程圖。
圖3是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖4是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖5是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖6A至圖6F是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖7是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖8是依照本發明一實施例所繪示之螢幕畫面裁切方法的流程圖。
圖9是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖10是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。
圖11是依照本發明一實施例所繪示之螢幕畫面裁切方法的範 例。
觀察影像的裁切操作可發現，其主要的動作在於定義裁切區域。若將裁切的對象擴大至電子裝置顯示的螢幕畫面，則可進一步使用螢幕畫面的邊緣做為裁切區域的一部分來定義裁切區域。據此，本發明即將使用者的觸碰操作與其相對應的畫面邊緣結合來定義裁切區域，並根據觸碰操作的移動距離、觸碰時間等參數來確認是否執行裁切操作，藉此可提供使用者快速且便捷地裁切所需的螢幕畫面。
圖1是依照本發明一實施例所繪示之螢幕畫面裁切裝置的方塊圖。請參照圖1，本實施例的電子裝置10例如是手機、智慧型手機、個人數位助理(Personal Digital Assistant，PDA)、個人數位助理手機、筆記型電腦或平板電腦，其中包括觸控螢幕12、記憶單元14及一或多個處理單元16，其功能分述如下：觸控螢幕12例如是由電阻式、電容式或其他種類的觸碰感應元件與液晶顯示器整合而成，其可在顯示電子裝置10之畫面的同時，偵測使用者的觸碰操作。
儲存單元14例如是任意型式的固定式或可移動式隨機存取記憶體(Random Access Memory，RAM)、唯讀記憶體(Read-Only Memory，ROM)、快閃記憶體(Flash memory)、硬碟或其他類似裝置或這些裝置的組合，而用以記錄可由處理單元16執行的多個 模組，這些模組可載入處理單元16以執行螢幕畫面的裁切功能。
處理單元16例如是中央處理單元(Central Processing Unit，CPU)，或是其他可程式化之一般用途或特殊用途的微處理器(Microprocessor)、數位訊號處理器(Digital Signal Processor，DSP)、可程式化控制器、特殊應用積體電路(Application Specific Integrated Circuits，ASIC)、可程式化邏輯裝置(Programmable Logic Device，PLD)或其他類似裝置或這些裝置的組合。處理單元16係耦接至觸控螢幕12及儲存單元14，而可存取並執行記錄在儲存單元14中的模組，以執行螢幕畫面的裁切功能。
上述模組包括顯示模組142、偵測模組144及裁切模組146，這些模組例如是電腦程式，其可載入處理單元16，從而執行螢幕畫面的裁切功能。以下即舉實施例說明電子裝置10執行螢幕畫面裁切的詳細步驟。
圖2是依照本發明一實施例所繪示之螢幕畫面裁切方法的流程圖。請參照圖2，本實施例的方法適用於圖1的電子裝置10，以下即搭配電子裝置10中的各項元件說明本發明之螢幕畫面裁切方法的詳細步驟：首先，由顯示模組142在觸控螢幕12上顯示畫面(步驟S202)。接著，由偵測模組144偵測使用者於觸控螢幕12上實施的第一觸碰及第二觸碰(步驟S204)，並判斷此第一觸碰及第二觸碰是否符合一個預設條件(步驟S206)。其中，上述的預設條件例如是以第一觸碰及第二觸碰的位移、起始位置、終止位置及觸碰 時間等條件其中之一或其組合來決定。
詳言之，在一實施例中，偵測模組144例如會偵測第一觸碰在觸控螢幕12上移動的第一位移，以及第二觸碰在觸控螢幕12上移動的第二位移，並判斷兩者或兩者之一的位移是否超過一個預設值，從而決定第一觸碰及第二觸碰是否符合預設條件。上述的第一位移及第二位移例如是第一觸碰及第二觸碰在觸控螢幕12之X軸方向或Y軸方向上的位移，或是在觸控螢幕12上的二維位移，在此不設限。此外，上述的預設值例如是螢幕長度或寬度乘上一預設比例，在此亦不設限。
舉例來說，圖3是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖3，在此範例中，電子裝置例如會偵測第一觸碰T1 在觸控螢幕30之寬度方向(即X軸方向)上移動的第一位移△X1 ，以及第二觸碰T2 在觸控螢幕30之寬度方向上移動的第二位移△X2 ，並判斷其中是否有一個位移超過螢幕寬度的60%，從而判斷第一觸碰T1 及第二觸碰T2 是否符合預設條件，據以執行螢幕畫面的裁切動作。
在一實施例中，偵測模組144除了會判斷第一觸碰及第二觸碰的位移是否超過預設值外，還會進一步判斷第一觸碰及該第二觸碰中是否兩者或兩者之一的觸碰是起始於觸控螢幕12的預設起始邊緣區域，從而判斷第一觸碰及第二觸碰是否符合預設條件。此預設起始邊緣區域例如是位於觸控螢幕12左右兩側、上下兩側或上下左右四側距離螢幕邊緣一個特定寬度(例如1~15個像 素的寬度)的區域，在此不設限。
舉例來說，圖4是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖4，在此範例中，電子裝置例如會先判斷第三觸碰T3 及第四觸碰T4 是否起始於觸控螢幕40的預設起始邊緣區域42。當確定兩者均起始於觸控螢幕40的預設起始邊緣區域42時，電子裝置才會進一步偵測第三觸碰T3 在觸控螢幕40之寬度方向(即X軸方向)上移動的第三位移△X3 ，以及第四觸碰T4 在觸控螢幕40之寬度方向上移動的第四位移△X4 ，並判斷是否其中有一個位移超過螢幕寬度的60%，從而判斷第三觸碰T3 及第四觸碰T4 是否符合預設條件，據以執行螢幕畫面的裁切動作。
在一實施例中，偵測模組144例如是根據第一觸碰及該第二觸碰中是否兩者或兩者之一的觸碰是終止於觸控螢幕12的預設終止邊緣區域，來判斷第一觸碰及第二觸碰是否符合預設條件。類似地，此預設終止邊緣區域例如是位於觸控螢幕12左右兩側、上下兩側或上下左右四側距離螢幕邊緣一個特定寬度(例如1~15個像素的寬度)的區域，在此不設限。
舉例來說，圖5是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖5，在此範例中，電子裝置例如會判斷第五觸碰T5 及第六觸碰T6 是否終止於觸控螢幕50的預設終止邊緣區域52。當確定兩者均終止於觸控螢幕50的預設終止邊緣區域52時，電子裝置即判斷第五觸碰T5 及第六觸碰T6 符合預設條件，並據以執行螢幕畫面的裁切動作。
在一實施例中，偵測模組144例如會偵測第一觸碰在觸控螢幕12上停留的第一觸碰時間，以及第二觸碰在觸控螢幕12上停留的第二觸碰時間，並判斷兩者或兩者之一的觸碰時間是否超過一個預設值，來決定第一觸碰及第二觸碰是否符合預設條件。上述的預設值例如是1至3秒，在此不設限。
需說明的是，在一實施例中，偵測模組144用以判斷第一觸碰及第二觸碰是否符合的預設條件還可以是上述實施例所提及的位移、起始位置、終止位置及觸碰時間等條件的任意組合，且這些條件還可設定為第一觸碰及第二觸碰均符合或是兩者之一符合這兩種實施方式。舉例來說，當第一觸碰及第二觸碰均起始於觸控螢幕的預設起始邊緣區域，同時也都終止於觸控螢幕的預設終止邊緣區域，則可判定第一觸碰及第二觸碰符合預設條件，而可據以執行螢幕畫面的裁切動作。
回到圖2的流程，當偵測模組144判斷第一觸碰及該第二觸碰符合預設條件時，裁切模組146即會將觸控螢幕12所顯示畫面之裁切後畫面儲存成影像檔案(步驟S208)；反之，則回到步驟S204，由偵測模組144繼續偵測使用者於觸控螢幕12上實施的其他觸碰。其中，上述的裁切後畫面係根據第一觸碰之至少一個第一觸碰位置與第二觸碰之至少一個第二觸碰位置所決定。
詳言之，在一實施例中，裁切模組146例如是將第一觸碰與第二觸碰的觸碰位置與觸控螢幕12的邊緣結合來定義例如為矩形的裁切區域。舉例來說，裁切模組146例如是以第一觸碰與 第二觸碰的觸碰位置來定義裁切區域的上緣及下緣，而以觸控螢幕12的左緣及右緣來定義裁切區域的左緣及右緣；類似地，裁切模組146還可以用第一觸碰與第二觸碰的觸碰位置來定義裁切區域的左緣及右緣，而以觸控螢幕12的上緣及下緣來定義裁切區域的上緣及下緣。上述第一觸碰與第二觸碰的觸碰位置例如是第一觸碰與第二觸碰的觸碰起始位置、觸碰終止位置，或是當第一觸碰與第二觸碰符合預設條件時所在的位置，又或是第一觸碰與第二觸碰之移動路徑中的最高與最低位置或最左與最右位置，在此不設限。此外，在另一實施例中，裁切模組146亦可選擇不與觸控螢幕12的邊緣結合，而僅以第一觸碰與第二觸碰之移動路徑中的最高、最低、最左與最右位置來定義裁切區域的上緣、下緣、左緣及右緣，在此不設限。
以下則針對上述以第一觸碰與第二觸碰的觸碰位置來定義裁切區域的上緣及下緣，而以觸控螢幕12的左緣及右緣來定義裁切區域的左緣及右緣的定義方式，各舉一實施例詳細說明。同理，這些實施例亦適用於上述以第一觸碰與第二觸碰的觸碰位置來定義裁切區域的左緣及右緣，而以觸控螢幕12的上緣及下緣來定義裁切區域的上緣及下緣的定義方式。
圖6A至圖6F是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請先參照圖6A，在此範例中，電子裝置例如是以第一觸碰T1 及第二觸碰T2 的觸碰起始位置P1 及P2 來定義裁切區域A1 的上緣及下緣，而以觸控螢幕60的左緣及右緣來定義裁 切區域A1 的左緣及右緣。
之後，請參照圖6B，在此範例中，電子裝置例如是以第三觸碰T3 及第四觸碰T4 的觸碰終止位置P3 及P4 來定義裁切區域A2 的上緣及下緣，而以觸控螢幕60的左緣及右緣來定義裁切區域A2 的左緣及右緣。
之後，請參照圖6C，在此範例中，電子裝置例如是以第五觸碰T5 及第六觸碰T6 的觸碰起始位置S1 及S2 ，以及第五觸碰T5 及第六觸碰T6 符合預設條件(例如其中一個觸碰的位移超過觸控螢幕60寬度的60%)時所在的位置P5 及P6 ，而選擇其中最高與最低的位置P5 及P6 來定義裁切區域A3 的上緣及下緣，並以觸控螢幕60的左緣及右緣來定義裁切區域A3 的左緣及右緣。
之後，請參照圖6D，在此範例中，電子裝置例如是以第七觸碰T7 及第八觸碰T8 之移動路徑中的最高與最低位置P7 及P8 來定義裁切區域A4 的上緣及下緣，而以觸控螢幕60的左緣及右緣來定義裁切區域A4 的左緣及右緣。
之後，請參照圖6E，在此範例中，電子裝置例如是以第九觸碰T9 及第十觸碰T10 之移動路徑中的最高與最低位置P9 及P10 以及最左及與最右位置P11 及P9 來定義裁切區域A5 的上緣及下緣，以及左緣及右緣。
最後，請參照圖6F，在此範例中，電子裝置例如是以第十一觸碰T11 之第一起始觸碰位置S3 、第十二觸碰T12 之第二起始觸碰位置S4 、第十一觸碰T11 的第一終止觸碰位置E1 及第十二觸 碰T12 之第二終止觸碰位置E2 來定義裁切區域A6 的上緣及下緣，以及左緣及右緣。
藉由上述方法，當電子裝置決定裁切區域後，即會將裁切區域內的畫面裁切成為裁切後畫面，並儲存為影像檔案。藉此，使用者僅需藉由簡單的兩指觸碰，即能對觸碰螢幕所顯示畫面中有興趣的部分進行選擇及裁切，並獲得裁切後畫面的檔案。
舉例來說，圖7是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖7，在此範例中，電子裝置例如是以第一觸碰T1 及第二觸碰T2 中的最高及最低位置P1 及P2 以及觸控螢幕70的左緣及右緣來定義裁切區域A7 的上緣、下緣、左緣及右緣。而當裁切區域A7 決定後，電子裝置即會將裁切區域A7 內的畫面裁切成為裁切後畫面72，並儲存為影像檔案。
需說明的是，在另一實施例中，在裁切區域決定後，電子裝置還可進一步由文字辨識模組(未繪示)利用文字辨識技術來辨識裁切後畫面以產生至少一個文字，並將所辨識的文字儲存為文字檔案。
舉例來說，圖8是依照本發明一實施例所繪示之螢幕畫面裁切方法的流程圖。請參照圖8，本實施例的方法適用於圖1的電子裝置10，以下即搭配電子裝置10中的各項元件說明本發明之螢幕畫面裁切方法的詳細步驟：首先，由顯示模組142在觸控螢幕12上顯示畫面(步驟S802)。接著，由偵測模組144偵測使用者於觸控螢幕12上實施 的第一觸碰及第二觸碰(步驟S804)，並判斷此第一觸碰及第二觸碰是否符合一個預設條件(步驟S806)。上述步驟S802~S806的實施方式係與前述實施例中的步驟S202~S206相同或相似，故在此不再贅述。
與前述實施例不同的是，在本實施例中，當偵測模組144判斷第一觸碰及該第二觸碰符合預設條件時，電子裝置10將會由文字辨識模組(未繪示)利用文字辨識技術來辨識裁切後畫面以產生至少一個文字(步驟S806)，然後再由文字辨識模組將所辨識的文字儲存為文字檔案，並由裁切模組146將裁切後畫面中的影像儲存為影像檔案(步驟S808)。反之，則回到步驟S804，由偵測模組144繼續偵測使用者於觸控螢幕12上實施的其他觸碰。
舉例來說，圖9是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖9，在此範例中，電子裝置例如是以第一觸碰T1 及第二觸碰T2 中的最高及最低位置P1 及P2 以及觸控螢幕90的左緣及右緣來定義裁切區域A8 的上緣、下緣、左緣及右緣。而當裁切區域A8 決定後，電子裝置即會利用文字辨識技術來辨識裁切後畫面以產生至少一個文字92，並將所辨識的文字儲存為文字檔案。此外，電子裝置亦會將裁切區域A7 內的影像94儲存為影像檔案。
除了上述裁切區域與裁切後畫面均為矩形的裁切方式之外，在另一實施例中，電子裝置亦可根據第一觸碰之第一移動路徑與第二觸碰之第二移動路徑來決定裁切區域，且在裁切畫面 時，僅保留裁切區域內的畫面為可視，而裁切區域以外之透明區域內的畫面則為透明。
舉例來說，圖10是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖10，在此範例中，電子裝置例如是以第一觸碰T1 及第二觸碰T2 的移動路徑以及觸控螢幕100的左緣及右緣來定義裁切區域A9 (即觸碰點P1 ~P4 所形成的區域)。而在裁切畫面時，電子裝置則是將裁切後畫面102儲存為矩形的影像檔案，但其中僅有裁切區域A9 內的畫面為可視，而裁切區域A9 以外之透明區域104及106內的畫面則為透明。
上述實施例中除了以第一觸碰及第二觸碰的最高、最低、最左及最右的位置來定義裁切區域的方式之外，其他的定義方式都會使用到觸控螢幕的邊緣，而且所使用的邊緣都是觸控螢幕上相對的邊緣(即左緣及右緣，或上緣及下緣)。然而，在另一實施例中，基於第一觸碰及第二觸碰起始或終止於不同邊緣的情況，本發明亦提供使用相鄰邊緣(例如即左緣及下緣，或右緣及上緣)來定義裁切區域的方式。詳言之，在上述情況下，電子裝置是根據第一觸碰之第一移動路徑與第二觸碰之第二移動路徑，以及這兩個移動路徑與觸控螢幕邊緣的交點來決定裁切區域，而在裁切畫面時，僅保留裁切區域內的畫面為可視，而裁切區域以外之透明區域內的畫面則為透明。
舉例來說，圖11是依照本發明一實施例所繪示之螢幕畫面裁切方法的範例。請參照圖11，在此範例中，電子裝置例如是 以第一觸碰T1 及第二觸碰T2 的移動路徑以及這兩個移動路徑與觸控螢幕邊緣的交點P1 ~P4 來定義裁切區域A10 。而在裁切畫面時，電子裝置則是將裁切後畫面112儲存為矩形的影像檔案，但其中僅有裁切區域A10 內的畫面為可視，而裁切區域A10 以外之透明區域114及116內的畫面則為透明。
藉由上述方法，即便使用者實施的第一觸碰及第二觸碰起始於不同邊緣或終止於不同邊緣，電子裝置仍然能夠裁切使用者所圈選的畫面，並儲存為影像檔案。值得一提的是，上述方法也適用於第一觸碰及第二觸碰起始於不同邊緣但終止於相同邊緣，或是第一觸碰及第二觸碰起始於相同邊緣但終止於不同邊緣的情況，在此不設限。
本發明另提供一種電腦程式產品，其係用以執行上述螢幕畫面裁切方法的各個步驟，此電腦程式產品基本上是由多數個程式碼片段所組成的(例如建立組織圖程式碼片段、簽核表單程式碼片段、設定程式碼片段、以及部署程式碼片段)，並且這些程式碼片段在載入電子裝置中並執行之後，即可完成上述螢幕畫面裁切方法的步驟。
綜上所述，本發明之螢幕畫面裁切方法、裝置及電腦程式產品係偵測使用者在觸控螢幕上實施的兩個觸碰，並依據這兩個觸碰的起始位置、終止位置、移動路徑、位移以及觸碰時間等參數來確認裁切動作並定義裁切區域，從而提供使用者藉由簡單的觸碰操作裁切所需的螢幕畫面。
雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可作些許的更動與潤飾，故本發明的保護範圍當視後附的申請專利範圍所界定者為準。
S202~S208‧‧‧螢幕畫面裁切方法的各步驟

Claims (19)

  1. 一種螢幕畫面裁切方法，適用於具有一觸控螢幕的一電子裝置，該方法包括下列步驟：顯示一畫面於該觸控螢幕上；偵測一使用者於該觸控螢幕上實施的一第一觸碰及一第二觸碰；以及當該第一觸碰及該第二觸碰符合一預設條件時，將該畫面之一裁切後畫面儲存成一影像檔案；其中該裁切後畫面的上緣係根據該第一觸碰之至少一第一觸碰位置所決定，該裁切後畫面的下緣係根據該第二觸碰之至少一第二觸碰位置所決定，該裁切後畫面的左緣係根據該畫面顯示於該觸控螢幕的左緣所決定，以及該裁切後畫面的右緣係根據該畫面顯示於該觸控螢幕的右緣所決定。
  2. 如申請專利範圍第1項所述的螢幕畫面裁切方法，其中該預設條件包含：該第一觸碰的一第一位移及該第二觸碰之一第二位移中之一位移超過一預設值。
  3. 如申請專利範圍第2項所述的螢幕畫面裁切方法，其中該預設條件包含：該第一觸碰及該第二觸碰其中之一起始於該觸控螢幕的一預設起始邊緣區域。
  4. 如申請專利範圍第3項所述的螢幕畫面裁切方法，其中該 裁切後畫面係根據該第一觸碰之一第一起始觸碰位置、該第二觸碰之一第二起始觸碰位置，以及當該第一觸碰的一第一位移及該第二觸碰之一第二位移中之一位移超過一預設值時，該第一觸碰之一第一當下觸碰位置與該第二觸碰之一第二當下觸碰位置來決定。
  5. 如申請專利範圍第1項所述的螢幕畫面裁切方法，其中該裁切後畫面係為一矩形，包含一裁切區域以及該裁切區域以外之一透明區域，其中該裁切區域及該透明區域係根據該第一觸碰之一第一移動路徑與該第二觸碰之一第二移動路徑來決定。
  6. 如申請專利範圍第1項所述的螢幕畫面裁切方法，更包括：利用一文字辨識技術辨識該裁切後畫面以產生至少一文字；以及將該至少一文字儲存成一文字檔案。
  7. 如申請專利範圍第1項所述的螢幕畫面裁切方法，其中該預設條件包含：該第一觸碰及該第二觸碰中之一觸碰終止於該觸控螢幕的一預設終止邊緣區域。
  8. 如申請專利範圍第1項所述的螢幕畫面裁切方法，其中該預設條件包含：該第一觸碰之第一觸碰時間及該第二觸碰之一第二觸碰時間中之一觸碰時間超過一預設值。
  9. 如申請專利範圍第1項所述的螢幕畫面裁切方法，其中該 裁切後畫面係根據該第一觸碰之第一起始觸碰位置、該第二觸碰之一第二起始觸碰位置、該第一觸碰的一第一終止觸碰位置及該第二觸碰之一第二終止觸碰位置來決定。
  10. 一種螢幕畫面裁切裝置，包括：一觸控螢幕；一儲存單元，記錄多個模組；以及一或多個處理單元，耦接該觸控螢幕及該儲存單元，以存取並執行儲存單元中記錄的所述模組，所述模組包括：一顯示模組，顯示一畫面於該觸控螢幕上；一偵測模組，偵測一使用者於該觸控螢幕上實施的一第一觸碰及一第二觸碰；以及一裁切模組，當該第一觸碰及該第二觸碰符合一預設條件時，將該畫面之一裁切後畫面儲存成一影像檔案；其中該裁切後畫面的上緣係根據該第一觸碰之至少一第一觸碰位置所決定，該裁切後畫面的下緣係根據該第二觸碰之至少一第二觸碰位置所決定，該裁切後畫面的左緣係根據該畫面顯示於該觸控螢幕的左緣所決定，以及該裁切後畫面的右緣係根據該畫面顯示於該觸控螢幕的右緣所決定。
  11. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中該預設條件包含該第一觸碰的一第一位移及該第二觸碰之一第二位移中之一位移超過一預設值。
  12. 如申請專利範圍第11項所述的螢幕畫面裁切裝置，其中 該預設條件包含該第一觸碰及該第二觸碰其中之一起始於該觸控螢幕的一預設起始邊緣區域。
  13. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中該裁切後畫面係根據該第一觸碰之一第一起始觸碰位置、該第二觸碰之一第二起始觸碰位置，以及當該第一觸碰的一第一位移及該第二觸碰之一第二位移中之一位移超過一預設值時，該第一觸碰之一第一當下觸碰位置與該第二觸碰之一第二當下觸碰位置來決定。
  14. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中該裁切後畫面係為一矩形，包含一裁切區域以及該裁切區域以外之一透明區域，其中該裁切區域及該透明區域係根據該第一觸碰之一第一移動路徑與該第二觸碰之一第二移動路徑來決定。
  15. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中所述模組更包括：一文字辨識模組，利用一文字辨識技術辨識該裁切後畫面以產生至少一文字，並儲存該至少一文字為一文字檔案。
  16. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中該預設條件包含該第一觸碰及該第二觸碰中之一觸碰終止於該觸控螢幕的一預設終止邊緣區域。
  17. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中該預設條件包含該第一觸碰之第一觸碰時間及該第二觸碰之一第二觸碰時間中之一觸碰時間超過一預設值。
  18. 如申請專利範圍第10項所述的螢幕畫面裁切裝置，其中該裁切後畫面係根據該第一觸碰之第一起始觸碰位置、該第二觸碰之一第二起始觸碰位置、該第一觸碰的一第一終止觸碰位置及該第二觸碰之一第二終止觸碰位置來決定。
  19. 一種電腦程式產品，經由一電子裝置載入該程式以執行下列步驟：顯示一畫面於該電子裝置的一觸控螢幕上；偵測一使用者於該觸控螢幕上實施的一第一觸碰及一第二觸碰；以及當該第一觸碰及該第二觸碰符合一預設條件時，將該畫面之一裁切後畫面儲存成一影像檔案；其中該裁切後畫面的上緣係根據該第一觸碰之至少一第一觸碰位置所決定，該裁切後畫面的下緣係根據該第二觸碰之至少一第二觸碰位置所決定，該裁切後畫面的左緣係根據該畫面顯示於該觸控螢幕的左緣所決定，以及該裁切後畫面的右緣係根據該畫面顯示於該觸控螢幕的右緣所決定。
TW102119135A 2012-05-31 2013-05-30 螢幕畫面裁切方法、裝置及電腦程式產品 TWI498808B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US201261654072P 2012-05-31 2012-05-31
US13/904,018 US20130321313A1 (en) 2012-05-31 2013-05-29 Method, apparatus and computer program product for cropping screen frame

Publications (2)

Publication Number Publication Date
TW201349093A TW201349093A (zh) 2013-12-01
TWI498808B true TWI498808B (zh) 2015-09-01

Family

ID=48918230

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102119135A TWI498808B (zh) 2012-05-31 2013-05-30 螢幕畫面裁切方法、裝置及電腦程式產品

Country Status (4)

Country Link
US (1) US20130321313A1 (zh)
EP (1) EP2669787B1 (zh)
CN (1) CN103455242B (zh)
TW (1) TWI498808B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102187867B1 (ko) * 2013-07-09 2020-12-07 삼성전자 주식회사 휴대단말기의 정보 처리 장치 및 방법
US10073543B2 (en) * 2014-03-07 2018-09-11 Htc Corporation Image segmentation device and image segmentation method
US10623662B2 (en) * 2016-07-01 2020-04-14 Snap Inc. Processing and formatting video for interactive presentation
US10622023B2 (en) 2016-07-01 2020-04-14 Snap Inc. Processing and formatting video for interactive presentation
CN106502547A (zh) * 2016-11-05 2017-03-15 深圳市前海安测信息技术有限公司 运用于移动终端的电子病历医疗数据查询系统及方法
US9917957B1 (en) 2016-11-17 2018-03-13 Xerox Corporation Cropping image within image preview
US10475483B2 (en) 2017-05-16 2019-11-12 Snap Inc. Method and system for recording and playing video using orientation of device
WO2020027813A1 (en) * 2018-07-31 2020-02-06 Hewlett-Packard Development Company, L.P. Cropping portions of images

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110013049A1 (en) * 2009-07-17 2011-01-20 Sony Ericsson Mobile Communications Ab Using a touch sensitive display to control magnification and capture of digital images by an electronic device
US20110185300A1 (en) * 2010-01-28 2011-07-28 Microsoft Corporation Brush, carbon-copy, and fill gestures
US20110267490A1 (en) * 2010-04-30 2011-11-03 Beyo Gmbh Camera based method for text input and keyword detection
WO2012043255A1 (ja) * 2010-09-27 2012-04-05 富士フイルム株式会社 画像編集方法及び装置並びに画像編集プログラム
TW201241727A (en) * 2011-04-06 2012-10-16 Acer Inc Methods and systems for capturing data for touch-sensitive devices, and computer program products thereof

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP0677811A1 (en) * 1994-04-15 1995-10-18 Canon Kabushiki Kaisha Image processing system with on-the-fly JPEG compression
US6658147B2 (en) * 2001-04-16 2003-12-02 Parascript Llc Reshaping freehand drawn lines and shapes in an electronic document
JP4904223B2 (ja) * 2007-08-23 2012-03-28 キヤノン株式会社 画像処理装置及び画像処理方法
US8582919B2 (en) * 2007-09-24 2013-11-12 Microsoft Corporation Altering the appearance of a digital image using a shape
US8429565B2 (en) * 2009-08-25 2013-04-23 Google Inc. Direct manipulation gestures
US9239674B2 (en) * 2010-12-17 2016-01-19 Nokia Technologies Oy Method and apparatus for providing different user interface effects for different implementation characteristics of a touch event
US9235318B2 (en) * 2012-02-01 2016-01-12 Facebook, Inc. Transitions among hierarchical user-interface layers
JP5942729B2 (ja) * 2012-09-20 2016-06-29 カシオ計算機株式会社 図形描画装置およびプログラム

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110013049A1 (en) * 2009-07-17 2011-01-20 Sony Ericsson Mobile Communications Ab Using a touch sensitive display to control magnification and capture of digital images by an electronic device
US20110185300A1 (en) * 2010-01-28 2011-07-28 Microsoft Corporation Brush, carbon-copy, and fill gestures
US20110267490A1 (en) * 2010-04-30 2011-11-03 Beyo Gmbh Camera based method for text input and keyword detection
WO2012043255A1 (ja) * 2010-09-27 2012-04-05 富士フイルム株式会社 画像編集方法及び装置並びに画像編集プログラム
TW201241727A (en) * 2011-04-06 2012-10-16 Acer Inc Methods and systems for capturing data for touch-sensitive devices, and computer program products thereof

Also Published As

Publication number Publication date
CN103455242B (zh) 2017-09-29
EP2669787B1 (en) 2016-09-07
EP2669787A3 (en) 2014-04-16
EP2669787A2 (en) 2013-12-04
US20130321313A1 (en) 2013-12-05
TW201349093A (zh) 2013-12-01
CN103455242A (zh) 2013-12-18

Similar Documents

Publication Publication Date Title
TWI498808B (zh) 螢幕畫面裁切方法、裝置及電腦程式產品
US10705692B2 (en) Continuous and dynamic scene decomposition for user interface
CN107247538B (zh) 触摸操作处理方法及终端设备
JP5970086B2 (ja) タッチスクリーンホバリング入力処理
KR102033801B1 (ko) 인플레이스 방식으로 값을 편집하는 사용자 인터페이스 제공 기법
EP2613244A2 (en) Apparatus and method for displaying screen on portable device having flexible display
CN108370396B (zh) 电子装置、电子装置的通知显示方法及计算机可读介质
CN105843491A (zh) 页面快速导航切换方法、装置及终端
US20130061122A1 (en) Multi-cell selection using touch input
CN102520845A (zh) 一种移动终端调出缩略图界面的方法及装置
WO2018068328A1 (zh) 一种界面显示的方法及终端
CN106250190A (zh) 一种应用启动方法及终端
US9575656B2 (en) Method, electronic device, and computer program product for displaying virtual button
US20130201121A1 (en) Touch display device and touch method
WO2019119799A1 (zh) 一种显示应用图标的方法及终端设备
TW201525843A (zh) 螢幕畫面的縮放及操作方法、裝置與電腦程式產品
US20210055809A1 (en) Method and device for handling event invocation using a stylus pen
US20130044061A1 (en) Method and apparatus for providing a no-tap zone for touch screen displays
US20110316887A1 (en) Electronic device with a touch screen and touch operation control method utilized thereby
CN110764683B (zh) 一种处理操作方法及终端
CN105022737A (zh) 微博客信息显示方法和装置
WO2016206438A1 (zh) 一种触屏控制方法和装置、移动终端
CN112667931A (zh) 网页收藏方法、电子设备和存储介质
US10558356B2 (en) Display control device and non-transitory computer-readable storage medium having program recorded thereon
JP5624662B2 (ja) 電子機器、表示制御方法およびプログラム