JP2021028851A - Image processing device, method for controlling image processing device, and program - Google Patents

Image processing device, method for controlling image processing device, and program Download PDF

Info

Publication number
JP2021028851A
JP2021028851A JP2020197064A JP2020197064A JP2021028851A JP 2021028851 A JP2021028851 A JP 2021028851A JP 2020197064 A JP2020197064 A JP 2020197064A JP 2020197064 A JP2020197064 A JP 2020197064A JP 2021028851 A JP2021028851 A JP 2021028851A
Authority
JP
Japan
Prior art keywords
display
preview image
displayed
display mode
display area
Prior art date
Legal status (The legal status 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 status listed.)
Granted
Application number
JP2020197064A
Other languages
Japanese (ja)
Other versions
JP7114678B2 (en
Inventor
洋平 正垣
Yohei Masagaki
洋平 正垣
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Canon Inc
Original Assignee
Canon Inc
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 Canon Inc filed Critical Canon Inc
Priority to JP2020197064A priority Critical patent/JP7114678B2/en
Publication of JP2021028851A publication Critical patent/JP2021028851A/en
Priority to JP2022114541A priority patent/JP2022132508A/en
Application granted granted Critical
Publication of JP7114678B2 publication Critical patent/JP7114678B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

To provide operability comfortable to a user in the case of switching two display modes having different screen configurations on the basis of a multi-touch operation.SOLUTION: A display is switched from a first display mode to a second display mode in accordance with a start of a pinch-out operation to a first display area for displaying a preview image, and display is switched from the second display mode to the second display mode according to the fact that a pinch-in operation to the first display area is ended and that display size of a preview image reaches a prescribed threshold.SELECTED DRAWING: Figure 3

Description

本発明は、画像処理装置画像処理装置の制御方法、及びプログラムに関する。 The present invention relates to an image processing apparatus , a control method for the image processing apparatus, and a program.

近年、ユーザによる直感的な操作を可能にするために、マルチタッチ操作を検出可能なタッチパネルを備えた情報処理装置が一般的になりつつある。このタッチパネル上で行うマルチタッチ操作としては、ピンチインやピンチアウトなどがある。ピンチインとは、タッチパネル上に表示した対象物を二本の指でつまむようにする操作であり、この操作により対象物の縮小を直感的に実行することができる。また、ピンチアウトとは、タッチパネル上に表示した対象物を二本の指で広げるようにする操作であり、この操作により対象物の拡大を直感的に実行することができる。 In recent years, an information processing device provided with a touch panel capable of detecting a multi-touch operation has become common in order to enable an intuitive operation by a user. Multi-touch operations performed on this touch panel include pinch-in and pinch-out. Pinch-in is an operation of pinching an object displayed on the touch panel with two fingers, and this operation can intuitively reduce the object. Further, the pinch-out is an operation of expanding the object displayed on the touch panel with two fingers, and this operation can intuitively expand the object.

特許文献1には、ディスプレイ上に拡大表示している画像を、ピンチイン操作により縮小し、画像の表示倍率が所定の閾値以下になった場合に拡大表示を終了することが開示されている。 Patent Document 1 discloses that an image enlarged and displayed on a display is reduced by a pinch-in operation, and the enlarged display is terminated when the display magnification of the image becomes equal to or less than a predetermined threshold value.

特開2013−190982号公報Japanese Unexamined Patent Publication No. 2013-190982

ここで、画像を拡大表示しているときは、拡大表示する前とで画面の構成が変わる場合がある。例えば、拡大表示前は表示画像に対する各種操作ボタンを表示し、拡大表示時は当該操作ボタンを非表示にする場合等である。このような場合において、ユーザがタッチパネル上で2本の指を触れたまま、指の間隔を広げたり狭めたりといった操作を連続的に行うと、画像の拡大と縮小とが交互に行われることになる。この時、画像の表示サイズが閾値を超えたか否かのみを上記操作ボタンの表示・非表示の切替え条件とすると、画面構成が異なる二つの表示状態が連続的に切り替わる状況が発生する。その結果、ユーザにとっては画面がちらついて見えてしまい、快適な操作性を提供することができない可能性がある。 Here, when the image is enlarged and displayed, the screen configuration may change from that before the enlarged display. For example, various operation buttons for the displayed image may be displayed before the enlarged display, and the operation buttons may be hidden during the enlarged display. In such a case, if the user continuously performs operations such as widening or narrowing the distance between the two fingers while touching the two fingers on the touch panel, the image is enlarged and reduced alternately. Become. At this time, if only whether or not the display size of the image exceeds the threshold value is set as the display / non-display switching condition of the operation button, a situation occurs in which two display states having different screen configurations are continuously switched. As a result, the screen may appear flickering to the user, making it impossible to provide comfortable operability.

本発明は、マルチタッチ操作に基づいて画面構成が異なる2つの表示モードを切り替える場合において、ユーザにとって快適な操作性を提供することを目的とする。 An object of the present invention is to provide a comfortable operability for a user when switching between two display modes having different screen configurations based on a multi-touch operation.

上記課題を解決するため、本発明は、タッチパネルを有する画像処理装置であって、前記タッチパネルに対するユーザ操作を検知する検知手段と、プレビュー画像を表示する第1の表示領域、および前記第1の表示領域とは異なる第2の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第2の表示領域を表示する第1の表示モードと、前記第1の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第2の表示領域を表示しない第2の表示モードと、を切り替え可能な表示制御手段と、を有し、前記表示制御手段は、前記第1の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも2つの入力指示体が接触している状態から前記少なくとも2つの入力指示体の距離が広がったことが検知されると、前記第1の表示領域に表示されているプレビュー画像を拡大し、前記第1の表示モードで表示されている前記第2の表示領域を表示しないことで前記第2の表示モードに切り替えることを特徴とするIn order to solve the above problems, the present invention is an image processing device having a touch panel, which includes a detection means for detecting a user operation on the touch panel, a first display area for displaying a preview image, and the first display. A first display mode for displaying the second display area, which is a second display area different from the area and includes at least a function key for giving a print instruction to print the preview image, and the first display mode. It has a display control means capable of switching between a second display mode in which a preview image enlarged from the preview image in the display mode is displayed and the second display area is not displayed. The display control means increases the distance between the at least two input indicators from the state in which at least two input indicators are in contact with the preview image displayed in the first display mode by the detection means. When it is detected, the preview image displayed in the first display area is enlarged, and the second display area displayed in the first display mode is not displayed, so that the second display area is not displayed. It is characterized by switching to the display mode of .

本発明によれば、マルチタッチ操作に基づいて画面構成が異なる2つの表示モードを切り替える場合においてユーザにとって快適な操作性を提供することができる。 According to the present invention, it is possible to provide a comfortable operability for the user when switching between two display modes having different screen configurations based on a multi-touch operation.

本実施形態の画像処理装置のハードウェア構成例を示す図である。It is a figure which shows the hardware configuration example of the image processing apparatus of this embodiment. 画像処理装置のディスプレイに表示される画面例を示す図である。It is a figure which shows the screen example which is displayed on the display of an image processing apparatus. プレビュー画面の表示切り替えの処理を示すフローチャートである。It is a flowchart which shows the process of switching the display of a preview screen.

以下、本発明の実施形態について図面を用いて説明する。なお、以下の実施の形態は特許請求の範囲に係る発明を限定するものでなく、また実施の形態で説明されている特徴の組み合わせの全てが発明の解決手段に必須のものとは限らない。 Hereinafter, embodiments of the present invention will be described with reference to the drawings. It should be noted that the following embodiments do not limit the invention according to the claims, and not all combinations of features described in the embodiments are essential for the means for solving the invention.

図1は、本実施形態における画像処理装置のハードウェア構成例を示す図である。図1では、画像処理装置として、MFP(Multi Function Peripheral)を例にとって説明する。 FIG. 1 is a diagram showing a hardware configuration example of the image processing device according to the present embodiment. In FIG. 1, an MFP (Multifunction Peripheral) will be described as an example of an image processing device.

MFP101は、CPU111乃至プリンタ122を備える。CPU111、RAM112、ROM113、入力部114、表示制御部115、外部メモリI/F116、通信I/Fコントローラ117は、システムバス110に接続されている。また、タッチパネル118、ディスプレイ119、外部メモリ120が、システムバス110に接続されている。各処理部は、システムバス110を介して互いにデータのやりとりを行うことができるように構成されている。CPU111、RAM112、及びROM113はそれぞれ、Central Processing Unit、Random Access Memory、Read Only Memoryの略称である。 The MFP 101 includes a CPU 111 to a printer 122. The CPU 111, RAM 112, ROM 113, input unit 114, display control unit 115, external memory I / F 116, and communication I / F controller 117 are connected to the system bus 110. Further, the touch panel 118, the display 119, and the external memory 120 are connected to the system bus 110. Each processing unit is configured so that data can be exchanged with each other via the system bus 110. CPU 111, RAM 112, and ROM 113 are abbreviations for Central Processing Unit, Random Access Memory, and Read Only Memory, respectively.

ROM113は、不揮発性のメモリであり、画像データやその他のデータ、CPU111が動作するための各種プログラムなどが、それぞれ所定の領域に格納される。RAM112は、揮発性のメモリであり、CPU111の主メモリ、ワーク領域等の一時記憶領域として用いられる。CPU111は、例えばROM113に格納されるプログラムに従い、RAM112をワークメモリとして用いて、このMFP101の各部を制御する。なお、CPU111が動作するためのプログラムは、ROM113に限らず、外部メモリ(ハードディスク等)120に予め記憶しておいてもよい。 The ROM 113 is a non-volatile memory, and image data, other data, various programs for operating the CPU 111, and the like are stored in predetermined areas, respectively. The RAM 112 is a volatile memory and is used as a temporary storage area such as a main memory and a work area of the CPU 111. The CPU 111 controls each part of the MFP 101 by using the RAM 112 as a work memory according to a program stored in the ROM 113, for example. The program for operating the CPU 111 is not limited to the ROM 113, and may be stored in advance in an external memory (hard disk or the like) 120.

入力部114は、ユーザ操作を受け付け、操作に応じた制御信号を生成し、CPU111に供給する。例えば、入力部114は、入力デバイスとして機能するキーボード(不図示)や、マウス(不図示)やタッチパネル118からユーザ操作を受付ける。なお、タッチパネル118は、例えば平面的に構成された入力部に対して接触された位置に応じた座標情報が出力されるようにした入力デバイスである。CPU111は、入力デバイスに対してなされたユーザ操作に応じて入力部114で生成され供給される制御信号に基づき、プログラムに従いこのMFP101の各部を制御する。これにより、MFP101はユーザ操作に応じた動作を行うことができる。 The input unit 114 accepts a user operation, generates a control signal according to the operation, and supplies the control signal to the CPU 111. For example, the input unit 114 receives a user operation from a keyboard (not shown), a mouse (not shown), or a touch panel 118 that functions as an input device. The touch panel 118 is, for example, an input device that outputs coordinate information according to a position in contact with an input unit configured in a plane. The CPU 111 controls each unit of the MFP 101 according to a program based on a control signal generated and supplied by the input unit 114 in response to a user operation performed on the input device. As a result, the MFP 101 can perform an operation according to the user operation.

表示制御部115は、ディスプレイ119に対して画像を表示させるための表示信号を出力する。例えば、CPU111は、プログラムに従い生成した表示制御信号を表示制御部115に供給する。表示制御部115は、この表示制御信号に基づき表示信号を生成してディスプレイ119に対して出力する。例えば、表示制御部115は、CPU111が生成する表示制御信号に基づき、GUI(Graphical User Interface)を構成するGUI画面をディスプレイ119に表示させる。 The display control unit 115 outputs a display signal for displaying an image on the display 119. For example, the CPU 111 supplies the display control signal generated according to the program to the display control unit 115. The display control unit 115 generates a display signal based on this display control signal and outputs it to the display 119. For example, the display control unit 115 causes the display 119 to display a GUI screen constituting a GUI (Graphical User Interface) based on the display control signal generated by the CPU 111.

タッチパネル118はディスプレイ119と一体的に構成され、タッチパネルディスプレイとして機能する。例えば、製造者は、タッチパネル118を光の透過率がディスプレイ119の表示を妨げないように構成し、ディスプレイ119の表示面の上層に取り付ける。そして、製造者は、タッチパネル118における入力座標と、ディスプレイ119上の表示座標とを対応付ける。これにより、ユーザがディスプレイ119上に表示された画面を直接的に操作できるGUIが構成される。タッチパネル118は、抵抗膜方式や静電容量方式、光学方式、表面弾性波方式、赤外線方式、電磁誘導方式、画像認識方式、光センサ方式等、様々な方式のタッチパネルのうちいずれの方式のものを用いても良い。 The touch panel 118 is integrally configured with the display 119 and functions as a touch panel display. For example, the manufacturer configures the touch panel 118 so that the light transmittance does not interfere with the display of the display 119, and attaches the touch panel 118 to the upper layer of the display surface of the display 119. Then, the manufacturer associates the input coordinates on the touch panel 118 with the display coordinates on the display 119. As a result, a GUI that allows the user to directly operate the screen displayed on the display 119 is configured. The touch panel 118 can be any of various types of touch panels such as a resistive film method, a capacitance method, an optical method, a surface acoustic wave method, an infrared method, an electromagnetic induction method, an image recognition method, and an optical sensor method. You may use it.

外部メモリI/F116には、例えばハードディスクやフロッピー(登録商標)ディスク、又はCDやDVD、メモリーカード等の外部メモリ120が装着可能である。外部メモリI/F116は、CPU111の制御に基づき、装着された外部メモリ120からのデータの読み出しや、外部メモリ120へのデータの書き込み等を行う。 An external memory 120 such as a hard disk, a floppy (registered trademark) disk, or a CD, DVD, or memory card can be attached to the external memory I / F 116. The external memory I / F 116 reads data from the attached external memory 120, writes data to the external memory 120, and the like based on the control of the CPU 111.

通信I/Fコントローラ117は、CPU111の制御に基づき、例えばLANやインターネット、有線、無線等の各種ネットワーク102に対する通信を行う。例えば、スキャナ121により生成された画像データをネットワーク102経由で外部に送信することや、ネットワーク102経由で外部から受信した画像データをプリンタ122にて印刷することができる。ネットワーク102には、PCや他のMFP、プリンタ、サーバ等、様々な装置がMFP101と通信可能に接続される。 The communication I / F controller 117 communicates with various networks 102 such as LAN, the Internet, wired, and wireless, based on the control of the CPU 111. For example, the image data generated by the scanner 121 can be transmitted to the outside via the network 102, or the image data received from the outside via the network 102 can be printed by the printer 122. Various devices such as a PC, another MFP, a printer, and a server are connected to the network 102 so as to be able to communicate with the MFP 101.

スキャナ121は、原稿上の画像を読み取り、画像データを生成する。生成された画像データは、RAM112、ROM113等に格納される。プリンタ122は、入力部114を介して入力されたユーザの指示や通信I/Fコントローラ117を介して外部装置から入力されたコマンドに基づいて、画像データを記録媒体上に印刷出力する。また、スキャナ121によって生成された画像データに基づいてプリンタ122が印刷を行うことにより、コピー機能が実現される。 The scanner 121 reads an image on a document and generates image data. The generated image data is stored in the RAM 112, ROM 113, and the like. The printer 122 prints out image data on a recording medium based on a user's instruction input via the input unit 114 and a command input from an external device via the communication I / F controller 117. Further, the copy function is realized by the printer 122 printing based on the image data generated by the scanner 121.

なお、CPU111は、タッチパネル118への例えば以下のジェスチャ操作や状態を特定できる。タッチパネルに指やペン(入力指示体)が触れたこと(以下、タッチスタートと称する)。タッチパネルに指やペンが触れている状態であること(以下、タッチオンと称する)。タッチパネルに指やペンが触れられたまま指やペンが移動していること(以下、タッチムーブと称する)。タッチパネルへ触れていた指やペンが離れたこと(以下、タッチエンドと称する)。タッチパネルに何も触れていない状態(以下、タッチオフと称する)等である。これらの操作や、タッチパネル上に指やペンが触れている位置座標はシステムバス110を通じてCPU111に通知され、CPU111は通知された情報に基づいてタッチパネル上で行われた操作を特定する。タッチムーブについては、タッチパネル上で移動する指やペンの移動方向についても、位置座標の変化に基づいて、タッチパネル上の垂直成分・水平成分毎に判定できる。またタッチパネル上をタッチスタートから素早くタッチエンドをする操作をクリックと呼ぶ。またタッチパネル上をタッチスタートから一定のタッチムーブを経てタッチエンドをしたとき、ストロークを描いたこととする。素早くストロークを描く操作をフリックと呼ぶ。フリックは、タッチパネル上に指を触れたままある程度の距離だけ素早く動かして、そのまま離すといった操作であり、言い換えればタッチパネル上を指ではじくように素早くなぞる操作である。CPU111は、所定距離以上を、所定速度以上でタッチムーブしたことを検出し、そのままタッチエンドを検出すると、フリックが行なわれたと判定する。また、所定距離以上のタッチムーブが検出され、そのままタッチオンが検出されている場合には、ドラッグが行なわれたと判定する。 The CPU 111 can specify, for example, the following gesture operations and states on the touch panel 118. A finger or pen (input indicator) touches the touch panel (hereinafter referred to as touch start). The touch panel must be touched by a finger or pen (hereinafter referred to as touch-on). The finger or pen is moving while the finger or pen is touching the touch panel (hereinafter referred to as touch move). The finger or pen that was touching the touch panel was released (hereinafter referred to as the touch end). A state in which nothing is touched on the touch panel (hereinafter referred to as touch-off). These operations and the position coordinates of the finger or pen touching the touch panel are notified to the CPU 111 through the system bus 110, and the CPU 111 identifies the operation performed on the touch panel based on the notified information. Regarding the touch move, the moving direction of the finger or pen moving on the touch panel can also be determined for each vertical component and horizontal component on the touch panel based on the change in the position coordinates. In addition, the operation of quickly touch-ending from the touch start on the touch panel is called clicking. Further, it is assumed that a stroke is drawn when the touch end is performed on the touch panel after a certain touch move from the touch start. The operation of drawing a stroke quickly is called flicking. Flicking is an operation of quickly moving a finger on the touch panel by a certain distance and then releasing it as it is, in other words, an operation of quickly tracing the touch panel as if flicking it with a finger. The CPU 111 detects that a touch move has been performed over a predetermined distance at a predetermined speed or higher, and detects the touch end as it is, and determines that the flick has been performed. If a touch move of a predetermined distance or longer is detected and touch-on is detected as it is, it is determined that the drag has been performed.

また、タッチパネル118は、マルチタッチに対応しており、タッチオンやタッチムーブしている位置を複数同時に検出可能である。タッチパネルを2本の指やスタイラスペンで触れている状態から、その2点を結ぶ線分の方向に対して、2点間の距離を縮めたり伸ばしたりするように指を移動することがある。ユーザが2本の指を近づけたり離したりする操作は、ちょうど指で物をつまんだり、引き延ばす行為に似ていることから「ピンチ操作」と呼ばれる。タッチパネル上で2本の指の距離を広げていく操作をピンチアウト、2本の指の距離を狭めていく操作をピンチインと呼ぶ。 In addition, the touch panel 118 supports multi-touch, and can simultaneously detect a plurality of touch-on and touch-moving positions. From the state where the touch panel is touched with two fingers or a stylus pen, the fingers may be moved so as to shorten or extend the distance between the two points in the direction of the line segment connecting the two points. The operation of moving two fingers closer to or further from each other by the user is called a "pinch operation" because it is similar to the act of pinching or stretching an object with fingers. The operation of widening the distance between two fingers on the touch panel is called pinch-out, and the operation of narrowing the distance between two fingers is called pinch-in.

通常、ピンチ操作は、ユーザの親指と人差し指を使って行われることが多い。CPU111は、2点同時にタッチオンされている状態から、それぞれもしくは一方のタッチ位置がムーブしたとき、ピンチ操作が開始されたと判断する。また、CPU111は、ピンチ操作している2点を結ぶ線分の中心点座標、2点間の距離を算出することができる。2点のタッチ位置の間隔が広がった場合、CPU111はピンチアウト操作が開始されたと判定する。なお、2点のタッチ位置の間隔が記憶領域に予め記憶しておいた所定値以上広がった場合にピンチアウト操作が開始されたと判断するようにしてもよい。タッチパネル118上から指やペンが離れ、タッチが1点以下になったら、CPU111はタッチエンドとして検出し、ピンチアウト操作が終了したと判断する。2点のタッチ位置の間隔が狭まる場合、CPU111はピンチイン操作が開始されたと判断する。なお、2点のタッチ位置の間隔が記憶領域に予め記憶しておいた所定値以上狭まった場合にピンチイン操作が開始されたと判断するようにしてもよい。タッチパネル118上から指やペンが離れ、タッチが1点以下になったら、CPU111はタッチエンドとして検出し、ピンチイン操作が終了したと判断する。 Usually, the pinch operation is often performed using the user's thumb and index finger. The CPU 111 determines that the pinch operation has started when each or one of the touch positions is moved from the state where two points are touched on at the same time. Further, the CPU 111 can calculate the coordinates of the center point of the line segment connecting the two points being pinched and the distance between the two points. When the distance between the two touch positions is widened, the CPU 111 determines that the pinch-out operation has started. It should be noted that the pinch-out operation may be determined to be started when the distance between the two touch positions is wider than a predetermined value stored in advance in the storage area. When the finger or pen is separated from the touch panel 118 and the touch is 1 point or less, the CPU 111 detects it as a touch end and determines that the pinch-out operation is completed. When the distance between the two touch positions is narrowed, the CPU 111 determines that the pinch-in operation has started. It should be noted that the pinch-in operation may be determined to be started when the distance between the two touch positions is narrowed by a predetermined value or more stored in advance in the storage area. When the finger or pen is separated from the touch panel 118 and the touch is 1 point or less, the CPU 111 detects it as a touch end and determines that the pinch-in operation is completed.

次に、MFP101が備えるプレビュー機能について説明する。本実施形態において、プレビュー機能とは、RAM112または外部メモリ120に保存された画像データをディスプレイ119に表示する機能である。CPU111は、一または複数のページを含むプレビュー画面をディスプレイ119に表示させる表示制御を行う。すなわち、CPU111は、保存された画像データから、ディスプレイ119で表示するのに適したフォーマットの画像データを生成する。以下ではディスプレイ119に表示するのに適したフォーマットの画像データをプレビュー画像と呼ぶ。なお、外部メモリ120に保存された画像データは、複数のページから構成されていてもよく、その場合にはページ毎にプレビュー画像が生成される。プレビュー機能は、プリンタ122による印刷前のプレビューに限らず、画像データの内容を確認する目的で、あらゆる用途に適用することができる。 Next, the preview function included in the MFP 101 will be described. In the present embodiment, the preview function is a function of displaying image data stored in the RAM 112 or the external memory 120 on the display 119. The CPU 111 performs display control for displaying a preview screen including one or a plurality of pages on the display 119. That is, the CPU 111 generates image data in a format suitable for display on the display 119 from the stored image data. In the following, image data in a format suitable for display on the display 119 will be referred to as a preview image. The image data stored in the external memory 120 may be composed of a plurality of pages, in which case a preview image is generated for each page. The preview function is not limited to the preview before printing by the printer 122, and can be applied to any purpose for the purpose of confirming the content of the image data.

MFP101は、いくつかの方法により画像データをRAM112もしくは外部メモリ120に保存することができる。例えば、MFP101は、スキャナ121によって原稿上の画像を読み取って生成された画像データを保存する。又は、MFP101は、通信I/Fコントローラ117を介してネットワーク102上に接続されているPC等の外部装置から受信した画像データを保存する。又は、MFP101は、外部メモリI/F116に装着された可搬型の記憶媒体(USBメモリやメモリーカード等)から受信した画像データを保存する。その他、MFP101は、別の保存方法によって画像データを外部メモリ120に保存してもよい。なお、保存される画像データはスキャナ121によって読み取られた原稿に対し印刷設定内容を含む各種設定内容が反映されたデータであってもよい。又、ディスプレイ119に表示される画像データは、文字情報を含むものであってもよいし、写真やグラフィックイメージ等の画像情報を含むものであってもよいし、その両方やその他の情報を含むものであってもよい。又、画像データは予め内部に保存されたサンプルイメージであってもよい。 The MFP 101 can store the image data in the RAM 112 or the external memory 120 by some methods. For example, the MFP 101 reads the image on the document by the scanner 121 and saves the generated image data. Alternatively, the MFP 101 stores image data received from an external device such as a PC connected to the network 102 via the communication I / F controller 117. Alternatively, the MFP 101 stores image data received from a portable storage medium (USB memory, memory card, etc.) mounted on the external memory I / F 116. In addition, the MFP 101 may store the image data in the external memory 120 by another storage method. The image data to be saved may be data in which various setting contents including print setting contents are reflected on the document read by the scanner 121. Further, the image data displayed on the display 119 may include character information, image information such as a photograph or a graphic image, both of them, and other information. It may be a thing. Further, the image data may be a sample image saved in advance.

図2は、MFP101のディスプレイ119に表示されたプレビュー画像を示す画面例である。図2(A)に示すプレビュー画面200は、プレビュー画像を表示するための画面であり、プレビュー表示領域201、ナビゲーション領域217、ページ制御領域218を含む。 FIG. 2 is a screen example showing a preview image displayed on the display 119 of the MFP 101. The preview screen 200 shown in FIG. 2A is a screen for displaying a preview image, and includes a preview display area 201, a navigation area 217, and a page control area 218.

プレビュー表示領域201はプレビュー画像202を表示するための表示領域であり、ユーザのジェスチャ操作を受け付け可能な領域である。なお、本実施形態においては、プレビュー表示領域201にプレビュー画像を1ページ分だけ表示しているが、複数ページを同時に表示しても良い。MFP101のCPU111は、プレビュー表示領域201に対するジェスチャ操作を検出し、プレビュー画像202の表示を操作することができる。ジェスチャ操作としては、上述のフリック、ドラッグ、ピンチイン、ピンチアウトがあるが、これ以外の操作をジェスチャ操作として採用してもよい。なお、ジェスチャ操作を受け付ける領域はプレビュー表示領域201の近傍の領域を含めたものであっても構わない。 The preview display area 201 is a display area for displaying the preview image 202, and is an area capable of accepting a user's gesture operation. In the present embodiment, only one page of the preview image is displayed in the preview display area 201, but a plurality of pages may be displayed at the same time. The CPU 111 of the MFP 101 can detect the gesture operation on the preview display area 201 and operate the display of the preview image 202. The gesture operation includes the above-mentioned flick, drag, pinch-in, and pinch-out, but other operations may be adopted as the gesture operation. The area that accepts the gesture operation may include an area in the vicinity of the preview display area 201.

プレビュー画像202は、保存されている画像データを表示のために適切なサイズに縮小・拡大された画像である。又は、画像データに対する印刷設定を含む各種設定に基づいて作成された画像であっても良い。 The preview image 202 is an image in which the stored image data is reduced or enlarged to an appropriate size for display. Alternatively, the image may be created based on various settings including print settings for the image data.

閉じるボタン203は、プレビュー画面200を閉じ別の画面に遷移させるためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111は、プレビュー機能を終了させる。 The close button 203 is a button for closing the preview screen 200 and transitioning to another screen. When the user touches this button, the CPU 111 terminates the preview function.

送信指示ボタン204は、表示されている画像データの送信を指示するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111はネットワーク102上に接続されているPC等の外部装置に対して、画像データの送信処理を行う。また、プレビュー画面200を閉じ別の画面に遷移させる。プレビュー画面200へ遷移する前に送信に関する設定(送信宛先等)がされていない状態ではCPU111は送信指示ボタン204を非表示にする。また、中止ボタン(不図示)は送信処理を中止するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111は送信処理を中止し、プレビュー画面200を閉じ別の画面に遷移させる。プレビュー画面200へ遷移する前に送信に関する設定がされていない状態ではCPU111は中止ボタンを非表示にする。中止ボタンを表示している場合は、閉じるボタン203を非表示にする。 The transmission instruction button 204 is a button for instructing the transmission of the displayed image data. When the user touches this button, the CPU 111 performs image data transmission processing to an external device such as a PC connected to the network 102. Further, the preview screen 200 is closed and the screen is changed to another screen. The CPU 111 hides the transmission instruction button 204 when the transmission-related settings (transmission destination, etc.) are not set before the transition to the preview screen 200. The cancel button (not shown) is a button for canceling the transmission process. When the user touches this button, the CPU 111 stops the transmission process, closes the preview screen 200, and transitions to another screen. Before the transition to the preview screen 200, the CPU 111 hides the stop button if the transmission setting is not made. When the stop button is displayed, the close button 203 is hidden.

印刷指示ボタン205は、表示されている画像データの印刷を指示するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111はプリンタ122による印刷処理を開始させ、プレビュー画面200を閉じ別の画面に遷移させる。CPU111は、印刷に関する設定(出力用紙サイズ、出力部数等)がされていない状態では印刷指示ボタン205を非表示にする。 The print instruction button 205 is a button for instructing printing of the displayed image data. When the user touches this button, the CPU 111 starts the printing process by the printer 122, closes the preview screen 200, and transitions to another screen. The CPU 111 hides the print instruction button 205 when the print-related settings (output paper size, number of copies, etc.) are not set.

プレビュー画像拡大ボタン206は、プレビュー表示領域201に表示されているプレビュー画像202の画像を拡大表示するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111はプレビュー画像202の大きさを拡大し、プレビュー表示領域201に表示する。 The preview image enlargement button 206 is a button for enlarging and displaying the image of the preview image 202 displayed in the preview display area 201. When the user touches this button, the CPU 111 enlarges the size of the preview image 202 and displays it in the preview display area 201.

ページ数表示領域207は、画像データが複数のページで構成されている場合、総ページ数と現在表示されているプレビュー画像202が何ページ目であるかを示す表示領域である。CPU111は、表示されているページが変更になった場合、何ページ目のプレビュー画像202であるかを判断して、ページ数表示領域207の表示内容を更新する。図2(A)の例では、画像データの総ページ数が5で、現在表示されているのが3ページ目であることが示されている。 The page number display area 207 is a display area indicating the total number of pages and the number of pages of the currently displayed preview image 202 when the image data is composed of a plurality of pages. When the displayed page is changed, the CPU 111 determines which page the preview image 202 is, and updates the display content of the page number display area 207. In the example of FIG. 2A, it is shown that the total number of pages of the image data is 5, and the currently displayed page is the third page.

ページ戻るボタン208は、画像データが複数のページから構成されている場合、表示されているプレビュー画像202の前ページへのページ変更指示を行うための変更ボタンである。ユーザがこのボタンをタッチすることによって、CPU111は前ページの画像データを読み出し、現在表示されているプレビュー画像202と差し替えて表示する。または、プレビュー表示領域201に複数ページが同時に表示されている場合は、前ページに該当するプレビュー画像202がプレビュー表示領域201の中心に配置されるよう表示内容を更新する。 The page back button 208 is a change button for instructing the page change instruction to the previous page of the displayed preview image 202 when the image data is composed of a plurality of pages. When the user touches this button, the CPU 111 reads out the image data on the previous page and displays it in place of the currently displayed preview image 202. Alternatively, when a plurality of pages are displayed in the preview display area 201 at the same time, the display content is updated so that the preview image 202 corresponding to the previous page is arranged at the center of the preview display area 201.

ページ進むボタン209は、画像データが複数のページから構成されている場合、表示されているプレビュー画像202の次のページへのページ変更指示を行うための変更ボタンである。ユーザがこのボタンをタッチすることによって、CPU111は次ページの画像データを読み出し、現在表示されているプレビュー画像202と差し替えて表示する。または、プレビュー表示領域201に複数ページが同時に表示されている場合は、次ページに該当するプレビュー画像202がプレビュー表示領域201の中心に配置されるよう表示内容を更新する。 The page advance button 209 is a change button for giving a page change instruction to the next page of the displayed preview image 202 when the image data is composed of a plurality of pages. When the user touches this button, the CPU 111 reads out the image data on the next page and displays the image data in place of the currently displayed preview image 202. Alternatively, when a plurality of pages are displayed in the preview display area 201 at the same time, the display content is updated so that the preview image 202 corresponding to the next page is arranged at the center of the preview display area 201.

ページ削除ボタン210は、表示されているプレビュー画像202に該当するページを画像データから削除するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111は画像データから該当のページを削除するか否かを選択させる削除確認画面(不図示)をプレビュー画面200の上に重ねるように表示する。 The page delete button 210 is a button for deleting the page corresponding to the displayed preview image 202 from the image data. When the user touches this button, the CPU 111 displays a deletion confirmation screen (not shown) for selecting whether or not to delete the page from the image data so as to be superimposed on the preview screen 200.

ファイル種類表示領域211は、表示されている画像データに関連付けられたファイル種類を表示する領域である。画像データのフォーマットがPDFの場合は、CPU111はPDFを示す画像をファイル種類表示領域211に表示する。画像データのフォーマットがJPEGの場合は、JPEGを示す画像を表示する。ファイル種類が画像データに関連付けられていない場合は、CPU111はファイル種類表示領域211を非表示にする。 The file type display area 211 is an area for displaying the file type associated with the displayed image data. When the format of the image data is PDF, the CPU 111 displays an image indicating the PDF in the file type display area 211. If the image data format is JPEG, an image showing JPEG is displayed. If the file type is not associated with the image data, the CPU 111 hides the file type display area 211.

ファイル名表示領域212は、表示されている画像データに関連付けられたファイル名を表示する領域である。ファイル名が画像データに関連付けられていない場合は、CPU111はファイル名表示領域212を非表示にする。 The file name display area 212 is an area for displaying the file name associated with the displayed image data. If the file name is not associated with the image data, the CPU 111 hides the file name display area 212.

ナビゲーション領域217は、プレビュー画像202に対する処理指示を行うための各種ボタンが表示される領域であり、閉じるボタン203、送信指示ボタン204、印刷指示ボタン205が表示されている。ナビゲーション領域217上にあるボタンは、ナビゲーション領域217の表示条件と関連付けられており、ナビゲーション領域217を非表示にすると、閉じるボタン203、送信指示ボタン204、印刷指示ボタン205も非表示になる。 The navigation area 217 is an area in which various buttons for giving processing instructions to the preview image 202 are displayed, and the close button 203, the transmission instruction button 204, and the print instruction button 205 are displayed. The button on the navigation area 217 is associated with the display condition of the navigation area 217, and when the navigation area 217 is hidden, the close button 203, the transmission instruction button 204, and the print instruction button 205 are also hidden.

ページ制御領域218は、プレビュー表示領域201に表示されるプレビュー画像202のページを制御するための各種ボタンが表示される領域である。ページ制御領域218には、ページ数表示領域207、ページ戻るボタン208、ページ進むボタン209、ページ削除ボタン210が表示されている。ページ制御領域218上にあるボタンおよび領域は、ページ制御領域218の表示条件と関連付けられている。ページ制御領域218を非表示にすると、ページ数表示領域207、ページ戻るボタン208、ページ進むボタン209、ページ削除ボタン210も非表示になる。 The page control area 218 is an area in which various buttons for controlling the page of the preview image 202 displayed in the preview display area 201 are displayed. In the page control area 218, a page number display area 207, a page back button 208, a page forward button 209, and a page delete button 210 are displayed. The buttons and areas on the page control area 218 are associated with the display conditions of the page control area 218. When the page control area 218 is hidden, the page number display area 207, the page back button 208, the page forward button 209, and the page delete button 210 are also hidden.

ここでユーザのピンチアウト操作によるプレビュー画像202の拡大表示制御について説明する。本実施形態において、ユーザはプレビュー表示領域201を指やペンでタッチしてピンチアウト操作を行うことによって、プレビュー画像202を拡大表示することができる。また、ピンチアウト操作の開始に応じて、ナビゲーション領域217、ページ制御領域218が非表示となり、プレビュー画面200に占めるプレビュー表示領域201の範囲が拡張される。 Here, the enlarged display control of the preview image 202 by the pinch-out operation of the user will be described. In the present embodiment, the user can enlarge and display the preview image 202 by touching the preview display area 201 with a finger or a pen and performing a pinch-out operation. Further, in response to the start of the pinch-out operation, the navigation area 217 and the page control area 218 are hidden, and the range of the preview display area 201 in the preview screen 200 is expanded.

CPU111は、プレビュー表示領域201に対するピンチアウト操作の開始を検出すると、プレビュー画面200のレイアウトを変更し、プレビュー画像202の表示サイズを拡大する処理を行う。また、CPU111は、2点以上のタッチ位置のタッチ中心座標を特定し、プレビュー表示領域201に対し、特定したタッチ中心座標を基準として拡大した位置にプレビュー画像202を配置する。 When the CPU 111 detects the start of the pinch-out operation with respect to the preview display area 201, the CPU 111 changes the layout of the preview screen 200 and performs a process of enlarging the display size of the preview image 202. Further, the CPU 111 specifies the touch center coordinates of two or more touch positions, and arranges the preview image 202 at a position enlarged with respect to the specified touch center coordinates with respect to the preview display area 201.

また、ピンチアウト操作に応じて、ナビゲーション領域217、及びページ制御領域218を非表示にする。これにより、プレビュー表示領域201がプレビュー画面200に占める表示が拡張される。 Further, the navigation area 217 and the page control area 218 are hidden according to the pinch-out operation. As a result, the display in which the preview display area 201 occupies the preview screen 200 is expanded.

なお、ナビゲーション領域217、及びページ制御領域218は、プレビュー画像202の拡大処理と同時に非表示にしてもよいし、記憶領域に予め記憶しておいたピンチアウト操作の判断とは別の所定値以上の距離の移動が行われた場合に非表示にしてもよい。 The navigation area 217 and the page control area 218 may be hidden at the same time as the enlargement processing of the preview image 202, and may be a predetermined value or more different from the determination of the pinch-out operation stored in advance in the storage area. May be hidden when the distance is moved.

図2(B)のプレビュー画面200は、ユーザからのピンチアウト操作を受け付け、CPU111がプレビュー画像202の拡大とプレビュー表示領域201の拡張を行った場合の例である。本実施形態では図2(A)を「通常表示モード」と呼び、図2(B)を「拡大表示モード」と呼ぶ。すなわち、通常表示モードとは、プレビュー画面200上にプレビュー表示領域201、ナビゲーション領域217、ページ制御領域218を表示している状態を示す。また、拡大表示モードとは、プレビュー画面200上で、ナビゲーション領域217とページ制御領域218を非表示にし、プレビュー表示領域201を拡張すると共に213〜216のボタンを表示している状態を示す。 The preview screen 200 of FIG. 2B is an example in which a pinch-out operation from the user is accepted and the CPU 111 enlarges the preview image 202 and expands the preview display area 201. In the present embodiment, FIG. 2A is referred to as a "normal display mode", and FIG. 2B is referred to as an "enlarged display mode". That is, the normal display mode indicates a state in which the preview display area 201, the navigation area 217, and the page control area 218 are displayed on the preview screen 200. Further, the enlarged display mode indicates a state in which the navigation area 217 and the page control area 218 are hidden on the preview screen 200, the preview display area 201 is expanded, and the buttons 213 to 216 are displayed.

プレビュー画像拡大ボタン213は、プレビュー表示領域201に表示しているプレビュー画像202を拡大表示するためのボタンである。プレビュー画像202を拡大表示させるという点で、プレビュー画像拡大ボタン206と同じ役割である。拡大率はプレビュー画像拡大ボタン206とプレビュー画像拡大ボタン213とで異なるようにしてもよい。これにより、表示モード毎に最適な拡大率でプレビュー画像202を拡大表示することができる。本実施形態では、3段階の拡大率を決め、プレビュー画像拡大ボタン213のタッチを検出する度に一段階ずつ拡大率を上げた表示サイズのプレビュー画像202をプレビュー表示領域201に表示する。 The preview image enlargement button 213 is a button for enlarging and displaying the preview image 202 displayed in the preview display area 201. It has the same role as the preview image enlargement button 206 in that the preview image 202 is enlarged and displayed. The enlargement ratio may be different between the preview image enlargement button 206 and the preview image enlargement button 213. As a result, the preview image 202 can be enlarged and displayed at the optimum enlargement ratio for each display mode. In the present embodiment, a preview image 202 having a display size in which the enlargement ratio is determined in three stages and the enlargement ratio is increased by one step each time the touch of the preview image enlargement button 213 is detected is displayed in the preview display area 201.

プレビュー画像縮小ボタン214は、プレビュー表示領域201に表示しているプレビュー画像202の画像を縮小表示するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111はプレビュー画像202を予め決めた表示サイズに大きさを縮小し、プレビュー表示領域201に表示する。 The preview image reduction button 214 is a button for reducing and displaying the image of the preview image 202 displayed in the preview display area 201. When the user touches this button, the CPU 111 reduces the size of the preview image 202 to a predetermined display size and displays it in the preview display area 201.

プレビュー画像移動ボタン215は、プレビュー表示領域201に表示しているプレビュー画像202の表示位置を移動するためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111は予め決めた移動量分だけ画像の表示位置をずらし、プレビュー表示領域201に表示する。各ボタンが押された方向に向かってプレビュー画像202の表示領域は移動する。 The preview image move button 215 is a button for moving the display position of the preview image 202 displayed in the preview display area 201. When the user touches this button, the CPU 111 shifts the display position of the image by a predetermined amount of movement and displays the image in the preview display area 201. The display area of the preview image 202 moves in the direction in which each button is pressed.

閉じるボタン216は、拡大表示モードを終了して、通常表示モードの画面配置に変更させるためのボタンである。ユーザがこのボタンをタッチすることによって、CPU111は、拡大表示モードから通常表示モードに表示内容を切り替える。 The close button 216 is a button for ending the enlarged display mode and changing the screen layout to the normal display mode. When the user touches this button, the CPU 111 switches the display content from the enlarged display mode to the normal display mode.

ここでユーザのピンチイン操作によるプレビュー画像202の縮小表示を行う制御について説明する。本実施形態において、ユーザはプレビュー表示領域201を指やペンでタッチしてピンチイン操作を行うことによって、プレビュー画像202を縮小表示することができる。 Here, a control for reducing and displaying the preview image 202 by a pinch-in operation of the user will be described. In the present embodiment, the user can reduce the preview image 202 by touching the preview display area 201 with a finger or a pen and performing a pinch-in operation.

CPU111は、プレビュー表示領域201に対するピンチイン操作を検出すると、プレビュー画面200のレイアウトを変更し、プレビュー画像202の表示サイズを縮小する処理を行う。また、CPU111は、2点以上のタッチ位置のタッチ中心座標を特定し、プレビュー表示領域201に対し、特定したタッチ中心座標を基準として縮小した位置にプレビュー画像202を配置する。 When the CPU 111 detects a pinch-in operation on the preview display area 201, the CPU 111 changes the layout of the preview screen 200 and performs a process of reducing the display size of the preview image 202. Further, the CPU 111 specifies the touch center coordinates of two or more touch positions, and arranges the preview image 202 at a position reduced with respect to the specified touch center coordinates with respect to the preview display area 201.

また、CPU111は、タッチエンドを検出し、ピンチイン操作が終了したと判断した際に、プレビュー画面200の表示サイズが所定の閾値以下の大きさであった場合、拡大表示モードから通常表示モードの表示内容に切り替える。そして、213〜216の各ボタンを非表示にし、ナビゲーション領域217と、ページ制御領域218を表示する。 Further, when the CPU 111 detects the touch end and determines that the pinch-in operation is completed, if the display size of the preview screen 200 is equal to or less than a predetermined threshold value, the display from the enlarged display mode to the normal display mode is displayed. Switch to content. Then, each button of 213 to 216 is hidden, and the navigation area 217 and the page control area 218 are displayed.

ピンチアウト操作とピンチイン操作は、指やペンをタッチパネル118へ触れた状態のままで、相互の操作を連続的に切り替えることが可能である。例えば、ユーザがタッチパネル118上で2本の指を触れたまま、指の間隔を広げたり狭めたりを連続的に行うと、プレビュー画像202の表示サイズの拡大と縮小とが交互に行われることになる。この時、プレビュー画像202の表示サイズが100%を超えたか否かのみを拡大表示モードと通常表示モードの切り替え条件とすると、二つの表示モードの切り替えが高頻度に行われることになる。その結果、プレビュー表示領域201の拡大・縮小、並びにナビゲーション領域217、ページ制御領域218の表示・非表示により、ユーザにとっては画面がちらついて見えてしまう。そこで、本実施形態においては、ピンチ操作による通常表示モードから拡大表示モードへの切替え条件と拡大表示モードから通常表示モードへの切替え条件とを異ならせることを特徴としている。具体的には、ピンチアウト操作の開始を通常表示モードから拡大表示モードへの切替え条件とする。一方、拡大表示モードから通常表示モードへの切替え条件については、ピンチイン操作によりプレビュー画像202の表示サイズが所定の閾値以下になったか否かに加え、タッチエンド操作が行われたことを条件とする。例えば、通常表示モードのときにユーザがピンチアウト操作を開始すると、タッチパネル118上を指又はペンが触れた状態であっても拡大表示モードに切り替わる。一方、拡大表示モードのときにユーザがピンチイン操作を開始した場合、プレビュー画像202の表示サイズが所定の閾値以下になってもタッチパネル118上に指又はペンが触れていれば通常表示モードへ切り替わらず、指又はペンが離れた時点で切り替わる。本実施形態では、通常表示モードにおけるプレビュー画像202の表示サイズを基準(100%)とすると、ピンチイン操作により表示サイズが100%に達し、かつタッチエンドを検出した際に通常表示モードに切り替わるものとする。次に、プレビュー表示領域201に表示されているプレビュー画像202の表示位置の変更方法の具体例について説明する。MFP101のCPU111は、プレビュー表示領域201に対してドラッグ操作を検出した場合にドラッグ操作が行われた方向と移動量を特定する。ドラッグの方向と移動量に応じて、プレビュー表示領域201内のプレビュー画像202の表示位置を変更する。例えば、右方向へある特定の距離分タッチ位置を動かすドラッグ操作に対しては、プレビュー表示領域201に対するプレビュー画像202の表示位置を右方向へ前記特定の距離分移動させる。図2(B)の拡大表示モードにて、ピンチイン操作を行うことでプレビュー画像202を縮小表示した後、右方向へドラッグ操作を行うことで、図2(C)のプレビュー画面のようになる。ここで、更にピンチイン操作が行われ、拡大表示モードから通常表示モードに切り替わると、プレビュー画像202と重なる位置にナビゲーション領域217やページ制御領域218とが配置されることになる。そこで、ピンチイン操作が終了したと判断し、拡大表示モードから通常表示モードのレイアウトに切り替える時、ナビゲーション領域217やページ制御領域218と重ならない位置にプレビュー画像202を移動して表示をする。例えば、通常表示モードのプレビュー表示領域201の中心にプレビュー画像202の中心がくるよう配置する。 In the pinch-out operation and the pinch-in operation, it is possible to continuously switch between the operations while the finger or the pen is touching the touch panel 118. For example, when the user continuously widens or narrows the distance between the two fingers while touching the two fingers on the touch panel 118, the display size of the preview image 202 is enlarged and reduced alternately. Become. At this time, if only whether or not the display size of the preview image 202 exceeds 100% is set as the switching condition between the enlarged display mode and the normal display mode, the switching between the two display modes is frequently performed. As a result, the screen flickers to the user due to the enlargement / reduction of the preview display area 201 and the display / non-display of the navigation area 217 and the page control area 218. Therefore, the present embodiment is characterized in that the switching condition from the normal display mode to the enlarged display mode by the pinch operation and the switching condition from the enlarged display mode to the normal display mode are different. Specifically, the start of the pinch-out operation is a condition for switching from the normal display mode to the enlarged display mode. On the other hand, the condition for switching from the enlarged display mode to the normal display mode is that the display size of the preview image 202 is equal to or less than a predetermined threshold value by the pinch-in operation and that the touch end operation is performed. .. For example, when the user starts the pinch-out operation in the normal display mode, the display mode is switched to the enlarged display mode even when the touch panel 118 is touched by a finger or a pen. On the other hand, when the user starts the pinch-in operation in the enlarged display mode, even if the display size of the preview image 202 becomes equal to or less than a predetermined threshold value, the normal display mode is not switched to if the touch panel 118 is touched by a finger or a pen. , Switch when the finger or pen is released. In the present embodiment, assuming that the display size of the preview image 202 in the normal display mode is used as a reference (100%), the display size reaches 100% by the pinch-in operation, and the display mode is switched to the normal display mode when the touch end is detected. To do. Next, a specific example of how to change the display position of the preview image 202 displayed in the preview display area 201 will be described. The CPU 111 of the MFP 101 specifies the direction in which the drag operation is performed and the amount of movement when the drag operation is detected in the preview display area 201. The display position of the preview image 202 in the preview display area 201 is changed according to the drag direction and the amount of movement. For example, for a drag operation that moves the touch position by a specific distance to the right, the display position of the preview image 202 with respect to the preview display area 201 is moved to the right by the specific distance. In the enlarged display mode of FIG. 2 (B), the preview image 202 is reduced and displayed by performing a pinch-in operation, and then a drag operation is performed to the right to obtain the preview screen of FIG. 2 (C). Here, when the pinch-in operation is further performed and the enlarged display mode is switched to the normal display mode, the navigation area 217 and the page control area 218 are arranged at positions overlapping with the preview image 202. Therefore, when it is determined that the pinch-in operation is completed and the layout is switched from the enlarged display mode to the normal display mode, the preview image 202 is moved to a position that does not overlap with the navigation area 217 or the page control area 218 and displayed. For example, the preview image 202 is arranged so as to be centered on the preview display area 201 in the normal display mode.

これにより、プレビュー画像202とナビゲーション領域217やページ制御領域218が重なり、ボタンが押せなくなったり、内容が確認できなくなったりせず、ユーザに高い操作性を提供することが可能となる。 As a result, the preview image 202 overlaps with the navigation area 217 and the page control area 218, and the buttons are not pressed or the contents cannot be confirmed, so that high operability can be provided to the user.

又、通常表示モードから拡大表示モードへのモード切り替えの方法として、ピンチアウト操作以外の操作で切り替えてもよい。例えば、プレビュー画像拡大ボタン206をユーザがタッチすることによって、CPU111は通常表示モードから拡大表示モードへ表示内容を切り替えるようにしてもよい。他には、通常表示モードでプレビュー画像202もしくはプレビュー表示領域201をユーザがクリックすることによって、CPU111は通常表示モードから拡大表示モードへ表示内容を切り替えるようにしてもよい。 Further, as a method of switching the mode from the normal display mode to the enlarged display mode, the mode may be switched by an operation other than the pinch-out operation. For example, the CPU 111 may switch the display content from the normal display mode to the enlarged display mode by touching the preview image enlargement button 206 by the user. Alternatively, the CPU 111 may switch the display content from the normal display mode to the enlarged display mode by clicking the preview image 202 or the preview display area 201 in the normal display mode.

又、拡大表示モードから通常表示モードへの表示内容の切り替えの方法として、ピンチアウト操作と閉じるボタン216タッチ以外の操作で切り替えてもよい。例えば、プレビュー画像縮小ボタン214をユーザがタッチすることによって、CPU111はプレビュー画像202の表示サイズが予め決めた表示サイズより小さいと判断した場合に、拡大表示モードから通常表示モードへレイアウトを切り替えるようにしてもよい。このように複数の手段でモードを切り替えることでユーザの使い勝手が向上する効果がある。 Further, as a method of switching the display content from the enlarged display mode to the normal display mode, the display content may be switched by an operation other than the pinch-out operation and the close button 216 touch. For example, when the user touches the preview image reduction button 214 and the CPU 111 determines that the display size of the preview image 202 is smaller than the predetermined display size, the layout is switched from the enlarged display mode to the normal display mode. You may. By switching the mode by a plurality of means in this way, there is an effect that the usability of the user is improved.

次に、ユーザの操作により、ディスプレイ119に表示されているプレビュー画面200の表示内容を変更する一連の処理について図3のフローチャートを用いて詳細に説明する。図3の各ステップは、MFP101のCPU111がプログラムを実行することによって処理される。実行されるプログラムは、ROM113や外部メモリ120等のメモリに格納されており、RAM112に展開されて実行される。 Next, a series of processes for changing the display content of the preview screen 200 displayed on the display 119 by the user's operation will be described in detail with reference to the flowchart of FIG. Each step in FIG. 3 is processed by the CPU 111 of the MFP 101 executing the program. The program to be executed is stored in a memory such as ROM 113 or an external memory 120, and is expanded in RAM 112 and executed.

CPU111は、タッチパネル118に対するユーザ操作を受け付ける(S301)。そしてCPU111は、S301において検出された操作がクリック操作であるか否かを判定する(S302)。クリック操作であると判定された場合は、処理はS303へ進む。クリック操作ではないと判定された場合は、処理はS309へ進む。 The CPU 111 accepts a user operation on the touch panel 118 (S301). Then, the CPU 111 determines whether or not the operation detected in S301 is a click operation (S302). If it is determined that the operation is a click operation, the process proceeds to S303. If it is determined that the operation is not a click operation, the process proceeds to S309.

S303において、CPU111は、プレビュー画像拡大ボタン206に対するクリック操作であるか否かを判定する。プレビュー画像拡大ボタン206に対するクリック操作であると判定された場合は、処理はS306へ進む。プレビュー画像拡大ボタン206に対するクリック操作ではないと判定された場合、処理はS304へ進む。そして、S304において、CPU111は、プレビュー画像202に対するクリック操作であるか否かを判定する。プレビュー画像202に対するクリック操作であると判定された場合は、処理はS305へ進む。プレビュー画像202に対するクリック操作ではないと判定された場合は、プレビュー画像202とプレビュー表示領域201に対する表示変更は行わない。この場合は、プレビュー画像202とプレビュー表示領域201に対する表示変更とは別の処理を行うが、この処理については本発明と直接的に関係しないのでここでの説明は省略する。 In S303, the CPU 111 determines whether or not the preview image enlargement button 206 is a click operation. If it is determined that the click operation is for the preview image enlargement button 206, the process proceeds to S306. If it is determined that the click operation is not for the preview image enlargement button 206, the process proceeds to S304. Then, in S304, the CPU 111 determines whether or not the preview image 202 is a click operation. If it is determined that the click operation is on the preview image 202, the process proceeds to S305. If it is determined that the operation is not a click operation on the preview image 202, the display of the preview image 202 and the preview display area 201 is not changed. In this case, processing different from the display change for the preview image 202 and the preview display area 201 is performed, but since this processing is not directly related to the present invention, the description thereof is omitted here.

S305において、CPU111は、現在のプレビュー画面200の表示内容が通常表示モードであるか否かを判定する。通常表示モードの場合にのみ、プレビュー画像202に対するクリック操作を受け付けることにより、プレビュー表示領域201を拡張する処理を含む拡大表示モードへ表示切り替えを行う。通常表示モードであると判定された場合は、処理はS306へ進む。CPU111は、通常表示モードではないと判定した場合は、プレビュー画像202とプレビュー表示領域201に対する表示変更は行わない。 In S305, the CPU 111 determines whether or not the display content of the current preview screen 200 is in the normal display mode. Only in the normal display mode, the display is switched to the enlarged display mode including the process of expanding the preview display area 201 by accepting the click operation on the preview image 202. If it is determined that the normal display mode is used, the process proceeds to S306. When the CPU 111 determines that the normal display mode is not set, the CPU 111 does not change the display of the preview image 202 and the preview display area 201.

S306において、CPU111は、プレビュー画像202の表示サイズを拡大する。そして、CPU111は、ナビゲーション領域217およびページ制御領域218を非表示にすることで、プレビュー表示領域201を拡張する(S307)。また、CPU111は、表示サイズを拡大したプレビュー画像202の画像の中心と、拡張したプレビュー表示領域201の領域の中心が同じ位置にくるようプレビュー画像202の表示位置を変更する(S308)。 In S306, the CPU 111 enlarges the display size of the preview image 202. Then, the CPU 111 expands the preview display area 201 by hiding the navigation area 217 and the page control area 218 (S307). Further, the CPU 111 changes the display position of the preview image 202 so that the center of the image of the preview image 202 whose display size is enlarged and the center of the area of the expanded preview display area 201 are at the same position (S308).

S309において、CPU111は、S301において検出された操作がタッチムーブ操作であるか否かを判定する。タッチムーブ操作であると判定された場合は、処理はS310へ進む。タッチムーブ操作ではないと判定された場合は、処理はS321へ進む。 In S309, the CPU 111 determines whether or not the operation detected in S301 is a touch move operation. If it is determined that the touch move operation is performed, the process proceeds to S310. If it is determined that the operation is not a touch move operation, the process proceeds to S321.

S310において、CPU111は、タッチムーブ操作がドラッグ操作であるか否かを判定する。ドラッグ操作であると判定された場合は、処理はS311へ進む。ドラッグ操作ではないと判定された場合は、処理はS313へ進む。そして、S311において、CPU111は、現在のプレビュー画面200の表示が拡大表示モードであるか否かを判定する。拡大表示モードの場合にのみ、プレビュー画像202に対するドラッグ操作を受け付けることにより、プレビュー画像202の表示位置の変更処理を行う。拡大表示モードであると判定された場合は、処理はS312へ進む。拡大表示モードではないと判定された場合、CPU111はプレビュー画像202とプレビュー表示領域201に対する表示変更は行わない。そして、S312において、CPU111は、プレビュー画像202のプレビュー表示領域201に対する表示位置を、ドラッグの方向と移動量に応じて変更する。 In S310, the CPU 111 determines whether or not the touch move operation is a drag operation. If it is determined that the operation is a drag operation, the process proceeds to S311. If it is determined that the operation is not a drag operation, the process proceeds to S313. Then, in S311 the CPU 111 determines whether or not the current display of the preview screen 200 is in the enlarged display mode. Only in the enlarged display mode, the display position of the preview image 202 is changed by accepting the drag operation on the preview image 202. If it is determined that the enlarged display mode is used, the process proceeds to S312. If it is determined that the mode is not the enlarged display mode, the CPU 111 does not change the display of the preview image 202 and the preview display area 201. Then, in S312, the CPU 111 changes the display position of the preview image 202 with respect to the preview display area 201 according to the drag direction and the movement amount.

S313において、CPU111は、タッチムーブ操作がピンチアウト操作であるか否かを判定する。ピンチアウト操作であると判定された場合は、処理はS314へ進む。ピンチアウト操作ではないと判定された場合は、処理はS318へ進む。 In S313, the CPU 111 determines whether or not the touch move operation is a pinch-out operation. If it is determined that the pinch-out operation is performed, the process proceeds to S314. If it is determined that the operation is not a pinch-out operation, the process proceeds to S318.

S314において、CPU111は、プレビュー画像202の表示サイズを拡大し、タッチ中心座標を基準として拡大した位置にプレビュー画像202を配置する(S315)。 In S314, the CPU 111 enlarges the display size of the preview image 202 and arranges the preview image 202 at the enlarged position with reference to the touch center coordinates (S315).

S316において、CPU111は、現在のプレビュー画面200の表示が通常表示モードであるか否かを判定する。通常表示モードであると判定された場合は、処理はS317へ進む。通常表示モードではないと判定された場合は、プレビュー画像202とプレビュー表示領域201に対する表示変更は行わない。S317において、CPU111は、ナビゲーション領域217およびページ制御領域218を非表示にすることで、プレビュー表示領域201を拡張する。すなわち、通常表示モードのときピンチアウト操作が開始されると、通常表示モードから拡大表示モードへ表示切り替えを行う。 In S316, the CPU 111 determines whether or not the current display of the preview screen 200 is in the normal display mode. If it is determined that the normal display mode is used, the process proceeds to S317. If it is determined that the mode is not the normal display mode, the display of the preview image 202 and the preview display area 201 is not changed. In S317, the CPU 111 expands the preview display area 201 by hiding the navigation area 217 and the page control area 218. That is, when the pinch-out operation is started in the normal display mode, the display is switched from the normal display mode to the enlarged display mode.

S318において、CPU111は、タッチムーブ操作がピンチイン操作であるか否かを判定する。ピンチイン操作であると判定された場合は、処理はS319へ進む。ピンチイン操作ではないと判定された場合は、プレビュー画像202とプレビュー表示領域201に対する表示変更は行われない。そしてS319において、CPU111は、プレビュー画像202の表示サイズを縮小し、タッチ中心座標を基準として縮小した位置にプレビュー画像202を配置する(S320)。 In S318, the CPU 111 determines whether or not the touch move operation is a pinch-in operation. If it is determined that the pinch-in operation is performed, the process proceeds to S319. If it is determined that the operation is not a pinch-in operation, the display of the preview image 202 and the preview display area 201 is not changed. Then, in S319, the CPU 111 reduces the display size of the preview image 202 and arranges the preview image 202 at the reduced position with respect to the touch center coordinates (S320).

S321において、CPU111は、S301において検出された操作がタッチエンド操作であるか否かを判定する。タッチエンド操作であると判定された場合は、処理はS322へ進む。タッチエンド操作ではないと判定された場合は、表示変更する処理ではないとして、処理を終了する。 In S321, the CPU 111 determines whether or not the operation detected in S301 is a touch-end operation. If it is determined that the operation is a touch end operation, the process proceeds to S322. If it is determined that it is not a touch-end operation, the process is terminated as it is not a process for changing the display.

S322において、CPU111は、プレビュー画像202の表示サイズが予め決めた閾値を下回っているか否かの判定を行う。受け付けたイベントが、ピンチイン操作から指やペンが離れたことによるタッチエンド操作であり、プレビュー画像202の表示サイズが閾値以下になった場合に、拡大表示モードから通常表示モードへの表示内容の切り替えが実行される。ここで、通常表示モード時に表示されるプレビュー画像202の表示サイズを基準(表示倍率100%)とすると、ピンチインにより表示倍率が100%まで縮小されたことが通常表示モードへ切り替える条件であるとする。本実施形態においては、通常表示モード時に表示されているプレビュー画像202と同じ表示サイズを閾値とする。CPU111は、プレビュー画像202の表示サイズが予め決めた閾値を下回っていると判定した場合、処理はS323へ進む。プレビュー画像202の表示サイズが予め決めた閾値を下回っていない場合は、処理は行わない。 In S322, the CPU 111 determines whether or not the display size of the preview image 202 is smaller than a predetermined threshold value. The received event is a touch-end operation caused by the finger or pen being released from the pinch-in operation, and when the display size of the preview image 202 becomes less than the threshold value, the display content is switched from the enlarged display mode to the normal display mode. Is executed. Here, assuming that the display size of the preview image 202 displayed in the normal display mode is used as a reference (display magnification 100%), it is assumed that the condition for switching to the normal display mode is that the display magnification is reduced to 100% by pinch-in. .. In the present embodiment, the threshold value is the same display size as the preview image 202 displayed in the normal display mode. When the CPU 111 determines that the display size of the preview image 202 is smaller than the predetermined threshold value, the process proceeds to S323. If the display size of the preview image 202 does not fall below a predetermined threshold value, no processing is performed.

S323において、CPU111は、213〜216の一部もしくは全てのボタンを非表示にし、ナビゲーション領域217およびページ制御領域218を表示し、プレビュー表示領域201を縮小する。すなわち、CPU111は、拡大表示モードから通常表示モードへ表示内容の切り替えを行う。 In S323, the CPU 111 hides some or all of the buttons 213 to 216, displays the navigation area 217 and the page control area 218, and reduces the preview display area 201. That is, the CPU 111 switches the display content from the enlarged display mode to the normal display mode.

S324において、CPU111は、プレビュー画像202の画像の中心と、縮小したプレビュー表示領域201の領域の中心が同じ位置にくるようプレビュー画像202の表示位置を変更する。 In S324, the CPU 111 changes the display position of the preview image 202 so that the center of the image of the preview image 202 and the center of the reduced preview display area 201 are at the same position.

以上のように、本実施形態によれば、通常表示モードから拡大表示モードへプレビュー画面200の表示内容を切り替える条件と、拡大表示モードから通常表示モードへプレビュー画面200の表示内容を切り替える条件を異なるものとする。 As described above, according to the present embodiment, the condition for switching the display content of the preview screen 200 from the normal display mode to the enlarged display mode and the condition for switching the display content of the preview screen 200 from the enlarged display mode to the normal display mode are different. It shall be.

具体的には、通常表示モードから拡大表示モードへの切替えは、ピンチアウト操作の開始(指を動かし出す)を検出したタイミングを条件とする。一方、拡大表示モードから通常表示モードへの切替えは、ピンチイン操作の終了(指を離す)を検出したタイミングを条件とする。通常表示モードと拡大表示モードの異なる二つの表示内容を双方向に切り替える際に、ピンチアウト操作の開始と、ピンチイン操作の終了という連続性のない条件にすることで、ちらつく現象が発生せず、快適な操作を提供できる。 Specifically, the switching from the normal display mode to the enlarged display mode is conditional on the timing at which the start of the pinch-out operation (moving the finger) is detected. On the other hand, switching from the enlarged display mode to the normal display mode is conditional on the timing at which the end of the pinch-in operation (release of the finger) is detected. When switching between two display contents with different normal display mode and enlarged display mode in both directions, the flicker phenomenon does not occur by setting the condition that there is no continuity between the start of the pinch-out operation and the end of the pinch-in operation. It can provide comfortable operation.

また、通常表示モードと拡大表示モードとの切替え条件を逆にしてもよい。すなわち、通常表示モードから拡大表示モードへの切替えは、ピンチアウト操作の終了(指を離す)を検出したタイミングを条件とする。そして、拡大表示モードから通常表示モードへの切替えについては、プレビュー画像202の表示サイズが所定の閾値に達したことのみを条件とし、ピンチイン操作の終了を条件としないようにしてもよい。 Further, the switching condition between the normal display mode and the enlarged display mode may be reversed. That is, the switching from the normal display mode to the enlarged display mode is conditional on the timing at which the end of the pinch-out operation (release of the finger) is detected. Then, the switching from the enlarged display mode to the normal display mode may be performed only on the condition that the display size of the preview image 202 reaches a predetermined threshold value, and not on the end of the pinch-in operation.

また、本実施形態によれば、拡大表示モードの際に、プレビュー画像202に対する操作に関連するボタンと拡大表示モードを終了するためのボタン以外は表示しない構成であるため、不必要なボタンが表示されず、利便性が高くなる効果がある。 Further, according to the present embodiment, in the enlarged display mode, only the buttons related to the operation on the preview image 202 and the buttons for ending the enlarged display mode are displayed, so that unnecessary buttons are displayed. However, it has the effect of increasing convenience.

また、本実施形態では、拡大表示モード時にナビゲーション領域217とページ制御領域218を非表示とするものとして説明したが、いずれか一方のみを非表示にしてもよい。また、拡大表示モード時にナビゲーション領域217とページ制御領域218を非表示にはせずに、表示領域を縮小表示するようにしても良い。 Further, in the present embodiment, the navigation area 217 and the page control area 218 have been described as being hidden in the enlarged display mode, but only one of them may be hidden. Further, in the enlarged display mode, the display area may be reduced and displayed without hiding the navigation area 217 and the page control area 218.

なお、本実施形態によれば、拡大表示モード時には、プレビュー画像拡大ボタン213とプレビュー画像縮小ボタン214を表示するものとしたが別の構成であっても構わない。例えば、ピンチアウト操作によって通常表示モードから拡大表示モードへ表示内容を切り替えた場合は、プレビュー画像拡大ボタン213とプレビュー画像縮小ボタン214は非表示とする構成であっても構わない。この場合は、表示するボタン数が少なくなるため、ユーザが操作に迷わず、利便性が高くなる効果がある。 According to the present embodiment, the preview image enlargement button 213 and the preview image reduction button 214 are displayed in the enlarged display mode, but different configurations may be used. For example, when the display content is switched from the normal display mode to the enlarged display mode by the pinch-out operation, the preview image enlargement button 213 and the preview image reduction button 214 may be hidden. In this case, since the number of buttons to be displayed is reduced, the user does not get lost in the operation, which has the effect of increasing convenience.

上記実施形態の説明では、本発明を実施する装置の一例としてMFPとしたが、本発明を実施する装置は、MFPに限定されるものではない。即ち、MFPに限らず、印刷装置やスキャナ、FAX、デジタルカメラ等の画像形成装置や、PCや携帯情報端末等の情報処理装置を含む、少なくとも画像データを処理することができる画像処理装置に本発明は適用可能である。 In the description of the above embodiment, the MFP is used as an example of the device for carrying out the present invention, but the device for carrying out the present invention is not limited to the MFP. That is, the present invention is not limited to MFPs, but includes image forming devices such as printing devices, scanners, FAXs, and digital cameras, and information processing devices such as PCs and mobile information terminals, which can at least process image data. The invention is applicable.

また、本発明は、以下の処理を実行することによっても実現される。即ち、上述した実施形態の機能を実現するソフトウェア(コンピュータプログラム)を、ネットワーク又は各種記憶媒体を介してシステム或いは装置に供給する。そしてそのシステム或いは装置のコンピュータ(またはCPUやMPU等)がプログラムを読み出して実行する処理である。この場合、そのプログラム、及び該プログラムを記憶した記憶媒体は本発明を構成することになる。 The present invention is also realized by executing the following processing. That is, software (computer program) that realizes the functions of the above-described embodiment is supplied to the system or device via a network or various storage media. Then, the computer (or CPU, MPU, etc.) of the system or device reads and executes the program. In this case, the program and the storage medium storing the program constitute the present invention.

118 タッチパネル
119 ディスプレイ
118 touch panel 119 display

Claims (9)

タッチパネルを有する画像処理装置であって、
前記タッチパネルに対するユーザ操作を検知する検知手段と、
プレビュー画像を表示する第1の表示領域、および前記第1の表示領域とは異なる第2の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第2の表示領域を表示する第1の表示モードと、
前記第1の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第2の表示領域を表示しない第2の表示モードと、を切り替え可能な表示制御手段と、を有し、
前記表示制御手段は、
前記第1の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも2つの入力指示体が接触している状態から前記少なくとも2つの入力指示体の距離が広がったことが検知されると、前記第1の表示領域に表示されているプレビュー画像を拡大し、前記第1の表示モードで表示されている前記第2の表示領域を表示しないことで前記第2の表示モードに切り替えることを特徴とする画像処理装置。
An image processing device having a touch panel
A detection means for detecting a user operation on the touch panel and
The second display area for displaying a preview image and a second display area different from the first display area, which includes at least a function key for giving a print instruction to print the preview image. The first display mode to display the display area of
A display control means capable of switching between a second display mode in which a preview image enlarged from the preview image in the case of the first display mode is displayed and the second display area is not displayed. Have and
The display control means
With respect to the preview image displayed in the first display mode, it is detected by the detection means that the distance between the at least two input indicators has increased from the state in which at least two input indicators are in contact with each other. Then, the preview image displayed in the first display area is enlarged, and the second display area displayed in the first display mode is not displayed to switch to the second display mode. image processing equipment, characterized in that.
前記表示制御手段は、
前記第2の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも2つの入力指示体が触れている状態から前記少なくとも2つの入力指示体の距離が狭まったことが検知されると、前記第1の表示領域に表示されているプレビュー画像を縮小し、
前記少なくとも2つの入力指示体のうちの少なくともいずれか一方が前記タッチパネルから離れたことが検知されると、非表示もしくは縮小表示された前記第2の表示領域を前記第1の表示モードの場合の前記第2の表示領域と同じ状態に表示することによって、前記第2の表示モードから前記第1の表示モードへ切り替えることを特徴とする請求項1に記載の画像処理装置
The display control means
With respect to the preview image displayed in the second display mode, it is detected by the detection means that the distance between the at least two input indicators is narrowed from the state where the at least two input indicators are touching. Then, the preview image displayed in the first display area is reduced.
When it is detected that at least one of the at least two input indicators is separated from the touch panel, the hidden or reduced display of the second display area is displayed in the case of the first display mode. The image processing apparatus according to claim 1, wherein the image processing apparatus is switched from the second display mode to the first display mode by displaying the image in the same state as the second display area .
前記表示制御手段は、
前記第2の表示モード時において、前記少なくとも2つの入力指示体のうちの少なくともいずれか一方が前記第1の表示領域から離れたことを検知し、かつ、前記プレビュー画像の表示サイズが所定の閾値に達したことに従って、前記第2の表示モードから前記第1の表示モードへ切り替えることを特徴とする請求項1または2に記載の画像処理装置
The display control means
In the second display mode, it is detected that at least one of the at least two input indicators has left the first display area, and the display size of the preview image is a predetermined threshold value. The image processing apparatus according to claim 1 or 2, wherein the second display mode is switched to the first display mode according to the above .
前記表示制御手段は、
前記プレビュー画像を拡大するための拡大キーを表示し、
前記拡大キーを選択することによって前記プレビュー画像を拡大し、前記拡大キーは、前記第1の表示モードおよび前記第2の表示モードにおいて表示されることを特徴とする請求項1乃至3のいずれか一項に記載の画像処理装置
The display control means
Display the enlargement key for enlarging the preview image,
One of claims 1 to 3, wherein the preview image is enlarged by selecting the enlargement key, and the enlargement key is displayed in the first display mode and the second display mode. The image processing apparatus according to paragraph 1 .
前記表示制御手段は、
前記第1の表示モードにおけるプレビュー画像の中心位置と、
前記第2の表示モードにおけるプレビュー画像の中心位置と、が同じになるように前記プレビュー画像を表示することを特徴とする請求項1乃至4のいずれか一項に記載の画像処理装置
The display control means
The center position of the preview image in the first display mode and
The image processing apparatus according to any one of claims 1 to 4, wherein the preview image is displayed so that the center position of the preview image in the second display mode is the same .
前記第2の表示領域には、前記第1の表示領域に表示されているプレビュー画像のページを変更するための変更ボタン、前記第1の表示領域に表示されているプレビュー画像に該当するページを削除するための削除ボタン、の少なくとも一つが含まれることを特徴とする請求項1乃至5のいずれか1項に記載の画像処理装置 In the second display area, a change button for changing the page of the preview image displayed in the first display area, and a page corresponding to the preview image displayed in the first display area are displayed. The image processing apparatus according to any one of claims 1 to 5, wherein at least one of a delete button for deleting is included . 原稿上の画像を読み取ることにより画像を生成する読み取り手段を有することを特徴とする請求項1乃至6のいずれか1項に記載の画像処理装置 The image processing apparatus according to any one of claims 1 to 6, further comprising a reading means for generating an image by reading an image on a document . タッチパネルを有する画像処理装置として機能させるためのプログラムであって、
前記タッチパネルに対するユーザ操作を検知する検知手段と、
プレビュー画像を表示する第1の表示領域、および前記第1の表示領域とは異なる第2の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第2の表示領域を表示する第1の表示モードと、
前記第1の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第2の表示領域を表示しない第2の表示モードと、を切り替え可能な表示制御手段と、を有し、
前記表示制御手段は、
前記第1の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも2つの入力指示体が接触している状態から前記少なくとも2つの入力指示体の距離が広がったことが検知されると、前記第1の表示領域に表示されているプレビュー画像を拡大し、前記第1の表示モードで表示されている前記第2の表示領域を表示しないことで前記第2の表示モードに切り替えることを特徴とする画像処理装置として機能させるためのプログラム
A program for functioning as an image processing device having a touch panel.
A detection means for detecting a user operation on the touch panel and
The second display area for displaying a preview image and a second display area different from the first display area, which includes at least a function key for giving a print instruction to print the preview image. The first display mode to display the display area of
A display control means capable of switching between a second display mode in which a preview image enlarged from the preview image in the case of the first display mode is displayed and the second display area is not displayed. Have and
The display control means
With respect to the preview image displayed in the first display mode, it is detected by the detection means that the distance between the at least two input indicators has increased from the state in which at least two input indicators are in contact with each other. Then, the preview image displayed in the first display area is enlarged, and the second display area displayed in the first display mode is not displayed to switch to the second display mode. A program for functioning as an image processing device .
タッチパネルを有する画像処理装置の制御方法であって、
前記タッチパネルに対するユーザ操作を検知する検知ステップと、
プレビュー画像を表示する第1の表示領域、および前記第1の表示領域とは異なる第2の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第2の表示領域を表示する第1の表示モードと、
前記第1の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第2の表示領域を表示しない第2の表示モードと、を切り替え可能な表示制御ステップと、を有し、
前記表示制御ステップは、
前記第1の表示モードで表示されている前記プレビュー画像に対し、前記検知ステップにより少なくとも2つの入力指示体が接触している状態から前記少なくとも2つの入力指示体の距離が広がったことが検知されると、前記第1の表示領域に表示されているプレビュー画像を拡大し、前記第1の表示モードで表示されている前記第2の表示領域を表示しないことで前記第2の表示モードに切り替えることを特徴とする画像処理装置の制御方法
A control method for an image processing device having a touch panel.
A detection step for detecting a user operation on the touch panel and
The second display area for displaying a preview image and a second display area different from the first display area, which includes at least a function key for giving a print instruction to print the preview image. The first display mode to display the display area of
A display control step that can switch between a second display mode in which a preview image enlarged from the preview image in the case of the first display mode is displayed and the second display area is not displayed. Have and
The display control step is
With respect to the preview image displayed in the first display mode, it is detected that the distance between the at least two input indicators has increased from the state in which at least two input indicators are in contact with each other by the detection step. Then, the preview image displayed in the first display area is enlarged, and the second display area displayed in the first display mode is not displayed to switch to the second display mode. A control method for an image processing device, characterized in that .
JP2020197064A 2020-11-27 2020-11-27 IMAGE PROCESSING DEVICE, CONTROL METHOD FOR IMAGE PROCESSING DEVICE, AND PROGRAM Active JP7114678B2 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2020197064A JP7114678B2 (en) 2020-11-27 2020-11-27 IMAGE PROCESSING DEVICE, CONTROL METHOD FOR IMAGE PROCESSING DEVICE, AND PROGRAM
JP2022114541A JP2022132508A (en) 2020-11-27 2022-07-19 Image processing device, method for controlling image processing device, and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2020197064A JP7114678B2 (en) 2020-11-27 2020-11-27 IMAGE PROCESSING DEVICE, CONTROL METHOD FOR IMAGE PROCESSING DEVICE, AND PROGRAM

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2019108886A Division JP2019145183A (en) 2019-06-11 2019-06-11 Image processing device, method for controlling image processing device, and program

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2022114541A Division JP2022132508A (en) 2020-11-27 2022-07-19 Image processing device, method for controlling image processing device, and program

Publications (2)

Publication Number Publication Date
JP2021028851A true JP2021028851A (en) 2021-02-25
JP7114678B2 JP7114678B2 (en) 2022-08-08

Family

ID=74667089

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2020197064A Active JP7114678B2 (en) 2020-11-27 2020-11-27 IMAGE PROCESSING DEVICE, CONTROL METHOD FOR IMAGE PROCESSING DEVICE, AND PROGRAM

Country Status (1)

Country Link
JP (1) JP7114678B2 (en)

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005346236A (en) * 2004-06-01 2005-12-15 Canon Inc Print preview system, print preview method and print preview apparatus
JP2011170574A (en) * 2010-02-18 2011-09-01 Sharp Corp Operation device, electronic apparatus and image processing apparatus having the operation device, and operation method
CN102314280A (en) * 2010-06-29 2012-01-11 鸿富锦精密工业(深圳)有限公司 Touch electronic device and control method of touch event thereof
JP2013131062A (en) * 2011-12-21 2013-07-04 Konica Minolta Business Technologies Inc Image processing apparatus and image processing system
JP2013140554A (en) * 2011-12-05 2013-07-18 Ricoh Co Ltd Print control system, print control method, program and computer
JP2013168799A (en) * 2012-02-15 2013-08-29 Canon Inc Image processing apparatus, image processing apparatus control method, and program
WO2013133902A1 (en) * 2012-03-06 2013-09-12 Apple Inc. Application for creating photo albums
JP2013190982A (en) * 2012-03-13 2013-09-26 Sharp Corp Display apparatus, display method, control program, and storage medium

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005346236A (en) * 2004-06-01 2005-12-15 Canon Inc Print preview system, print preview method and print preview apparatus
JP2011170574A (en) * 2010-02-18 2011-09-01 Sharp Corp Operation device, electronic apparatus and image processing apparatus having the operation device, and operation method
CN102314280A (en) * 2010-06-29 2012-01-11 鸿富锦精密工业(深圳)有限公司 Touch electronic device and control method of touch event thereof
JP2013140554A (en) * 2011-12-05 2013-07-18 Ricoh Co Ltd Print control system, print control method, program and computer
JP2013131062A (en) * 2011-12-21 2013-07-04 Konica Minolta Business Technologies Inc Image processing apparatus and image processing system
JP2013168799A (en) * 2012-02-15 2013-08-29 Canon Inc Image processing apparatus, image processing apparatus control method, and program
WO2013133902A1 (en) * 2012-03-06 2013-09-12 Apple Inc. Application for creating photo albums
JP2013190982A (en) * 2012-03-13 2013-09-26 Sharp Corp Display apparatus, display method, control program, and storage medium

Also Published As

Publication number Publication date
JP7114678B2 (en) 2022-08-08

Similar Documents

Publication Publication Date Title
US11057532B2 (en) Image processing apparatus, control method for image processing apparatus, and storage medium
JP7342208B2 (en) Image processing device, control method and program for the image processing device
JP5882779B2 (en) Image processing apparatus, image processing apparatus control method, and program
JP6053332B2 (en) Information processing apparatus, information processing apparatus control method, and program
JP6161418B2 (en) Image forming apparatus, method for controlling image forming apparatus, and computer program
JP2014038560A (en) Information processing device, information processing method, and program
JP6399834B2 (en) Information processing apparatus, information processing apparatus control method, and program
JP6053291B2 (en) Image processing apparatus, image processing apparatus control method, and program
JP6840571B2 (en) Image processing device, control method of image processing device, and program
JP2014071514A (en) Image processor, image processing method and program
CN114063867A (en) Image processing apparatus, control method of image processing apparatus, and recording medium
JP6700749B2 (en) Information processing apparatus, control method of information processing apparatus, and program
JP2015114767A (en) Information processing apparatus, control method of information processing apparatus, and program
JP5853778B2 (en) Print setting apparatus, print setting method, print setting program, and recording medium
JP7114678B2 (en) IMAGE PROCESSING DEVICE, CONTROL METHOD FOR IMAGE PROCESSING DEVICE, AND PROGRAM
JP2013164659A (en) Image processing apparatus, method for controlling image processing apparatus, and program
JP2019145183A (en) Image processing device, method for controlling image processing device, and program
JP2022132508A (en) Image processing device, method for controlling image processing device, and program
JP2023014240A (en) Image processing device, method for controlling image processing device, and program
JP2017123055A (en) Image processing apparatus, preview image display control method, and computer program
JP2014108533A (en) Image processing device, image processing device control method, and program
JP2015102946A (en) Information processing apparatus, control method of information processing apparatus, and program
JP6541836B2 (en) INFORMATION PROCESSING APPARATUS, CONTROL METHOD THEREOF, AND PROGRAM
JP2015011647A (en) Operation device, image forming apparatus including the same, and control method of operation device
JP2019070808A (en) Display control device, display control method, and program

Legal Events

Date Code Title Description
A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20201223

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20201223

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20211124

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20220118

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20220628

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20220727

R151 Written notification of patent or utility model registration

Ref document number: 7114678

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R151