TWI394441B - Portable electronic device and image operation method thereof - Google Patents

Portable electronic device and image operation method thereof Download PDF

Info

Publication number
TWI394441B
TWI394441B TW97147862A TW97147862A TWI394441B TW I394441 B TWI394441 B TW I394441B TW 97147862 A TW97147862 A TW 97147862A TW 97147862 A TW97147862 A TW 97147862A TW I394441 B TWI394441 B TW I394441B
Authority
TW
Taiwan
Prior art keywords
image
touch
function
display
electronic device
Prior art date
Application number
TW97147862A
Other languages
Chinese (zh)
Other versions
TW201023634A (en
Inventor
Yi Ting Chou
Jen Chieh Wang
Original Assignee
Benq 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 Benq Corp filed Critical Benq Corp
Priority to TW97147862A priority Critical patent/TWI394441B/en
Publication of TW201023634A publication Critical patent/TW201023634A/en
Application granted granted Critical
Publication of TWI394441B publication Critical patent/TWI394441B/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Position Input By Displaying (AREA)

Description

可攜式電子裝置及其影像操作方法Portable electronic device and image operation method thereof

本發明係關於一種影像操作方法,且特別是有關於一種透過可攜式電子裝置進行操作且於顯示器顯示圖像及操作流程的影像操作方法。The present invention relates to an image manipulation method, and more particularly to an image manipulation method for operating through a portable electronic device and displaying an image and an operation flow on the display.

觸控式顯示面板的應用越來越廣,例如:手機、PDA、數位相機、平板電腦及媒體播放器(media player)等。透過觸控顯示面板的特性,可攜式電子裝置可輕易地更動或擴充功能,以及增進使用者介面的親和力以及提供不同於實體按鍵的使用感。透過觸控式顯示面板,使用者能更容易學習產品的使用方法,操作產品的方法也更為直覺。一般而言,若電子產品裝設實體按鍵或按鈕,使用者需瞭解各個按鈕的功效及使用流程。若操作實體按鍵的流程不對,則可能無法讓電子產品正常運作。進而,使用者無法容易地操作電子產品,而降低購買該電子產品的意願。當然,由於產品可不需實體按鍵的裝設,因此整體外觀可更加簡樸,產品進而提昇了質感與增加與其他產品的區隔性。Touch display panels are becoming more and more popular, such as mobile phones, PDAs, digital cameras, tablets, and media players. Through the characteristics of the touch display panel, the portable electronic device can easily change or expand the function, and enhance the affinity of the user interface and provide a sense of use different from the physical button. Through the touch-sensitive display panel, users can more easily learn how to use the product, and the method of operating the product is more intuitive. In general, if an electronic product is equipped with a physical button or button, the user needs to understand the function and usage of each button. If the process of operating the physical button is incorrect, the electronic product may not work properly. Further, the user cannot easily operate the electronic product and lowers the willingness to purchase the electronic product. Of course, since the product does not require physical button installation, the overall appearance can be more simple, and the product further enhances the texture and increases the separation from other products.

為了不降低攜帶性,可攜式電子裝置的體積係受限,所以顯示面板的尺寸也受到限制。為了增加顯示面板的尺寸又不增加整體體積,可攜式電子裝置通常配置觸控面板。使用者可透過觸控面板輸入控制指令而可省去實體按鍵的配置,因而觸控面板的面積可擴大至原有實體按鍵的配置區域。雖然如此,一般可攜式電子裝置的觸控面板之尺寸仍然不夠大(約小於4吋),因此使用者在觀看觸控面板所顯示的圖像時,眼睛仍感到非常吃力且無法看到影像的細節,進而降低視覺感受。In order not to reduce the portability, the size of the portable electronic device is limited, so the size of the display panel is also limited. In order to increase the size of the display panel without increasing the overall size, the portable electronic device is usually configured with a touch panel. The user can input the control command through the touch panel to save the configuration of the physical button, so that the area of the touch panel can be expanded to the configuration area of the original physical button. Even though the size of the touch panel of the portable electronic device is still not large enough (about less than 4 inches), the user still feels very strenuous and cannot see the image when viewing the image displayed on the touch panel. The details, which in turn reduce the visual experience.

此外,為了提昇可攜式電子裝置的視覺感受,一般作法是將可攜式電子裝置連接至顯示器。透過可攜式電子裝置的影像輸出功能,讓具有大尺寸螢幕的顯示器來顯示影像。舉例來說,當數位相機透過訊號線連接至電視機時,數位相機所儲存(或拍攝)之照片就可直接透過電視機顯示。然而,當一般可攜式電子裝置外接至顯示器時,都只能顯示影像,此時使用者就無法操作影像瀏覽或編輯功能,或是需要常常查看控制按鍵的位置來進行操控。因此,可攜式電子裝置輸出影像至顯示器後,提昇了視覺體驗,但是隨之而來的缺點是不方便的影像瀏覽及編輯的操作。In addition, in order to enhance the visual experience of the portable electronic device, it is common practice to connect the portable electronic device to the display. The image output function of the portable electronic device allows the display with a large screen to display images. For example, when a digital camera is connected to a TV through a signal line, the photos stored (or taken) by the digital camera can be directly displayed on the TV. However, when the general portable electronic device is externally connected to the display, only the image can be displayed, and the user cannot operate the image browsing or editing function, or the position of the control button needs to be frequently viewed for manipulation. Therefore, the portable electronic device outputs the image to the display, which enhances the visual experience, but the consequent disadvantages are inconvenient image browsing and editing operations.

藉此,本發明提供一種可攜式電子裝置及其影像操作方法,讓使用者可直覺地進行影像操作,且同時享有大尺寸顯示的視覺體驗。Accordingly, the present invention provides a portable electronic device and an image processing method thereof, which enable a user to intuitively perform image operations while enjoying a visual experience of large-size display.

本發明之一範疇在於提供一種用於可攜式電子裝置的影像操作方法。當可攜式電子裝置連接至顯示器時,使用者透過顯示器所顯示的畫面,對可攜式電子裝置進行觸控,以達到直覺且便利的影像操作目的。One aspect of the present invention is to provide an image manipulation method for a portable electronic device. When the portable electronic device is connected to the display, the user touches the portable electronic device through the displayed image of the display to achieve an intuitive and convenient image operation.

為了達成上述範疇,該可攜式電子裝置包含儲存媒體、觸控面板及處理器。處理器電連接至儲存媒體及觸控面板,儲存媒體存有一第一圖像。當可攜式電子裝置電連接至顯示器時,本發明之影像操作方法包含下列步驟A至C。To achieve the above, the portable electronic device includes a storage medium, a touch panel, and a processor. The processor is electrically connected to the storage medium and the touch panel, and the storage medium stores a first image. When the portable electronic device is electrically connected to the display, the image operation method of the present invention comprises the following steps A to C.

首先,執行步驟A,該處理器輸出一第一影像及一指示圖示至該顯示器,該第一影像包含該第一圖像。First, in step A, the processor outputs a first image and an indication icon to the display, the first image including the first image.

接著,執行步驟B,該觸控面板感應一觸碰手勢。Then, in step B, the touch panel senses a touch gesture.

最後,執行步驟C,該處理器依據該觸碰手勢控制該指示圖示,並改變該第一影像以產生一第二影像輸出至該顯示器。Finally, in step C, the processor controls the indication icon according to the touch gesture, and changes the first image to generate a second image output to the display.

此外,若該觸碰手勢於該觸控面板上形成一線軌跡,該儲存媒體另存有一第二圖像,則該第二影像包含該第二圖像。若該觸碰手勢於該觸控面板上形成一環狀軌跡,則該第二影像包含局部放大的該第一圖像。若該觸碰手勢於該觸控面板上形成一點觸碰,且該儲存媒體另存有一功能圖示,則該第二影像包含該第一圖像及該功能圖示。In addition, if the touch gesture forms a line trajectory on the touch panel, and the storage medium further stores a second image, the second image includes the second image. If the touch gesture forms a circular track on the touch panel, the second image includes the first image that is partially enlarged. If the touch gesture forms a touch on the touch panel, and the storage medium has a function icon, the second image includes the first image and the function icon.

該儲存媒體另存有複數個功能圖示,該觸控面板感應該點觸碰之一觸碰位置。若該處理器判斷該觸碰位置位於該其中之一功能圖示,則該處理器執行對應該功能圖示之一功能。於另一實施例中,該儲存媒體另存有一功能圖示,步驟A中該輸出的第一影像另包含該功能圖示。換句話說,使用者可透過點觸碰控制可攜式電子裝置輸出功能圖示至顯示器,或者可攜式電子裝置連接至顯示器時,就會輸出功能圖示至顯示器。此外,功能圖示對應的功能係選自下列群組其中之一:一放大影像功能、一縮小影像功能、一切換影像功能、一幻燈片功能、一刪除影像功能及回到主畫面功能。The storage medium further has a plurality of function icons, and the touch panel senses one of the touch positions of the touch. If the processor determines that the touch location is located in one of the functional icons, the processor performs a function corresponding to one of the function icons. In another embodiment, the storage medium has a function icon, and the output first image in step A further includes the function icon. In other words, the user can control the portable electronic device to output a function icon to the display through a touch, or when the portable electronic device is connected to the display, the function icon is output to the display. In addition, the function corresponding to the function icon is selected from one of the following groups: an enlarged image function, a reduced image function, a switched image function, a slide show function, a delete image function, and a return to the home screen function.

本發明之另一範疇在於提供一種可攜式電子裝置。當可攜式電子裝置連接至顯示器時,透過顯示器所顯示的畫面,對可攜式電子裝置進行觸控,以達到直覺且便利的影像操作目的。Another aspect of the present invention is to provide a portable electronic device. When the portable electronic device is connected to the display, the portable electronic device is touched through the screen displayed by the display to achieve an intuitive and convenient image operation.

為了達成上述範疇,本發明之可攜式電子裝置包含儲存媒體、觸控面板及處理器,處理器電連接至該儲存媒體及該觸控面板。儲存媒體存有一第一圖像,觸控面板感應一觸碰手勢。當該可攜式電子裝置電連接至一顯示器時,該處理器輸出一第一影像至該顯示器,該第一影像包含該第一圖像及一指示圖示。其中,該處理器依據該觸碰手勢控制該指示圖示,並改變該第一影像以產生一第二影像輸出至該顯示器。In order to achieve the above, the portable electronic device of the present invention comprises a storage medium, a touch panel and a processor, and the processor is electrically connected to the storage medium and the touch panel. The storage medium stores a first image, and the touch panel senses a touch gesture. When the portable electronic device is electrically connected to a display, the processor outputs a first image to the display, the first image including the first image and an indication icon. The processor controls the indication icon according to the touch gesture, and changes the first image to generate a second image output to the display.

綜上所述,本發明之影像操作方法透過可攜式電子裝置感應觸碰手勢及顯示器顯示操作畫面(圖像及指示圖示)的方式,讓可攜式電子裝置不需更動原有機構設計,就可具有相當於大螢幕觸控面板的功效。指示圖示的顯示位置隨著使用者的觸碰位置而變,且可攜式電子裝置根據使用者的觸碰手勢而對應地改變所顯示的影像以產生另一新影像(例如:切換至上/下一張圖像、將圖像局部放大或顯示多個功能圖示)。In summary, the image processing method of the present invention allows the portable electronic device to change the original mechanism design by sensing the touch gesture and the display operation screen (image and indication icon) of the portable electronic device. It can have the equivalent of a large screen touch panel. The display position of the indication icon changes according to the touch position of the user, and the portable electronic device correspondingly changes the displayed image according to the touch gesture of the user to generate another new image (for example, switching to the upper/ The next image, partially magnified or displayed multiple function icons).

再者,使用者於觸控面板的觸碰位置與顯示器所顯示之指示圖示的顯示位置係一對一對應,因此使用者可快速地學習到觸控面板的點選位置與指示圖示的顯示位置之間的對應關係。使用者只需觀看顯示器就可快速地對可攜式電子裝置進行觸控操作而毋需查看實際觸碰位置。並且,本發明的可攜式電子裝置係透過大尺寸顯示器顯示操作畫面。因此,本發明之可攜式電子裝置可同時滿足直覺操作方法(影像編輯及影像瀏覽)及較佳視覺享受之目的。Moreover, the touch position of the touch panel is in one-to-one correspondence with the display position of the indication icon displayed on the display, so that the user can quickly learn the click position and the indication icon of the touch panel. Shows the correspondence between locations. The user can quickly touch the portable electronic device by simply watching the display without having to view the actual touch position. Moreover, the portable electronic device of the present invention displays an operation screen through a large-sized display. Therefore, the portable electronic device of the present invention can simultaneously satisfy the intuitive operation method (image editing and image browsing) and better visual enjoyment.

關於本發明之優點與精神可以藉由以下的發明詳述及所附圖式得到進一步的瞭解。The advantages and spirit of the present invention will be further understood from the following detailed description of the invention.

由於可攜式電子裝置的體積不能太大,因而觸控面板的尺寸也不大(約小於4吋)。然而,使用者透過小尺寸的觸控面板進行影像操作(編輯或瀏覽)是較為困難的。因此,本發明之影像操作方法(如圖二所示)是讓使用者透過原有的可攜式電子裝置3(如圖一所示)進行操作(觸碰手勢),同時透過大尺寸的顯示器4觀看圖像及操作過程,以幫助使用者直覺地進行影像操作且具有較佳的視覺感受。Since the size of the portable electronic device cannot be too large, the size of the touch panel is not large (about less than 4 吋). However, it is more difficult for a user to perform image manipulation (editing or browsing) through a small-sized touch panel. Therefore, the image operation method of the present invention (shown in FIG. 2) allows the user to operate through the original portable electronic device 3 (shown in FIG. 1) (touch gesture) while transmitting through a large-sized display. 4 View images and operation process to help the user intuitively perform image operations and have a better visual experience.

請參閱圖一至圖三。圖一係繪示根據本發明一較佳具體實施例之可攜式電子裝置3之功能方塊圖,圖二繪示根據本發明一較佳具體實施例之影像操作方法之流程圖,圖三繪示圖一的可攜式電子裝置3連接至顯示器4之示意圖。Please refer to Figure 1 to Figure 3. 1 is a functional block diagram of a portable electronic device 3 according to a preferred embodiment of the present invention, and FIG. 2 is a flow chart of a method for operating an image according to a preferred embodiment of the present invention. A schematic diagram of the portable electronic device 3 shown in FIG. 1 is connected to the display 4.

如圖一所示,本發明之可攜式電子裝置3包含儲存媒體34、觸控面板30及處理器32,處理器32電連接至儲存媒體34及觸控面板30。圖三所繪示之可攜式電子裝置3為相機,顯示器4為電視機。當本發明之可攜式電子裝置3電連接至顯示器4時,本發明之影像操作方法包含下列步驟S30~S34,如圖二所示。As shown in FIG. 1 , the portable electronic device 3 of the present invention includes a storage medium 34 , a touch panel 30 , and a processor 32 . The processor 32 is electrically connected to the storage medium 34 and the touch panel 30 . The portable electronic device 3 shown in FIG. 3 is a camera, and the display 4 is a television. When the portable electronic device 3 of the present invention is electrically connected to the display 4, the image operation method of the present invention comprises the following steps S30 to S34, as shown in FIG.

首先,執行步驟S30,處理器32讀取存於儲存媒體34之第一圖像,接著輸出第一影像及指示圖示40至顯示器4,第一影像包含第一圖像44(如圖三所示之人物及大樓)。於此實施例中,第一圖像44為可攜式電子3的相機模組所拍攝之照片。First, in step S30, the processor 32 reads the first image stored in the storage medium 34, and then outputs the first image and the indication icon 40 to the display 4. The first image includes the first image 44 (as shown in FIG. Show the characters and the building). In this embodiment, the first image 44 is a photo taken by a camera module of the portable electronic device 3.

一般來說,可攜式電子裝置3的影像處理晶片能力較弱,只能輸出第一影像(影像訊號)至觸控式面板30及顯示器4其中之一。因此,可攜式電子裝置3輸出第一影像至顯示器4時,觸控面板30是處於關閉狀態,不顯示影像。當可攜式電子裝置3與顯示器4之間的電連接中斷時,使用者只能透過觸控面板30觀看影像及進行控制,觸控面板30可以只顯示第一影像,不需顯示指示圖示。Generally, the image processing chip of the portable electronic device 3 is weak, and only the first image (image signal) can be output to one of the touch panel 30 and the display 4. Therefore, when the portable electronic device 3 outputs the first image to the display 4, the touch panel 30 is in a closed state, and no image is displayed. When the electrical connection between the portable electronic device 3 and the display 4 is interrupted, the user can only view and control the image through the touch panel 30, and the touch panel 30 can display only the first image without displaying the indication icon. .

接著,執行步驟S32,觸控面板30感應一觸碰手勢。其中,指示圖示40於顯示器4上的顯示位置P22對應於觸碰手勢於觸控面板30上的觸碰位置P20。Then, in step S32, the touch panel 30 senses a touch gesture. The display position P22 of the indication icon 40 on the display 4 corresponds to the touch position P20 of the touch gesture on the touch panel 30.

目前而言,觸控面板有電容式觸控面板、電阻式觸控面板及波動式(紅外線或超音波)觸控面板。手指觸碰於觸控面板30的不同位置,可使得觸控面板30產生不同的電壓、電場或波動訊號。因而,處理器32可分析觸控面板30所產生的電壓、電場或波動訊號,來獲得手指於觸控面板30上的觸碰位置P20。Currently, the touch panel has a capacitive touch panel, a resistive touch panel, and a wave (infrared or ultrasonic) touch panel. Touching the finger to different positions of the touch panel 30 can cause the touch panel 30 to generate different voltage, electric field or wave signals. Therefore, the processor 32 can analyze the voltage, electric field or wave signal generated by the touch panel 30 to obtain the touch position P20 of the finger on the touch panel 30.

處理器32接著將觸碰位置P20及觸控面板30的第一解析度(X1像素*Y1像素)輸出至顯示器4。顯示器4具有第二解析度(X2像素*Y2像素),顯示器4根據第一解析度、第二解析度及觸碰位置P20,於顯示位置P22顯示指示圖示。若觸碰位置P20為(X3,Y3),則第二顯示位置P22為(X4,Y4),則X4=X3*X2/X1,Y4=Y3*Y2/Y1。The processor 32 then outputs the touch position P20 and the first resolution (X1 pixel * Y1 pixel) of the touch panel 30 to the display 4. The display 4 has a second resolution (X2 pixels * Y2 pixels), and the display 4 displays an indication icon at the display position P22 based on the first resolution, the second resolution, and the touch position P20. If the touch position P20 is (X3, Y3), the second display position P22 is (X4, Y4), then X4 = X3 * X2 / X1, Y4 = Y3 * Y2 / Y1.

舉例來說,如圖四所示,觸控面板30的第一解析度為320*240,觸碰位置P20為(100,200),亦即觸控面板30於橫向長度的100/320=(5/16)之處及縱向長度的200/240=(5/6)之處感應到使用者的觸碰。顯示器4的第二解析度為1024*768,則顯示位置P22為(100*1024/320,200*768/240)=(320,640)像素,亦即,顯示器4於橫向長度的320/1024=(5/16)之處及縱向長度的640/768=(5/6)之處顯示指示圖示40。For example, as shown in FIG. 4, the first resolution of the touch panel 30 is 320*240, and the touch position P20 is (100, 200), that is, the touch panel 30 is 100/320 in the horizontal length (5/). 16) Where the 200/240=(5/6) of the longitudinal length senses the user's touch. The second resolution of the display 4 is 1024*768, and the display position P22 is (100*1024/320, 200*768/240)=(320, 640) pixels, that is, the display 4 has a lateral length of 320/1024=(5/ 16) Where the 640/768=(5/6) of the longitudinal length is displayed, the indication icon 40 is displayed.

觸控面板30上的觸碰位置與顯示器4的顯示位置可互相對應。使用者只需觀看指示圖示42與整個顯示畫面的相對位置,就可得知手指在觸控面板30上的觸碰位置P20。使用者毋需實際查看觸碰位置P20,因而能直覺地進行影像操作。The touch position on the touch panel 30 and the display position of the display 4 can correspond to each other. The user only needs to watch the relative position of the indication icon 42 and the entire display screen, and the touch position P20 of the finger on the touch panel 30 can be known. The user does not need to actually view the touch position P20, so that the image operation can be performed intuitively.

接著,執行步驟S34,處理器32依據觸碰手勢控制指示圖示40,並改變第一影像以產生第二影像輸出至顯示器4。觸碰手勢在觸控面板30上可形成線軌跡、環形軌跡或點觸碰。三種不同的觸碰手勢對應不同的影像變化,分別舉例如下。Next, in step S34, the processor 32 controls the indication icon 40 according to the touch gesture, and changes the first image to generate a second image output to the display 4. The touch gesture can form a line trajectory, a circular trajectory, or a point touch on the touch panel 30. Three different touch gestures correspond to different image changes, as exemplified below.

若觸碰手勢於觸控面板30上形成線軌跡,且儲存媒體34另存有第二圖像46,則第二影像包含該第二圖像46。換句話說,使用者之手指於觸控面板30上滑過一線軌跡(當然,指示圖示40之移動也會呈一線軌跡),則顯示器4所顯示的影像從第一圖像44(人物及大樓)切換至第二圖像46(人物及熱氣球),如圖五A及圖五B所示。If the touch gesture forms a line trajectory on the touch panel 30 and the storage medium 34 has the second image 46 stored thereon, the second image includes the second image 46. In other words, the user's finger slides over the touch track 30 over a line of trajectories (of course, the movement of the indicator 40 is also a line trajectory), and the image displayed by the display 4 is from the first image 44 (person and The building is switched to the second image 46 (person and hot air balloon) as shown in Figure 5A and Figure 5B.

若該觸碰手勢於該觸控面板30上形成一環狀軌跡,則第二影像包含局部放大的第一圖像44。換句話說,使用者之手指於觸控面板30上滑過一環狀軌跡(當然,指示圖示40之移動也會呈一環狀軌跡),則顯示器4所顯示的影像會從第一圖像44(人物及大樓)切換至局部放大的第一圖像44(大樓一部分,亦即包圍環狀軌跡之矩形區域),如圖六A及圖六B所示。If the touch gesture forms a circular trajectory on the touch panel 30, the second image includes the partially enlarged first image 44. In other words, the user's finger slides over the touch panel 30 over a circular path (of course, the movement of the indication image 40 also shows a circular path), and the image displayed by the display 4 will be from the first image. For example, 44 (person and building) is switched to the partially enlarged first image 44 (a part of the building, that is, a rectangular area surrounding the circular track), as shown in Figs. 6A and 6B.

若觸碰手勢於觸控面板30上形成點觸碰,且儲存媒體34另存有功能圖示,則第二影像包含第一圖像44及功能圖示42。換句話說,如圖七所示,使用者之手指於觸控面板30上不滑動而是點碰觸,則顯示器4所顯示的影像除了第一圖像44之外,還會額外顯示多個功能圖示42。圖七所示之功能圖示42皆為影像瀏覽功能,從上至下分別代表”回到主畫面”、”切換至下一張影像”、”切換至上一張影像”及”瀏覽多張影像”的功能。If the touch gesture forms a point touch on the touch panel 30 and the storage medium 34 has a function icon, the second image includes the first image 44 and the function icon 42. In other words, as shown in FIG. 7 , when the user's finger does not slide on the touch panel 30 but touches the touch, the image displayed by the display 4 additionally displays multiple images in addition to the first image 44 . Function icon 42. The function icons 42 shown in FIG. 7 are all image browsing functions, and represent "return to the main screen", "switch to the next image", "switch to the previous image", and "browse multiple images" from top to bottom. "The function."

再者,若處理器32判斷點觸碰之觸碰位置P20位於其中之一功能圖示42,則處理器32執行對應功能圖42示之功能。舉例來說,如圖八所示,功能圖示42所對應的功能為影像編輯功能,從上至下分別為”選定範圍”、”畫出曲線”、”加上文字”及”蓋上圖像***”功能。當使用者選擇”畫出曲線”的影像編輯功能,且使用者在觸控面板30上滑動一曲線軌跡,則顯示器4就會對應地顯示畫出的曲線。Moreover, if the processor 32 determines that the touch location P20 of the touch point is located in one of the function icons 42, the processor 32 performs the function shown in the corresponding function diagram 42. For example, as shown in FIG. 8, the functions corresponding to the function icon 42 are image editing functions, from top to bottom, respectively, "selected range", "drawing curve", "plus text", and "top view" Like the stamp "function. When the user selects the image editing function of "draw curve" and the user slides a curved track on the touch panel 30, the display 4 displays the drawn curve correspondingly.

藉由本發明的設計,使用者可透過可攜式電子裝置3之觸控式面板30直覺地進行影像操作(影像瀏覽及影像編輯),同時透過大尺寸的顯示器4觀看操作流程以提昇視覺感受。With the design of the present invention, the user can intuitively perform image operations (image browsing and image editing) through the touch panel 30 of the portable electronic device 3, while viewing the operation flow through the large-sized display 4 to enhance the visual experience.

實際上,可攜式電子裝置3另包含訊號端子36及訊號線37。如圖三所示,當訊號線37連接至訊號端子36及顯示器4時,可攜式電子裝置3就可透過訊號端子36及訊號線37輸出影像訊號至顯示器4。訊號端子36可包含高清晰多媒體介面(High Definition Multimedia Interface,HDMI)端子、複合視訊(composite video)端子、分離視訊(separated video,S-video)端子、視訊影像陣列(Video Graphics Array,VGA)端子、數位視訊介面(Digital Video Interface,DVI)端子、YPbPr端子及YCbCr端子。In fact, the portable electronic device 3 further includes a signal terminal 36 and a signal line 37. As shown in FIG. 3, when the signal line 37 is connected to the signal terminal 36 and the display 4, the portable electronic device 3 can output the image signal to the display 4 through the signal terminal 36 and the signal line 37. The signal terminal 36 can include a High Definition Multimedia Interface (HDMI) terminal, a composite video terminal, a separated video (S-video) terminal, and a Video Graphics Array (VGA) terminal. , Digital Video Interface (DVI) terminal, YPbPr terminal and YCbCr terminal.

不同規格的訊號端子所能承載的訊號流量(頻寬)也不同,例如:處理器32輸出包含具有解析度為1920*1080的影像之影像訊號,可透過HDMI或DVI端子傳送至顯示器4,但無法透過S-video端子(上限為720*480)、VGA端子(上限為720*480)、YPbPr端子或YCbCr端子(上限為720*576)傳送至顯示器。當然,顯示器4也需具有相同規格的訊號端子才能正確地接收影像訊號。The signal flow (bandwidth) that can be carried by different signal terminals is different. For example, the processor 32 outputs an image signal containing an image with a resolution of 1920*1080, which can be transmitted to the display 4 through the HDMI or DVI terminal, but It cannot be transmitted to the monitor through the S-video terminal (upper limit 720*480), VGA terminal (upper limit 720*480), YPbPr terminal or YCbCr terminal (upper limit 720*576). Of course, the display 4 also needs to have the same size signal terminal to correctly receive the image signal.

相較於先前技術,本發明之影像操作方法透過可攜式電子裝置感應觸碰手勢及顯示器顯示操作畫面(圖像及指示圖示)的方式,讓可攜式電子裝置不需更動原有機構設計,就可具有相當於大螢幕觸控面板的功效。指示圖示的顯示位置隨著使用者的觸碰位置而變,且可攜式電子裝置根據使用者的觸碰手勢而對應地改變所顯示的影像以產生另一新影像(例如:切換至上/下一張圖像、將圖像局部放大或顯示多個功能圖示)。Compared with the prior art, the image processing method of the present invention allows the portable electronic device to change the original mechanism by sensing the touch gesture and the display operation screen (image and indication icon) of the portable electronic device. Designed to have the equivalent of a large screen touch panel. The display position of the indication icon changes according to the touch position of the user, and the portable electronic device correspondingly changes the displayed image according to the touch gesture of the user to generate another new image (for example, switching to the upper/ The next image, partially magnified or displayed multiple function icons).

再者,使用者於觸控面板的觸碰位置與顯示器所顯示之指示圖示的顯示位置係一對一對應,因此使用者可快速地學習到觸控面板的點選位置與指示圖示的顯示位置之間的對應關係。使用者只需觀看顯示器就可快速地對可攜式電子裝置進行觸控操作而毋需查看實際觸碰位置。並且,本發明的可攜式電子裝置係透過大尺寸顯示器顯示操作畫面。因此,本發明之可攜式電子裝置可同時滿足直覺操作方法(影像編輯及影像瀏覽)及較佳視覺享受之目的。Moreover, the touch position of the touch panel is in one-to-one correspondence with the display position of the indication icon displayed on the display, so that the user can quickly learn the click position and the indication icon of the touch panel. Shows the correspondence between locations. The user can quickly touch the portable electronic device by simply watching the display without having to view the actual touch position. Moreover, the portable electronic device of the present invention displays an operation screen through a large-sized display. Therefore, the portable electronic device of the present invention can simultaneously satisfy the intuitive operation method (image editing and image browsing) and better visual enjoyment.

藉由以上較佳具體實施例之詳述,係希望能更加清楚描述本發明之特徵與精神,而並非以上述所揭露的較佳具體實施例來對本發明之範疇加以限制。相反地,其目的是希望能涵蓋各種改變及具相等性的安排於本發明所欲申請之專利範圍的範疇內。因此,本發明所申請之專利範圍的範疇應該根據上述的說明作最寬廣的解釋,以致使其涵蓋所有可能的改變以及具相等性的安排。The features and spirit of the present invention will be more apparent from the detailed description of the preferred embodiments. On the contrary, the intention is to cover various modifications and equivalents within the scope of the invention as claimed. Therefore, the scope of the patented scope of the invention should be construed as broadly construed in the

3...電子裝置3. . . Electronic device

30...觸控面板30. . . Touch panel

32...處理器32. . . processor

34...儲存媒體34. . . Storage medium

4...顯示器4. . . monitor

40...指示圖示40. . . Instruction icon

42...功能圖示42. . . Function icon

36...訊號端子36. . . Signal terminal

37...訊號線37. . . Signal line

P20...第二位置P20. . . Second position

P22...第二顯示位置P22. . . Second display position

44...第一圖像44. . . First image

46...第二圖像46. . . Second image

S30~S34...步驟S30~S34. . . step

圖一係繪示根據本發明一具體實施例之可攜式電子裝置之功能方塊圖。FIG. 1 is a functional block diagram of a portable electronic device according to an embodiment of the invention.

圖二繪示根據本發明一具體實施例之影像操作方法之流程圖。2 is a flow chart of an image operation method according to an embodiment of the invention.

圖三繪示圖一的可攜式電子裝置連接至顯示器之情境示意圖。FIG. 3 is a schematic diagram showing the connection of the portable electronic device of FIG. 1 to the display.

圖四繪示根據本發明一具體實施例之觸碰位置與顯示位置之示意圖。4 is a schematic diagram of a touch position and a display position according to an embodiment of the invention.

圖五A至圖五B繪示觸控手勢呈線軌跡時所對應的影像變化之示意圖。FIG. 5A to FIG. 5B are schematic diagrams showing image changes corresponding to a touch gesture in a line trajectory.

圖六A至圖六B繪示觸控手勢呈環形軌跡時所對應的影像變化之示意圖。FIG. 6A to FIG. 6B are schematic diagrams showing image changes corresponding to a touch gesture in a circular trajectory.

圖七繪示觸控手勢呈點觸碰時所對應的影像變化之示意圖。FIG. 7 is a schematic diagram showing image changes corresponding to a touch gesture when a touch is touched.

圖八繪示根據本發明一具體實施例之影像操作示意圖。FIG. 8 is a schematic diagram of image operations according to an embodiment of the invention.

S30~S34...步驟S30~S34. . . step

Claims (18)

一種影像操作方法,用於一可攜式電子裝置,該可攜式電子裝置包含一儲存媒體、一觸控面板及一處理器,該處理器電連接至該儲存媒體及該觸控面板,該儲存媒體存有一第一圖像,當該可攜式電子裝置電連接至一顯示器時,該影像操作方法包含下列步驟:該處理器輸出一第一影像及一指示圖示至該顯示器,該第一影像包含該第一圖像;該觸控面板感應一觸碰手勢;以及該處理器依據該觸碰手勢控制該指示圖示,當該觸碰手勢於該觸控面板上形成一環狀軌跡,其中該環狀軌跡於該第一圖像上形成一矩形區域,依據該矩形區域所選定的部分該第一圖像,進行局部放大,以產生一第二影像輸出至該顯示器,其中該第二影像包含放大顯示的部分該第一圖像。 An image processing method is provided for a portable electronic device. The portable electronic device includes a storage medium, a touch panel and a processor. The processor is electrically connected to the storage medium and the touch panel. The storage medium stores a first image. When the portable electronic device is electrically connected to a display, the image operation method includes the following steps: the processor outputs a first image and an indication icon to the display, the first An image includes the first image; the touch panel senses a touch gesture; and the processor controls the indication icon according to the touch gesture, and the touch gesture forms a circular track on the touch panel The circular track forms a rectangular area on the first image, and the partial image is partially enlarged according to the selected portion of the rectangular area to generate a second image output to the display, wherein the The second image includes a portion of the first image that is enlarged for display. 如申請專利範圍第1項所述之影像操作方法,其中該儲存媒體另存有一第二圖像,若該觸碰手勢於該觸控面板上形成一線軌跡,則該第二影像包含該第二圖像。 The image processing method of claim 1, wherein the storage medium has a second image, and if the touch gesture forms a line trajectory on the touch panel, the second image includes the second image. image. 如申請專利範圍第1項所述之影像操作方法,其中該儲存媒體另存有一功能圖示,該輸出的第一影像另包含該功能圖示。 The image processing method of claim 1, wherein the storage medium further has a function icon, and the output first image further includes the function icon. 如申請專利範圍第1項所述之影像操作方法,其中該儲存 媒體另存有一功能圖示,若該觸碰手勢於該觸控面板上形成一點觸碰,則該第二影像包含該第一圖像及該功能圖示。 The image processing method according to claim 1, wherein the storing The media saves a function icon. If the touch gesture forms a touch on the touch panel, the second image includes the first image and the function icon. 如申請專利範圍第4項所述之影像操作方法,其中該儲存媒體另存有複數個功能圖示,該觸控面板感應該點觸碰之一觸碰位置,若該處理器判斷該觸碰位置位於該其中之一功能圖示,則該處理器執行對應該功能圖示之一功能。 The image processing method of claim 4, wherein the storage medium has a plurality of function icons, and the touch panel senses a touch position of the touch point, and if the processor determines the touch position Located in one of the functional icons, the processor performs one of the functions corresponding to the function illustration. 如申請專利範圍第5項所述之影像操作方法,其中該功能圖示所對應之該功能係選自下列群組其中之一:一放大影像功能、一縮小影像功能、一切換影像功能、一幻燈片功能、一刪除影像功能及回到主畫面功能。 The image processing method according to claim 5, wherein the function corresponding to the function icon is selected from one of the following groups: an enlarged image function, a reduced image function, a switched image function, and a Slideshow function, one delete image function and return to the main screen function. 如申請專利範圍第1項所述之影像操作方法,其中該觸控面板感應該觸碰手勢之一觸碰位置,該處理器輸出該觸碰位置及該觸控面板之一第一解析度至該顯示器,該顯示器具有一第二解析度,該顯示器根據該第一解析度、該第二解析度及該觸碰位置,於一指示位置顯示該指示圖示。 The image processing method of claim 1, wherein the touch panel senses a touch position of the touch gesture, the processor outputs the touch position and a first resolution of the touch panel to The display has a second resolution, and the display displays the indication icon at an indicated position according to the first resolution, the second resolution, and the touch position. 如申請專利範圍第7項所述之影像操作方法,其中該第一解析度為X1像素*Y1像素,該第二解析度為X2像素*Y2像素,該觸碰位置為(X3,Y3)像素,則該指示位置為(X4,Y4)像素,其中X4=X3*X2/X1,Y4=Y3*Y2/Y1。 The image processing method of claim 7, wherein the first resolution is X1 pixels*Y1 pixels, the second resolution is X2 pixels*Y2 pixels, and the touch position is (X3, Y3) pixels. , the indication position is (X4, Y4) pixels, where X4 = X3 * X2 / X1, Y4 = Y3 * Y2 / Y1. 一種可攜式電子裝置,包含: 一儲存媒體,存有一第一圖像;一觸控面板,感應一觸碰手勢;以及一處理器,電連接至該儲存媒體及該觸控面板,當該可攜式電子裝置電連接至一顯示器時,該處理器輸出一第一影像至該顯示器,該第一影像包含該第一圖像及一指示圖示;其中,該處理器依據該觸碰手勢控制該指示圖示,當該觸碰手勢於該觸控面板上形成一環狀軌跡,其中該環狀軌跡於該第一圖像上形成一矩形區域,依據該矩形區域所選定的部分該第一圖像,進行局部放大,以產生一第二影像輸出至該顯示器,其中該第二影像包含放大顯示的部分該第一圖像。 A portable electronic device comprising: a storage medium storing a first image; a touch panel sensing a touch gesture; and a processor electrically connected to the storage medium and the touch panel, wherein the portable electronic device is electrically connected to the The display unit outputs a first image to the display, the first image includes the first image and an indication icon; wherein the processor controls the indication icon according to the touch gesture, when the touch Forming a circular trajectory on the touch panel, wherein the circular trajectory forms a rectangular area on the first image, and the partial image is partially enlarged according to the selected portion of the rectangular area. Generating a second image output to the display, wherein the second image includes a portion of the first image that is displayed in an enlarged manner. 如申請專利範圍第9項所述之可攜式電子裝置,其中該儲存媒體另存有一第二圖像,若該觸碰手勢於該觸控面板上形成一線軌跡,則該第二影像包含該第二圖像。 The portable electronic device of claim 9, wherein the storage medium further has a second image, and if the touch gesture forms a line trajectory on the touch panel, the second image includes the second image Two images. 如申請專利範圍第9項所述之可攜式電子裝置,其中該儲存媒體另存有一功能圖示,該輸出的第一影像另包含該功能圖示。 The portable electronic device of claim 9, wherein the storage medium further has a function icon, and the output first image further includes the function icon. 如申請專利範圍第9項所述之可攜式電子裝置,其中該儲存媒體另存有一功能圖示,若該觸碰手勢於該觸控面板上形成一點觸碰,則該第二影像包含該第一圖像及該功能圖示。 The portable electronic device of claim 9, wherein the storage medium further has a function icon, and if the touch gesture forms a touch on the touch panel, the second image includes the An image and a graphical representation of the function. 如申請專利範圍第12項所述之可攜式電子裝置,其中該儲存媒體另存有複數個功能圖示,該觸控面板感應該點觸碰之一觸碰位置,若該處理器判斷該觸碰位置位於該其中之一功能圖示,則該處理器執行對應該功能圖示之一功能。 The portable electronic device of claim 12, wherein the storage medium has a plurality of function icons, and the touch panel senses a touch position of the touch point, if the processor determines the touch The touch position is located in one of the function icons, and the processor performs one of the functions corresponding to the function icon. 如申請專利範圍第13項所述之影像操作方法,其中該功能圖示所對應之該功能係選自下列群組其中之一:一放大影像功能、一縮小影像功能、一切換影像功能、一幻燈片功能、一刪除影像功能及回到主畫面功能。 The image processing method of claim 13, wherein the function corresponding to the function is selected from one of the following groups: an enlarged image function, a reduced image function, a switched image function, and a Slideshow function, one delete image function and return to the main screen function. 如申請專利範圍第9項所述之可攜式電子裝置,其中該觸控面板感應該觸碰手勢之一觸碰位置,該處理器輸出該觸碰位置及該觸控面板之一第一解析度至該顯示器,該顯示器具有一第二解析度,該顯示器根據該第一解析度、該第二解析度及該觸碰位置,於一指示位置顯示該指示圖示。 The portable electronic device of claim 9, wherein the touch panel senses a touch position of the touch gesture, the processor outputs the touch position and the first analysis of the touch panel To the display, the display has a second resolution, and the display displays the indication icon at an indicated position according to the first resolution, the second resolution, and the touch position. 如申請專利範圍第15項所述之可攜式電子裝置,其中該第一解析度為X1像素*Y1像素,該第二解析度為X2像素*Y2像素,該觸碰位置為(X3,Y3)像素,則該指示位置為(X4,Y4)像素,其中X4=X3*X2/X1,Y4=Y3*Y2/Y1。 The portable electronic device of claim 15, wherein the first resolution is X1 pixels*Y1 pixels, and the second resolution is X2 pixels*Y2 pixels, and the touch position is (X3, Y3) a pixel, the indicated position is a (X4, Y4) pixel, where X4 = X3 * X2 / X1, Y4 = Y3 * Y2 / Y1. 如申請專利範圍第9項所述之可攜式電子裝置,另包含一訊號線及一訊號端子,該訊號端子耦接至該處理器,該訊號線連接至該訊號端子及該顯示器,該第一影像及該第二影像經由該訊號端子及該訊號線傳輸至該顯示器。 The portable electronic device of claim 9, further comprising a signal line and a signal terminal, the signal terminal being coupled to the processor, the signal line being connected to the signal terminal and the display, the An image and the second image are transmitted to the display via the signal terminal and the signal line. 如申請專利範圍第17項所述之可攜式電子裝置,其中該訊號端子為一高清晰多媒體介面端子、一複合視訊端子、一分離視訊端子、一視訊影像陣列端子、一數位視訊介面端子、一YPbPr端子或一YCbCr端子。The portable electronic device of claim 17, wherein the signal terminal is a high definition multimedia interface terminal, a composite video terminal, a separate video terminal, a video image array terminal, a digital video interface terminal, A YPbPr terminal or a YCbCr terminal.
TW97147862A 2008-12-09 2008-12-09 Portable electronic device and image operation method thereof TWI394441B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW97147862A TWI394441B (en) 2008-12-09 2008-12-09 Portable electronic device and image operation method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW97147862A TWI394441B (en) 2008-12-09 2008-12-09 Portable electronic device and image operation method thereof

Publications (2)

Publication Number Publication Date
TW201023634A TW201023634A (en) 2010-06-16
TWI394441B true TWI394441B (en) 2013-04-21

Family

ID=44833480

Family Applications (1)

Application Number Title Priority Date Filing Date
TW97147862A TWI394441B (en) 2008-12-09 2008-12-09 Portable electronic device and image operation method thereof

Country Status (1)

Country Link
TW (1) TWI394441B (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070040810A1 (en) * 2005-08-18 2007-02-22 Eastman Kodak Company Touch controlled display device
US20070132853A1 (en) * 2005-08-30 2007-06-14 Sony Corporation Image pickup device
US20080052945A1 (en) * 2006-09-06 2008-03-06 Michael Matas Portable Electronic Device for Photo Management
US20080198142A1 (en) * 1996-12-20 2008-08-21 Masahiro Juen Image processing apparatus and method

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080198142A1 (en) * 1996-12-20 2008-08-21 Masahiro Juen Image processing apparatus and method
US20070040810A1 (en) * 2005-08-18 2007-02-22 Eastman Kodak Company Touch controlled display device
US20070132853A1 (en) * 2005-08-30 2007-06-14 Sony Corporation Image pickup device
US20080052945A1 (en) * 2006-09-06 2008-03-06 Michael Matas Portable Electronic Device for Photo Management

Also Published As

Publication number Publication date
TW201023634A (en) 2010-06-16

Similar Documents

Publication Publication Date Title
CN104754393B (en) Information processing apparatus, information processing method, and program
US11991409B2 (en) Remote controller, control method thereof and image processing apparatus having the same
US8441460B2 (en) Apparatus and method for providing side touch panel as part of man-machine interface (MMI)
KR101233562B1 (en) Gui applications for use with 3d remote controller
KR101657168B1 (en) Display method and apparatus based on user's potion
KR101493603B1 (en) Display terminal device connectable to external display device and method therefor
US20120260171A1 (en) User interface for audio video display device such as tv
US20120299846A1 (en) Electronic apparatus and operation support method
US20150279329A1 (en) Display and method for operating frames of multiple devices thereof
CN101477435A (en) Image operation method and its portable electronic device
CN103729158A (en) Multi-display apparatus and method of controlling display thereof
US20110314428A1 (en) Display apparatus and control method thereof
US20150138239A1 (en) Display device, display method, and program
US10712842B2 (en) Touch display and control module of same
US20090288042A1 (en) Method and system for controlling multiple computers
US20130127731A1 (en) Remote controller, and system and method using the same
KR20150134674A (en) User terminal device, and Method for controlling for User terminal device, and multimedia system thereof
JP5713180B2 (en) Touch panel device that operates as if the detection area is smaller than the display area of the display.
TWI702843B (en) Television system operated with remote touch control
JP2015194795A (en) Display divice and display method
US20140035816A1 (en) Portable apparatus
TWI522898B (en) Image control method, processing method and system thereof
JP2015088085A (en) Display device and display method
TWI394441B (en) Portable electronic device and image operation method thereof
US20100257488A1 (en) Method for moving a cursor and display apparatus using the same