JP2023014240A - 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
JP2023014240A
JP2023014240A JP2022191863A JP2022191863A JP2023014240A JP 2023014240 A JP2023014240 A JP 2023014240A JP 2022191863 A JP2022191863 A JP 2022191863A JP 2022191863 A JP2022191863 A JP 2022191863A JP 2023014240 A JP2023014240 A JP 2023014240A
Authority
JP
Japan
Prior art keywords
display
display mode
preview image
display area
displayed
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.)
Pending
Application number
JP2022191863A
Other languages
Japanese (ja)
Other versions
JP2023014240A5 (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
Priority claimed from JP2022114541A external-priority patent/JP2022132508A/en
Application filed by Canon Inc filed Critical Canon Inc
Priority to JP2022191863A priority Critical patent/JP2023014240A/en
Publication of JP2023014240A publication Critical patent/JP2023014240A/en
Publication of JP2023014240A5 publication Critical patent/JP2023014240A5/en
Pending legal-status Critical Current

Links

Images

Abstract

PROBLEM TO BE SOLVED: 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
COPYRIGHT: (C)2023,JPO&INPIT

Description

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

近年、ユーザによる直感的な操作を可能にするために、マルチタッチ操作を検出可能なタッチパネルを備えた情報処理装置が一般的になりつつある。このタッチパネル上で行うマルチタッチ操作としては、ピンチインやピンチアウトなどがある。ピンチインとは、タッチパネル上に表示した対象物を二本の指でつまむようにする操作であり、この操作により対象物の縮小を直感的に実行することができる。また、ピンチアウトとは、タッチパネル上に表示した対象物を二本の指で広げるようにする操作であり、この操作により対象物の拡大を直感的に実行することができる。 2. Description of the Related Art In recent years, in order to enable intuitive operations by users, information processing apparatuses equipped with touch panels capable of detecting multi-touch operations have become common. 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 by this operation, reduction of the object can be executed intuitively. Pinch-out is an operation of spreading out an object displayed on the touch panel with two fingers, and by this operation, enlargement of the object can be executed intuitively.

特許文献１には、ディスプレイ上に拡大表示している画像を、ピンチイン操作により縮小し、画像の表示倍率が所定の閾値以下になった場合に拡大表示を終了することが開示されている。 Japanese Patent Application Laid-Open No. 2004-201000 discloses that an image displayed in an enlarged manner 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.

特開２０１３－１９０９８２号公報JP 2013-190982 A

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

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

上記課題を解決するため、本発明は、タッチパネルを有する画像処理装置であって、前記タッチパネルに対するユーザ操作を検知する検知手段と、プレビュー画像を表示する第１の表示領域、および前記第１の表示領域とは異なる第２の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第２の表示領域を表示する第１の表示モードと、前記第１の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第２の表示領域を表示しない第２の表示モードと、を切り替え可能な表示制御手段と、を有し、前記表示制御手段は、前記第１の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも２つの入力指示体が接触している状態から前記少なくとも２つの入力指示体の距離が広がったことが検知されると、前記第１の表示領域に表示されているプレビュー画像を拡大し、前記第１の表示モードで表示されている前記第２の表示領域を表示しないことで前記第２の表示モードに切り替えることを特徴とする。 In order to solve the above problems, the present invention provides an image processing apparatus having a touch panel, comprising 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 a second display area different from the area, the second display area including at least a function key for issuing a print instruction to print the preview image; display control means capable of switching between a second display mode in which a preview image that is larger than 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 the at least two input indicators are in contact with the preview image displayed in the first display mode by the detection means. 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 displayed. It is characterized by switching to the display mode of

本発明によれば、マルチタッチ操作に基づいて画面構成が異なる２つの表示モードを切り替える場合においてユーザにとって快適な操作性を提供することができる。 According to the present invention, it is possible to provide 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 structural example of the image processing apparatus of this embodiment. 画像処理装置のディスプレイに表示される画面例を示す図である。FIG. 4 is a diagram showing an example of a screen displayed on the display of the image processing device; プレビュー画面の表示切り替えの処理を示すフローチャートである。10 is a flowchart showing processing for switching display of a preview screen.

以下、本発明の実施形態について図面を用いて説明する。なお、以下の実施の形態は特許請求の範囲に係る発明を限定するものでなく、また実施の形態で説明されている特徴の組み合わせの全てが発明の解決手段に必須のものとは限らない。 An embodiment of the present invention will be described below 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 to the solution of the invention.

図１は、本実施形態における画像処理装置のハードウェア構成例を示す図である。図１では、画像処理装置として、ＭＦＰ（Ｍｕｌｔｉ Ｆｕｎｃｔｉｏｎ Ｐｅｒｉｐｈｅｒａｌ）を例にとって説明する。 FIG. 1 is a diagram showing a hardware configuration example of an image processing apparatus according to this embodiment. In FIG. 1, an MFP (Multi Function Peripheral) will be described as an example of the image processing apparatus.

ＭＦＰ１０１は、ＣＰＵ１１１乃至プリンタ１２２を備える。ＣＰＵ１１１、ＲＡＭ１１２、ＲＯＭ１１３、入力部１１４、表示制御部１１５、外部メモリＩ／Ｆ１１６、通信Ｉ／Ｆコントローラ１１７は、システムバス１１０に接続されている。また、タッチパネル１１８、ディスプレイ１１９、外部メモリ１２０が、システムバス１１０に接続されている。各処理部は、システムバス１１０を介して互いにデータのやりとりを行うことができるように構成されている。ＣＰＵ１１１、ＲＡＭ１１２、及びＲＯＭ１１３はそれぞれ、Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ、Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ、Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙの略称である。 The MFP 101 includes a CPU 111 through a printer 122 . 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 system bus 110 . A touch panel 118 , a display 119 and an external memory 120 are also connected to the system bus 110 . Each processing unit is configured to be able to exchange data with each other via the system bus 110 . The CPU 111, RAM 112, and ROM 113 are abbreviations for Central Processing Unit, Random Access Memory, and Read Only Memory, respectively.

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

入力部１１４は、ユーザ操作を受け付け、操作に応じた制御信号を生成し、ＣＰＵ１１１に供給する。例えば、入力部１１４は、入力デバイスとして機能するキーボード（不図示）や、マウス（不図示）やタッチパネル１１８からユーザ操作を受付ける。なお、タッチパネル１１８は、例えば平面的に構成された入力部に対して接触された位置に応じた座標情報が出力されるようにした入力デバイスである。ＣＰＵ１１１は、入力デバイスに対してなされたユーザ操作に応じて入力部１１４で生成され供給される制御信号に基づき、プログラムに従いこのＭＦＰ１０１の各部を制御する。これにより、ＭＦＰ１０１はユーザ操作に応じた動作を行うことができる。 The input unit 114 receives 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 user operations from a keyboard (not shown), a mouse (not shown), and the touch panel 118 that function as input devices. The touch panel 118 is, for example, an input device that outputs coordinate information corresponding to a touched position on an input unit configured in a plane. CPU 111 controls each part of MFP 101 according to a program based on control signals generated and supplied by input unit 114 according to user operations performed on input devices. As a result, the MFP 101 can operate according to the user's operation.

表示制御部１１５は、ディスプレイ１１９に対して画像を表示させるための表示信号を出力する。例えば、ＣＰＵ１１１は、プログラムに従い生成した表示制御信号を表示制御部１１５に供給する。表示制御部１１５は、この表示制御信号に基づき表示信号を生成してディスプレイ１１９に対して出力する。例えば、表示制御部１１５は、ＣＰＵ１１１が生成する表示制御信号に基づき、ＧＵＩ（Ｇｒａｐｈｉｃａｌ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ）を構成するＧＵＩ画面をディスプレイ１１９に表示させる。 The display control unit 115 outputs a display signal for displaying an image on the display 119 . For example, the CPU 111 supplies a display control signal generated according to a program to the display control section 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 forming a GUI (Graphical User Interface) based on a display control signal generated by the CPU 111 .

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

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

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

スキャナ１２１は、原稿上の画像を読み取り、画像データを生成する。生成された画像データは、ＲＡＭ１１２、ＲＯＭ１１３等に格納される。プリンタ１２２は、入力部１１４を介して入力されたユーザの指示や通信Ｉ／Ｆコントローラ１１７を介して外部装置から入力されたコマンドに基づいて、画像データを記録媒体上に印刷出力する。また、スキャナ１２１によって生成された画像データに基づいてプリンタ１２２が印刷を行うことにより、コピー機能が実現される。 A 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 or a command input from an external device via the communication I/F controller 117 . Also, the printer 122 prints based on the image data generated by the scanner 121, thereby realizing a copy function.

なお、ＣＰＵ１１１は、タッチパネル１１８への例えば以下のジェスチャ操作や状態を特定できる。タッチパネルに指やペン（入力指示体）が触れたこと（以下、タッチスタートと称する）。タッチパネルに指やペンが触れている状態であること（以下、タッチオンと称する）。タッチパネルに指やペンが触れられたまま指やペンが移動していること（以下、タッチムーブと称する）。タッチパネルへ触れていた指やペンが離れたこと（以下、タッチエンドと称する）。タッチパネルに何も触れていない状態（以下、タッチオフと称する）等である。これらの操作や、タッチパネル上に指やペンが触れている位置座標はシステムバス１１０を通じてＣＰＵ１１１に通知され、ＣＰＵ１１１は通知された情報に基づいてタッチパネル上で行われた操作を特定する。タッチムーブについては、タッチパネル上で移動する指やペンの移動方向についても、位置座標の変化に基づいて、タッチパネル上の垂直成分・水平成分毎に判定できる。またタッチパネル上をタッチスタートから素早くタッチエンドをする操作をクリックと呼ぶ。またタッチパネル上をタッチスタートから一定のタッチムーブを経てタッチエンドをしたとき、ストロークを描いたこととする。素早くストロークを描く操作をフリックと呼ぶ。フリックは、タッチパネル上に指を触れたままある程度の距離だけ素早く動かして、そのまま離すといった操作であり、言い換えればタッチパネル上を指ではじくように素早くなぞる操作である。ＣＰＵ１１１は、所定距離以上を、所定速度以上でタッチムーブしたことを検出し、そのままタッチエンドを検出すると、フリックが行なわれたと判定する。また、所定距離以上のタッチムーブが検出され、そのままタッチオンが検出されている場合には、ドラッグが行なわれたと判定する。 Note that the CPU 111 can specify, for example, the following gesture operations and states on the touch panel 118 . Touching the touch panel with a finger or pen (input indicator) (hereinafter referred to as touch start). A state in which a finger or pen is in contact with the touch panel (hereinafter referred to as touch-on). The finger or pen is moving while touching the touch panel (hereinafter referred to as touch move). The finger or pen that was in contact with the touch panel is released (hereinafter referred to as touch end). This includes a state in which nothing is touched on the touch panel (hereinafter referred to as touch-off). These operations and the positional 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. As for the touch move, the moving direction of the finger or pen moving on the touch panel can also be determined for each vertical component/horizontal component on the touch panel based on the change in the position coordinates. Also, an operation of quickly ending a touch from a touch start on the touch panel is called a click. It is also assumed that a stroke is drawn when a touch is started on the touch panel, a certain touch move is performed, and a touch is ended. The operation of drawing strokes quickly is called a flick. A flick is an operation of moving a finger quickly over a certain distance while touching the touch panel and then releasing the finger. When the CPU 111 detects that the touch move is performed for a predetermined distance or more at a predetermined speed or more, and detects the touch end as it is, the CPU 111 determines that the flick has been performed. Further, when a touch move of a predetermined distance or more is detected and a touch-on is detected as it is, it is determined that a drag has been performed.

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

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

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

ＭＦＰ１０１は、いくつかの方法により画像データをＲＡＭ１１２もしくは外部メモリ１２０に保存することができる。例えば、ＭＦＰ１０１は、スキャナ１２１によって原稿上の画像を読み取って生成された画像データを保存する。又は、ＭＦＰ１０１は、通信Ｉ／Ｆコントローラ１１７を介してネットワーク１０２上に接続されているＰＣ等の外部装置から受信した画像データを保存する。又は、ＭＦＰ１０１は、外部メモリＩ／Ｆ１１６に装着された可搬型の記憶媒体（ＵＳＢメモリやメモリーカード等）から受信した画像データを保存する。その他、ＭＦＰ１０１は、別の保存方法によって画像データを外部メモリ１２０に保存してもよい。なお、保存される画像データはスキャナ１２１によって読み取られた原稿に対し印刷設定内容を含む各種設定内容が反映されたデータであってもよい。又、ディスプレイ１１９に表示される画像データは、文字情報を含むものであってもよいし、写真やグラフィックイメージ等の画像情報を含むものであってもよいし、その両方やその他の情報を含むものであってもよい。又、画像データは予め内部に保存されたサンプルイメージであってもよい。 MFP 101 can store image data in RAM 112 or external memory 120 by several methods. For example, the MFP 101 saves image data generated by scanning an image on a document with the scanner 121 . 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.) attached to the external memory I/F 116 . In addition, the MFP 101 may store image data in the external memory 120 using another storage method. Note that 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 . The image data displayed on the display 119 may include character information, may include image information such as photographs and graphic images, or may include both of them or other information. can be anything. Alternatively, the image data may be a sample image previously stored inside.

図２は、ＭＦＰ１０１のディスプレイ１１９に表示されたプレビュー画像を示す画面例である。図２（Ａ）に示すプレビュー画面２００は、プレビュー画像を表示するための画面であり、プレビュー表示領域２０１、ナビゲーション領域２１７、ページ制御領域２１８を含む。 FIG. 2 is a screen example showing a preview image displayed on the display 119 of the MFP 101. As shown in FIG. A 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 .

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

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

閉じるボタン２０３は、プレビュー画面２００を閉じ別の画面に遷移させるためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１は、プレビュー機能を終了させる。 A 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.

送信指示ボタン２０４は、表示されている画像データの送信を指示するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１はネットワーク１０２上に接続されているＰＣ等の外部装置に対して、画像データの送信処理を行う。また、プレビュー画面２００を閉じ別の画面に遷移させる。プレビュー画面２００へ遷移する前に送信に関する設定（送信宛先等）がされていない状態ではＣＰＵ１１１は送信指示ボタン２０４を非表示にする。また、中止ボタン（不図示）は送信処理を中止するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１は送信処理を中止し、プレビュー画面２００を閉じ別の画面に遷移させる。プレビュー画面２００へ遷移する前に送信に関する設定がされていない状態ではＣＰＵ１１１は中止ボタンを非表示にする。中止ボタンを表示している場合は、閉じるボタン２０３を非表示にする。 A transmission instruction button 204 is a button for instructing 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 . Also, the preview screen 200 is closed and transitioned to another screen. The CPU 111 hides the transmission instruction button 204 in a state in which transmission-related settings (transmission destination, etc.) are not made before transition to the preview screen 200 . A 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. The CPU 111 hides the cancel button in a state in which transmission-related settings have not been made before transitioning to the preview screen 200 . If the cancel button is displayed, the close button 203 is hidden.

印刷指示ボタン２０５は、表示されている画像データの印刷を指示するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１はプリンタ１２２による印刷処理を開始させ、プレビュー画面２００を閉じ別の画面に遷移させる。ＣＰＵ１１１は、印刷に関する設定（出力用紙サイズ、出力部数等）がされていない状態では印刷指示ボタン２０５を非表示にする。 A 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 print processing by the printer 122, closes the preview screen 200, and transitions to another screen. The CPU 111 hides the print instruction button 205 when settings related to printing (output paper size, number of copies, etc.) are not made.

プレビュー画像拡大ボタン２０６は、プレビュー表示領域２０１に表示されているプレビュー画像２０２の画像を拡大表示するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１はプレビュー画像２０２の大きさを拡大し、プレビュー表示領域２０１に表示する。 A preview image enlarging 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 preview image 202 and displays it in the preview display area 201 .

ページ数表示領域２０７は、画像データが複数のページで構成されている場合、総ページ数と現在表示されているプレビュー画像２０２が何ページ目であるかを示す表示領域である。ＣＰＵ１１１は、表示されているページが変更になった場合、何ページ目のプレビュー画像２０２であるかを判断して、ページ数表示領域２０７の表示内容を更新する。図２（Ａ）の例では、画像データの総ページ数が５で、現在表示されているのが３ページ目であることが示されている。 A page number display area 207 is a display area that indicates the total number of pages and the page number of the currently displayed preview image 202 when the image data consists of a plurality of pages. When the displayed page is changed, the CPU 111 determines the page number of the preview image 202 and updates the display contents of the page number display area 207 . In the example of FIG. 2A, the total number of pages of image data is 5, and the currently displayed page is the 3rd page.

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

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

ページ削除ボタン２１０は、表示されているプレビュー画像２０２に該当するページを画像データから削除するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１は画像データから該当のページを削除するか否かを選択させる削除確認画面（不図示）をプレビュー画面２００の上に重ねるように表示する。 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) on the preview screen 200 so that the user can select whether or not to delete the corresponding page from the image data.

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

ファイル名表示領域２１２は、表示されている画像データに関連付けられたファイル名を表示する領域である。ファイル名が画像データに関連付けられていない場合は、ＣＰＵ１１１はファイル名表示領域２１２を非表示にする。 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 .

ナビゲーション領域２１７は、プレビュー画像２０２に対する処理指示を行うための各種ボタンが表示される領域であり、閉じるボタン２０３、送信指示ボタン２０４、印刷指示ボタン２０５が表示されている。ナビゲーション領域２１７上にあるボタンは、ナビゲーション領域２１７の表示条件と関連付けられており、ナビゲーション領域２１７を非表示にすると、閉じるボタン２０３、送信指示ボタン２０４、印刷指示ボタン２０５も非表示になる。 A navigation area 217 is an area where various buttons for instructing processing for the preview image 202 are displayed, and a close button 203, a send instruction button 204, and a print instruction button 205 are displayed. Buttons on the navigation area 217 are associated with the display conditions of the navigation area 217. When the navigation area 217 is hidden, the close button 203, the send instruction button 204, and the print instruction button 205 are also hidden.

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

ここでユーザのピンチアウト操作によるプレビュー画像２０２の拡大表示制御について説明する。本実施形態において、ユーザはプレビュー表示領域２０１を指やペンでタッチしてピンチアウト操作を行うことによって、プレビュー画像２０２を拡大表示することができる。また、ピンチアウト操作の開始に応じて、ナビゲーション領域２１７、ページ制御領域２１８が非表示となり、プレビュー画面２００に占めるプレビュー表示領域２０１の範囲が拡張される。 Enlarged display control of the preview image 202 by the user's pinch-out operation will now be described. In this 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, the navigation area 217 and the page control area 218 are hidden according to the start of the pinch-out operation, and the range of the preview display area 201 on the preview screen 200 is expanded.

ＣＰＵ１１１は、プレビュー表示領域２０１に対するピンチアウト操作の開始を検出すると、プレビュー画面２００のレイアウトを変更し、プレビュー画像２０２の表示サイズを拡大する処理を行う。また、ＣＰＵ１１１は、２点以上のタッチ位置のタッチ中心座標を特定し、プレビュー表示領域２０１に対し、特定したタッチ中心座標を基準として拡大した位置にプレビュー画像２０２を配置する。 When the CPU 111 detects the start of the pinch-out operation on the preview display area 201 , the CPU 111 changes the layout of the preview screen 200 and enlarges 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 on the basis of the specified touch center coordinates in the preview display area 201 .

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

なお、ナビゲーション領域２１７、及びページ制御領域２１８は、プレビュー画像２０２の拡大処理と同時に非表示にしてもよいし、記憶領域に予め記憶しておいたピンチアウト操作の判断とは別の所定値以上の距離の移動が行われた場合に非表示にしてもよい。 Note that the navigation area 217 and the page control area 218 may be hidden at the same time as the process of enlarging the preview image 202, or may be hidden by 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 a movement of distance is performed.

図２（Ｂ）のプレビュー画面２００は、ユーザからのピンチアウト操作を受け付け、ＣＰＵ１１１がプレビュー画像２０２の拡大とプレビュー表示領域２０１の拡張を行った場合の例である。本実施形態では図２（Ａ）を「通常表示モード」と呼び、図２（Ｂ）を「拡大表示モード」と呼ぶ。すなわち、通常表示モードとは、プレビュー画面２００上にプレビュー表示領域２０１、ナビゲーション領域２１７、ページ制御領域２１８を表示している状態を示す。また、拡大表示モードとは、プレビュー画面２００上で、ナビゲーション領域２１７とページ制御領域２１８を非表示にし、プレビュー表示領域２０１を拡張すると共に２１３～２１６のボタンを表示している状態を示す。 A preview screen 200 in FIG. 2B is an example in which a user's pinch-out operation is received, and the CPU 111 enlarges the preview image 202 and expands the preview display area 201 . In this embodiment, FIG. 2A is called "normal display mode", and FIG. 2B is called "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 . 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 buttons 213 to 216 are displayed.

プレビュー画像拡大ボタン２１３は、プレビュー表示領域２０１に表示しているプレビュー画像２０２を拡大表示するためのボタンである。プレビュー画像２０２を拡大表示させるという点で、プレビュー画像拡大ボタン２０６と同じ役割である。拡大率はプレビュー画像拡大ボタン２０６とプレビュー画像拡大ボタン２１３とで異なるようにしてもよい。これにより、表示モード毎に最適な拡大率でプレビュー画像２０２を拡大表示することができる。本実施形態では、３段階の拡大率を決め、プレビュー画像拡大ボタン２１３のタッチを検出する度に一段階ずつ拡大率を上げた表示サイズのプレビュー画像２０２をプレビュー表示領域２０１に表示する。 A preview image enlarging 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 enlarging 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 an optimum enlargement ratio for each display mode. In this embodiment, three levels of enlargement ratios are determined, and the preview image 202 is displayed in the preview display area 201 with a display size whose enlargement ratio is increased by one step each time a touch of the preview image enlargement button 213 is detected.

プレビュー画像縮小ボタン２１４は、プレビュー表示領域２０１に表示しているプレビュー画像２０２の画像を縮小表示するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１はプレビュー画像２０２を予め決めた表示サイズに大きさを縮小し、プレビュー表示領域２０１に表示する。 A 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 .

プレビュー画像移動ボタン２１５は、プレビュー表示領域２０１に表示しているプレビュー画像２０２の表示位置を移動するためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１は予め決めた移動量分だけ画像の表示位置をずらし、プレビュー表示領域２０１に表示する。各ボタンが押された方向に向かってプレビュー画像２０２の表示領域は移動する。 A 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 movement amount and displays it in the preview display area 201 . The display area of preview image 202 moves in the direction in which each button is pressed.

閉じるボタン２１６は、拡大表示モードを終了して、通常表示モードの画面配置に変更させるためのボタンである。ユーザがこのボタンをタッチすることによって、ＣＰＵ１１１は、拡大表示モードから通常表示モードに表示内容を切り替える。 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.

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

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

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

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

これにより、プレビュー画像２０２とナビゲーション領域２１７やページ制御領域２１８が重なり、ボタンが押せなくなったり、内容が確認できなくなったりせず、ユーザに高い操作性を提供することが可能となる。 As a result, the preview image 202 does not overlap the navigation area 217 or the page control area 218, which prevents buttons from being pressed or contents to be confirmed, thereby providing high operability to the user.

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

又、拡大表示モードから通常表示モードへの表示内容の切り替えの方法として、ピンチアウト操作と閉じるボタン２１６タッチ以外の操作で切り替えてもよい。例えば、プレビュー画像縮小ボタン２１４をユーザがタッチすることによって、ＣＰＵ１１１はプレビュー画像２０２の表示サイズが予め決めた表示サイズより小さいと判断した場合に、拡大表示モードから通常表示モードへレイアウトを切り替えるようにしてもよい。このように複数の手段でモードを切り替えることでユーザの使い勝手が向上する効果がある。 As a method of switching the display content from the enlarged display mode to the normal display mode, an operation other than the pinch-out operation and the touch of the close button 216 may be used. 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 a predetermined display size, the layout is switched from the enlarged display mode to the normal display mode. may By switching the mode using a plurality of means in this way, there is an effect that the usability for the user is improved.

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

ＣＰＵ１１１は、タッチパネル１１８に対するユーザ操作を受け付ける（Ｓ３０１）。そしてＣＰＵ１１１は、Ｓ３０１において検出された操作がクリック操作であるか否かを判定する（Ｓ３０２）。クリック操作であると判定された場合は、処理はＳ３０３へ進む。クリック操作ではないと判定された場合は、処理はＳ３０９へ進む。 CPU 111 receives a user operation on 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.

Ｓ３０３において、ＣＰＵ１１１は、プレビュー画像拡大ボタン２０６に対するクリック操作であるか否かを判定する。プレビュー画像拡大ボタン２０６に対するクリック操作であると判定された場合は、処理はＳ３０６へ進む。プレビュー画像拡大ボタン２０６に対するクリック操作ではないと判定された場合、処理はＳ３０４へ進む。そして、Ｓ３０４において、ＣＰＵ１１１は、プレビュー画像２０２に対するクリック操作であるか否かを判定する。プレビュー画像２０２に対するクリック操作であると判定された場合は、処理はＳ３０５へ進む。プレビュー画像２０２に対するクリック操作ではないと判定された場合は、プレビュー画像２０２とプレビュー表示領域２０１に対する表示変更は行わない。この場合は、プレビュー画像２０２とプレビュー表示領域２０１に対する表示変更とは別の処理を行うが、この処理については本発明と直接的に関係しないのでここでの説明は省略する。 In S<b>303 , the CPU 111 determines whether or not the preview image enlarging button 206 is clicked. If it is determined that the click operation is performed on the preview image enlarging button 206, the process proceeds to S306. If it is determined that the operation is not a click operation on the preview image enlarging button 206, the process advances to S304. Then, in S<b>304 , the CPU 111 determines whether or not the preview image 202 is clicked. If it is determined that the click operation is performed 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 other than changing the display of 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.

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

Ｓ３０６において、ＣＰＵ１１１は、プレビュー画像２０２の表示サイズを拡大する。そして、ＣＰＵ１１１は、ナビゲーション領域２１７およびページ制御領域２１８を非表示にすることで、プレビュー表示領域２０１を拡張する（Ｓ３０７）。また、ＣＰＵ１１１は、表示サイズを拡大したプレビュー画像２０２の画像の中心と、拡張したプレビュー表示領域２０１の領域の中心が同じ位置にくるようプレビュー画像２０２の表示位置を変更する（Ｓ３０８）。 In S<b>306 , 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 enlarged preview image 202 and the center of the expanded preview display area 201 are at the same position (S308).

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

Ｓ３１０において、ＣＰＵ１１１は、タッチムーブ操作がドラッグ操作であるか否かを判定する。ドラッグ操作であると判定された場合は、処理はＳ３１１へ進む。ドラッグ操作ではないと判定された場合は、処理はＳ３１３へ進む。そして、Ｓ３１１において、ＣＰＵ１１１は、現在のプレビュー画面２００の表示が拡大表示モードであるか否かを判定する。拡大表示モードの場合にのみ、プレビュー画像２０２に対するドラッグ操作を受け付けることにより、プレビュー画像２０２の表示位置の変更処理を行う。拡大表示モードであると判定された場合は、処理はＳ３１２へ進む。拡大表示モードではないと判定された場合、ＣＰＵ１１１はプレビュー画像２０２とプレビュー表示領域２０１に対する表示変更は行わない。そして、Ｓ３１２において、ＣＰＵ１１１は、プレビュー画像２０２のプレビュー表示領域２０１に対する表示位置を、ドラッグの方向と移動量に応じて変更する。 In S310, the CPU 111 determines whether 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, processing for changing the display position of the preview image 202 is performed by receiving a drag operation on the preview image 202 . If it is determined that it is the enlarged display mode, the process proceeds to S312. When it is determined that the enlarged display mode is not selected, the CPU 111 does not change the display of the preview image 202 and the preview display area 201 . Then, in S<b>312 , 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 movement amount.

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

Ｓ３１４において、ＣＰＵ１１１は、プレビュー画像２０２の表示サイズを拡大し、タッチ中心座標を基準として拡大した位置にプレビュー画像２０２を配置する（Ｓ３１５）。 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).

Ｓ３１６において、ＣＰＵ１１１は、現在のプレビュー画面２００の表示が通常表示モードであるか否かを判定する。通常表示モードであると判定された場合は、処理はＳ３１７へ進む。通常表示モードではないと判定された場合は、プレビュー画像２０２とプレビュー表示領域２０１に対する表示変更は行わない。Ｓ３１７において、ＣＰＵ１１１は、ナビゲーション領域２１７およびページ制御領域２１８を非表示にすることで、プレビュー表示領域２０１を拡張する。すなわち、通常表示モードのときピンチアウト操作が開始されると、通常表示モードから拡大表示モードへ表示切り替えを行う。 In S316, the CPU 111 determines whether or not the current display of the preview screen 200 is in the normal display mode. If the normal display mode is determined, the process proceeds to S317. If it is determined that the normal display mode is not set, the preview image 202 and the preview display area 201 are not changed. In S<b>317 , 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.

Ｓ３１８において、ＣＰＵ１１１は、タッチムーブ操作がピンチイン操作であるか否かを判定する。ピンチイン操作であると判定された場合は、処理はＳ３１９へ進む。ピンチイン操作ではないと判定された場合は、プレビュー画像２０２とプレビュー表示領域２０１に対する表示変更は行われない。そしてＳ３１９において、ＣＰＵ１１１は、プレビュー画像２０２の表示サイズを縮小し、タッチ中心座標を基準として縮小した位置にプレビュー画像２０２を配置する（Ｓ３２０）。 In S318, the CPU 111 determines whether the touch-move operation is a pinch-in operation. If determined to be a pinch-in operation, the process proceeds to S319. If it is determined that the pinch-in operation is not performed, the preview image 202 and the preview display area 201 are not changed. 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 reference to the touch center coordinates (S320).

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

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

Ｓ３２３において、ＣＰＵ１１１は、２１３～２１６の一部もしくは全てのボタンを非表示にし、ナビゲーション領域２１７およびページ制御領域２１８を表示し、プレビュー表示領域２０１を縮小する。すなわち、ＣＰＵ１１１は、拡大表示モードから通常表示モードへ表示内容の切り替えを行う。 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. FIG. That is, the CPU 111 switches the display content from the enlarged display mode to the normal display mode.

Ｓ３２４において、ＣＰＵ１１１は、プレビュー画像２０２の画像の中心と、縮小したプレビュー表示領域２０１の領域の中心が同じ位置にくるようプレビュー画像２０２の表示位置を変更する。 In S324, the CPU 111 changes the display position of the preview image 202 so that the center of the preview image 202 and the center of the reduced preview display area 201 are aligned with each other.

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

具体的には、通常表示モードから拡大表示モードへの切替えは、ピンチアウト操作の開始（指を動かし出す）を検出したタイミングを条件とする。一方、拡大表示モードから通常表示モードへの切替えは、ピンチイン操作の終了（指を離す）を検出したタイミングを条件とする。通常表示モードと拡大表示モードの異なる二つの表示内容を双方向に切り替える際に、ピンチアウト操作の開始と、ピンチイン操作の終了という連続性のない条件にすることで、ちらつく現象が発生せず、快適な操作を提供できる。 Specifically, the switching from the normal display mode to the enlarged display mode is based on the timing of detecting the start of the pinch-out operation (starting to move the finger). 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 different display contents, the normal display mode and the enlarged display mode, the flickering phenomenon does not occur by setting the condition of the start of the pinch-out operation and the end of the pinch-in operation as discontinuous. Provides comfortable operation.

また、通常表示モードと拡大表示モードとの切替え条件を逆にしてもよい。すなわち、通常表示モードから拡大表示モードへの切替えは、ピンチアウト操作の終了（指を離す）を検出したタイミングを条件とする。そして、拡大表示モードから通常表示モードへの切替えについては、プレビュー画像２０２の表示サイズが所定の閾値に達したことのみを条件とし、ピンチイン操作の終了を条件としないようにしてもよい。 Also, the conditions for switching between the normal display mode and the enlarged display mode may be reversed. In other words, the switching from the normal display mode to the enlarged display mode is made conditional on the timing of detecting the end of the pinch-out operation (release of the finger). 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, and not on the end of the pinch-in operation.

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

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

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

上記実施形態の説明では、本発明を実施する装置の一例としてＭＦＰとしたが、本発明を実施する装置は、ＭＦＰに限定されるものではない。即ち、ＭＦＰに限らず、印刷装置やスキャナ、ＦＡＸ、デジタルカメラ等の画像形成装置や、ＰＣや携帯情報端末等の情報処理装置を含む、少なくとも画像データを処理することができる画像処理装置に本発明は適用可能である。 In the description of the above embodiments, the MFP is used as an example of the device that implements the present invention, but the device that implements the present invention is not limited to the MFP. That is, not only MFPs, but also image forming apparatuses such as printing apparatuses, scanners, facsimiles, and digital cameras, and information processing apparatuses such as PCs and personal digital assistants, can be applied to image processing apparatuses capable of processing at least image data. The invention is applicable.

また、本発明は、以下の処理を実行することによっても実現される。即ち、上述した実施形態の機能を実現するソフトウェア（コンピュータプログラム）を、ネットワーク又は各種記憶媒体を介してシステム或いは装置に供給する。そしてそのシステム或いは装置のコンピュータ（またはＣＰＵやＭＰＵ等）がプログラムを読み出して実行する処理である。この場合、そのプログラム、及び該プログラムを記憶した記憶媒体は本発明を構成することになる。 The present invention is also realized by executing the following processing. That is, software (computer program) that implements the functions of the above-described embodiments 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 touch panel 119 display

Claims (9)

タッチパネルを有する画像処理装置であって、
前記タッチパネルに対するユーザ操作を検知する検知手段と、
プレビュー画像を表示する第１の表示領域、および前記第１の表示領域とは異なる第２の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第２の表示領域を表示する第１の表示モードと、
前記第１の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第２の表示領域を表示しない第２の表示モードと、を切り替え可能な表示制御手段と、を有し、
前記表示制御手段は、
前記第１の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも２つの入力指示体が接触している状態から前記少なくとも２つの入力指示体の距離が広がったことが検知されると、前記第１の表示領域に表示されているプレビュー画像を拡大し、前記第１の表示モードで表示されている前記第２の表示領域を表示しないことで前記第２の表示モードに切り替えることを特徴とする画像処理装置。 An image processing device having a touch panel,
detection means for detecting a user operation on the touch panel;
A first display area for displaying a preview image, and a second display area different from the first display area, the second display area including at least a function key for issuing a print instruction to print the preview image. a first display mode for displaying the display area of
display control means capable of switching between a second display mode that displays a preview image that is larger than the preview image in the first display mode and that does not display the second display area; have
The display control means is
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 where the 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, thereby switching to the second display mode. An image processing apparatus characterized by: 前記表示制御手段は、
前記第２の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも２つの入力指示体が触れている状態から前記少なくとも２つの入力指示体の距離が狭まったことが検知されると、前記第１の表示領域に表示されているプレビュー画像を縮小し、
前記少なくとも２つの入力指示体のうちの少なくともいずれか一方が前記タッチパネルから離れたことが検知されると、非表示もしくは縮小表示された前記第２の表示領域を前記第１の表示モードの場合の前記第２の表示領域と同じ状態に表示することによって、前記第２の表示モードから前記第１の表示モードへ切り替えることを特徴とする請求項１に記載の画像処理装置。 The display control means is
It is detected by the detecting means that the distance between the at least two input indicators has narrowed from the state in which the at least two input indicators are touching the preview image displayed in the second display mode. and reducing the preview image displayed in the first display area,
When it is detected that at least one of the at least two input indicators has left the touch panel, the second display area that is hidden or displayed in a reduced size is changed to that in the first display mode. 2. The image processing apparatus according to claim 1, wherein said second display mode is switched to said first display mode by displaying in the same state as said second display area . 前記表示制御手段は、
前記第２の表示モード時において、前記少なくとも２つの入力指示体のうちの少なくともいずれか一方が前記第１の表示領域から離れたことを検知し、かつ、前記プレビュー画像の表示サイズが所定の閾値に達したことに従って、前記第２の表示モードから前記第１の表示モードへ切り替えることを特徴とする請求項１または２に記載の画像処理装置。 The display control means is
in the second display mode, detecting 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 set to a predetermined threshold value; 3. The image processing apparatus according to claim 1, wherein the display mode is switched from the second display mode to the first display mode in accordance with the fact that the display mode has reached . 前記表示制御手段は、
前記プレビュー画像を拡大するための拡大キーを表示し、
前記拡大キーを選択することによって前記プレビュー画像を拡大し、前記拡大キーは、前記第１の表示モードおよび前記第２の表示モードにおいて表示されることを特徴とする請求項１乃至３のいずれか一項に記載の画像処理装置。 The display control means is
displaying an enlargement key for enlarging the preview image;
4. 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. 1. The image processing device according to item 1 . 前記表示制御手段は、
前記第１の表示モードにおけるプレビュー画像の中心位置と、
前記第２の表示モードにおけるプレビュー画像の中心位置と、が同じになるように前記プレビュー画像を表示することを特徴とする請求項１乃至４のいずれか一項に記載の画像処理装置。 The display control means is
a center position of the preview image in the first display mode;
5. The image processing apparatus according to claim 1, wherein the preview image is displayed so that the center position of the preview image in the second display mode is the same . 前記第２の表示領域には、前記第１の表示領域に表示されているプレビュー画像のページを変更するための変更ボタン、前記第１の表示領域に表示されているプレビュー画像に該当するページを削除するための削除ボタン、の少なくとも一つが含まれることを特徴とする請求項１乃至５のいずれか１項に記載の画像処理装置。 The second display area includes a change button for changing the page of the preview image displayed in the first display area, and the page corresponding to the preview image displayed in the first display area. 6. 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 . 原稿上の画像を読み取ることにより画像を生成する読み取り手段を有することを特徴とする請求項１乃至６のいずれか１項に記載の画像処理装置。 7. The image processing apparatus according to any one of claims 1 to 6, further comprising reading means for generating an image by reading an image on a document . タッチパネルを有する画像処理装置として機能させるためのプログラムであって、
前記タッチパネルに対するユーザ操作を検知する検知手段と、
プレビュー画像を表示する第１の表示領域、および前記第１の表示領域とは異なる第２の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第２の表示領域を表示する第１の表示モードと、
前記第１の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第２の表示領域を表示しない第２の表示モードと、を切り替え可能な表示制御手段と、を有し、
前記表示制御手段は、
前記第１の表示モードで表示されている前記プレビュー画像に対し、前記検知手段により少なくとも２つの入力指示体が接触している状態から前記少なくとも２つの入力指示体の距離が広がったことが検知されると、前記第１の表示領域に表示されているプレビュー画像を拡大し、前記第１の表示モードで表示されている前記第２の表示領域を表示しないことで前記第２の表示モードに切り替えることを特徴とする画像処理装置として機能させるためのプログラム。 A program for functioning as an image processing device having a touch panel,
detection means for detecting a user operation on the touch panel;
A first display area for displaying a preview image, and a second display area different from the first display area, the second display area including at least a function key for issuing a print instruction to print the preview image. a first display mode for displaying the display area of
display control means capable of switching between a second display mode that displays a preview image that is larger than the preview image in the first display mode and that does not display the second display area; have
The display control means is
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 where the 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, thereby switching to the second display mode. A program for functioning as an image processing device characterized by: タッチパネルを有する画像処理装置の制御方法であって、
前記タッチパネルに対するユーザ操作を検知する検知ステップと、
プレビュー画像を表示する第１の表示領域、および前記第１の表示領域とは異なる第２の表示領域であって、前記プレビュー画像を印刷する印刷指示を行うためのファンクションキーを少なくとも含む前記第２の表示領域を表示する第１の表示モードと、
前記第１の表示モードである場合の前記プレビュー画像よりも拡大されたプレビュー画像を表示し、前記第２の表示領域を表示しない第２の表示モードと、を切り替え可能な表示制御ステップと、を有し、
前記表示制御ステップは、
前記第１の表示モードで表示されている前記プレビュー画像に対し、前記検知ステップにより少なくとも２つの入力指示体が接触している状態から前記少なくとも２つの入力指示体の距離が広がったことが検知されると、前記第１の表示領域に表示されているプレビュー画像を拡大し、前記第１の表示モードで表示されている前記第２の表示領域を表示しないことで前記第２の表示モードに切り替えることを特徴とする画像処理装置の制御方法。 A control method for an image processing apparatus having a touch panel, comprising:
a detection step of detecting a user operation on the touch panel;
A first display area for displaying a preview image, and a second display area different from the first display area, the second display area including at least a function key for issuing a print instruction to print the preview image. a first display mode for displaying the display area of
a display control step capable of switching between a second display mode in which a preview image that is larger than the preview image in the first display mode is displayed and the second display area is not displayed; have
The display control step includes:
With respect to the preview image displayed in the first display mode, it is detected by the detecting step that the distance between the at least two input indicators has increased from the state where the 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, thereby switching to the second display mode. A control method for an image processing apparatus, characterized by:
JP2022191863A 2022-07-19 2022-11-30 Image processing device, method for controlling image processing device, and program Pending JP2023014240A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2022191863A JP2023014240A (en) 2022-07-19 2022-11-30 Image processing device, method for controlling image processing device, and program

Applications Claiming Priority (2)

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

Related Parent 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
JP2023014240A true JP2023014240A (en) 2023-01-26
JP2023014240A5 JP2023014240A5 (en) 2023-05-16

Family

ID=83156014

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2022191863A Pending JP2023014240A (en) 2022-07-19 2022-11-30 Image processing device, method for controlling image processing device, and program

Country Status (1)

Country Link
JP (1) JP2023014240A (en)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010266961A (en) * 2009-05-12 2010-11-25 Sony Corp Information processor, information processing method and information processing program
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
WO2013133902A1 (en) * 2012-03-06 2013-09-12 Apple Inc. Application for creating photo albums
JP2013235450A (en) * 2012-05-09 2013-11-21 Canon Inc Information processing apparatus, and control method and program of information processing apparatus
JP2014137668A (en) * 2013-01-16 2014-07-28 Azbil Corp Information display apparatus, method and program

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010266961A (en) * 2009-05-12 2010-11-25 Sony Corp Information processor, information processing method and information processing program
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
WO2013133902A1 (en) * 2012-03-06 2013-09-12 Apple Inc. Application for creating photo albums
JP2013235450A (en) * 2012-05-09 2013-11-21 Canon Inc Information processing apparatus, and control method and program of information processing apparatus
JP2014137668A (en) * 2013-01-16 2014-07-28 Azbil Corp Information display apparatus, method and program

Similar Documents

Publication Publication Date Title
US11057532B2 (en) Image processing apparatus, control method for image processing apparatus, and storage medium
US9076085B2 (en) Image processing apparatus, image processing apparatus control method, and storage medium
RU2610290C2 (en) Information processing device, information processing method and related program
JP5882779B2 (en) Image processing apparatus, image processing apparatus control method, and program
JP6161418B2 (en) Image forming apparatus, method for controlling image forming apparatus, and computer program
JP6053332B2 (en) Information processing apparatus, information processing apparatus control method, and program
US10228843B2 (en) Image processing apparatus, method of controlling image processing apparatus, and recording medium
US9124739B2 (en) Image forming apparatus, page image displaying device, and display processing method
JP6840571B2 (en) Image processing device, control method of image processing device, and program
JP6053291B2 (en) Image processing apparatus, image processing apparatus control 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
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
JP2023014240A (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
JP2019145183A (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
JP6541836B2 (en) INFORMATION PROCESSING APPARATUS, CONTROL METHOD THEREOF, AND PROGRAM
JP2023066667A (en) Information processing device, control method, and program
JP2023045449A (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
JP2017194874A (en) Image formation apparatus, control method, program and operation input device

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20221130

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20230508

A871 Explanation of circumstances concerning accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A871

Effective date: 20230515

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20230704

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20230901

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20231128

RD01 Notification of change of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7421

Effective date: 20231213