JP2017123055A

JP2017123055A - Image processing apparatus, preview image display control method, and computer program

Info

Publication number: JP2017123055A
Application number: JP2016001753A
Authority: JP
Inventors: 洋平正垣; Yohei Masagaki
Original assignee: Canon Inc
Current assignee: Canon Inc
Priority date: 2016-01-07
Filing date: 2016-01-07
Publication date: 2017-07-13

Abstract

PROBLEM TO BE SOLVED: To enable, in changing the display positions of a plurality of preview images, a user to intuitively understand the relationship between the preview images after the change.SOLUTION: In changing the display positions of preview images according to a flick operation (S303), an image processing apparatus determines whether the preview images are displayed while enlarged from an initial display size (S304), when the preview images are displayed but not enlarged, corrects the display positions of the preview images after the change to predetermined positions, for example, to the center part of a preview display area and displays the preview images in animation to be stopped at the positions (S305), and when the preview images are displayed while enlarged, does not perform the correction and stops the animation at a position according to the amount of flick (S306).SELECTED DRAWING: Figure 3

Description

本発明は、プレビュー画像を表示可能な画像処理装置に関する。 The present invention relates to an image processing apparatus capable of displaying a preview image.

タッチパネルや大型のディスプレイを備えた画像処理装置が一般的に提供されている。そのような画像処理装置は、ディスプレイ上の表示をタッチ操作により表示制御を行う。特許文献１は、タッチ操作により、ディスプレイ上に表示している画像を含むオブジェクトを拡大、移動、回転して表示する画像処理装置を開示している。この画像処理装置では、ピンチ操作などでオブジェクトを拡大している間、当該オブジェクトを低解像度で表示する。低解像度で表示されるオブジェクトとしてプレビュー画像がある。プレビュー画像は、例えばプリンタで印刷する前に、印刷された状態をシミュレートし、画面上で確認する画像である。プレビュー画像は拡大表示したり、スクロール表示することができる。特許文献２に開示された画像形成装置では、プレビュー画像を拡大表示した状態でスクロールする際に、表示領域から逸脱するプレビュー画像については、それを表示領域に戻す制御を行っている。 An image processing apparatus having a touch panel or a large display is generally provided. Such an image processing apparatus controls display on a display by a touch operation. Patent Document 1 discloses an image processing apparatus that displays an object including an image displayed on a display by enlarging, moving, and rotating by a touch operation. In this image processing apparatus, the object is displayed at a low resolution while the object is enlarged by a pinch operation or the like. There is a preview image as an object displayed at a low resolution. The preview image is an image to be checked on the screen by simulating the printed state before printing with a printer, for example. The preview image can be enlarged or scrolled. In the image forming apparatus disclosed in Patent Document 2, when scrolling in a state in which a preview image is enlarged, a preview image deviating from the display area is controlled to be returned to the display area.

米国特許第７８１２８２６号U.S. Pat. No. 7,812,826 特開２０１４−１９１６２５号公報JP 2014-191625 A

特許文献１に開示された画像処理装置は、プレビュー画像を表示する際のユーザの操作性については考慮されていない。また、プレビュー画像が拡大表示されているときの表示制御については考慮されていない。特許文献２に開示された画像形成装置は、特許文献１の課題を解決することはできるが、当該プレビュー画像のほかに他のプレビュー画像が存在するときの全体の位置関係の把握が容易ではない。そのため、ユーザはプレビュー画像の表示内容を直感的に理解できないという課題が残る。
本発明は、ユーザが直感的にプレビュー画像の表示内容を理解し、操作性を高めることができる画像処理装置の提供を主たる目的とする。 The image processing apparatus disclosed in Patent Document 1 does not consider user operability when displaying a preview image. Further, display control when the preview image is displayed in an enlarged manner is not taken into consideration. The image forming apparatus disclosed in Patent Literature 2 can solve the problem of Patent Literature 1, but it is not easy to grasp the overall positional relationship when there is another preview image in addition to the preview image. . Therefore, the problem remains that the user cannot intuitively understand the display content of the preview image.
An object of the present invention is to provide an image processing apparatus that allows a user to intuitively understand the display content of a preview image and improve operability.

本発明の実施の一態様によれば、プレビュー画像を表示する表示手段と、表示された前記プレビュー画像に対する操作を受け付ける入力手段と、入力された操作に応じて前記プレビュー画像の表示位置を変更するとともに、前記プレビュー画像が初期表示サイズで表示されているときは前記操作により変更された前記プレビュー画像の表示位置を所定位置に補正し、前記プレビュー画像が初期表示サイズよりも拡大表示されているときは前記補正を制限する制御手段と、を有する画像処理装置が得られる。 According to an embodiment of the present invention, a display unit that displays a preview image, an input unit that receives an operation on the displayed preview image, and a display position of the preview image is changed according to the input operation. In addition, when the preview image is displayed in the initial display size, the display position of the preview image changed by the operation is corrected to a predetermined position, and the preview image is displayed in an enlarged size than the initial display size. And an image processing apparatus having control means for limiting the correction.

本発明の画像処理装置によれば、ユーザが直感的にプレビュー画像の理解ができるようになる。そのため、ユーザの操作性が高まるという効果がある。 According to the image processing apparatus of the present invention, the user can intuitively understand the preview image. Therefore, there is an effect that user operability is improved.

本実施形態の画像処理装置のハードウェア構成例を示す図。1 is a diagram illustrating an example of a hardware configuration of an image processing apparatus according to an embodiment. （ａ），（ｂ）はプレビュー画面に示されたプレビュー画像の例示図。(A), (b) is an illustration figure of the preview image shown on the preview screen. 本実施形態の表示制御方法の処理手順を示すフローチャート。The flowchart which shows the process sequence of the display control method of this embodiment. （ａ）〜（ｄ）はプレビュー画面におけるプレビュー画像の例示図。(A)-(d) is an illustration figure of the preview image in a preview screen.

以下、本発明を、ＭＦＰ（Multi Function Peripheral）に適用した場合の実施の形態例を説明する。図１は、ＭＦＰのハードウェア構成図である。ＭＦＰ１０１は、システムバス１１０に、ＣＰＵ１１１、ＲＡＭ１１２、ＲＯＭ１１３、入力部１１４、表示制御部１１５、外部メモリＩ／Ｆ１１６、通信Ｉ／Ｆコントローラ１１７を接続したコンピュータを備えている。入力部１１４には、タッチパネル１１８が接続されている。表示制御部１１５にはディスプレイ１１９が接続されている。外部メモリＩ／Ｆ１１６には、外部メモリ１２０が接続されている。システムバス１１０には、また、スキャナ１２１及びプリンタ１２２も接続されている。 Embodiments of the present invention applied to an MFP (Multi Function Peripheral) will be described below. FIG. 1 is a hardware configuration diagram of the MFP. The MFP 101 includes a computer in which a CPU 111, a RAM 112, a ROM 113, an input unit 114, a display control unit 115, an external memory I / F 116, and a communication I / F controller 117 are connected to a system bus 110. A touch panel 118 is connected to the input unit 114. A display 119 is connected to the display control unit 115. An external memory 120 is connected to the external memory I / F 116. A scanner 121 and a printer 122 are also connected to the system bus 110.

ＣＰＵ（Central Processing Unit）１１１は、本発明のコンピュータプログラムを実行することにより、ＭＦＰ１０１における画像処理に関する制御を行う制御手段として機能する。ＲＯＭ（Read Only Memory）１１３は、不揮発性のメモリである。ＲＯＭ１１３には、画像データやその他のデータ、ＣＰＵ１１１が動作するための各種プログラムなどがそれぞれ所定の領域に格納される。ＲＡＭ（Random Access Memory）１１２は、揮発性のメモリであり、ＣＰＵ１１１の主メモリ、ワークエリア等の一時記憶領域として用いられる。なお、ＣＰＵ１１１が動作するためのコンピュータプログラムは、ＲＯＭ１１３に限らず、外部メモリ（ハードディスク等）１２０に予め記憶しておいてもよい。 A CPU (Central Processing Unit) 111 functions as a control unit that performs control related to image processing in the MFP 101 by executing the computer program of the present invention. A ROM (Read Only Memory) 113 is a nonvolatile memory. The ROM 113 stores image data, other data, various programs for operating the CPU 111, and the like in predetermined areas. A RAM (Random Access Memory) 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. A computer program for operating the CPU 111 may be stored in advance in the external memory (hard disk or the like) 120 without being limited to the ROM 113.

入力部１１４は、ユーザ操作を受け付け、操作に応じた制御信号を生成し、ＣＰＵ１１１に供給する入力手段として機能する。例えば、入力部１１４は、入力デバイスとして機能するタッチパネル１１８からユーザのジェスチャ操作を受け付ける。ただし、ジェスチャ操作に限定されるものではなく、図示しないキーボード、マウスなどを入力デバイスとして用いても良い。タッチパネル１１８は、例えば平面的に構成された入力部に対して接触された位置に応じた座標情報が出力されるようにした公知のデバイスである。ＣＰＵ１１１は、入力デバイスに対してなされたユーザ操作に応じて入力部１１４からの制御信号に基づき、ＭＦＰ１０１の各部を制御する。これにより、ＭＦＰ１０１はユーザ操作に応じた各種画像処理に関する処理を実行することができる。 The input unit 114 functions as an input unit that receives a user operation, generates a control signal corresponding to the operation, and supplies the control signal to the CPU 111. For example, the input unit 114 receives a user's gesture operation from the touch panel 118 that functions as an input device. However, the operation is not limited to the gesture operation, and an unillustrated keyboard, mouse, or the like may be used as the input device. The touch panel 118 is a known device that outputs coordinate information corresponding to a position touched with respect to an input unit configured in a planar manner, for example. The CPU 111 controls each unit of the MFP 101 based on a control signal from the input unit 114 in accordance with a user operation performed on the input device. Accordingly, the MFP 101 can execute processing related to various image processing in accordance with the user operation.

表示制御部１１５は、表示デバイスの一例となるディスプレイ１１９に対して画像を表示させるための表示信号を出力する。例えば、ＣＰＵ１１１は、表示制御信号を表示制御部１１５に供給する。表示制御部１１５は、この表示制御信号に基づき表示信号を生成してディスプレイ１１９に出力する。例えば、表示制御部１１５は、ＣＰＵ１１１が生成する表示制御信号に基づき、ＧＵＩ（Graphical User Interface）を構成するＧＵＩ画面をディスプレイ１１９に表示させる。 The display control unit 115 outputs a display signal for displaying an image on the display 119 as an example of a display device. For example, the CPU 111 supplies a display control signal to the display control unit 115. The display control unit 115 generates a display signal based on the display control signal and outputs the display signal 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 a display control signal generated by the CPU 111.

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

外部メモリＩ／Ｆ１１６には、例えばハードディスク、ＣＤ（Compact Disc）、ＤＶＤ（Digital Versatile Disc）、ＵＳＢ（Universal Serial Bus）メモリ等の外部メモリ１２０が装着可能である。外部メモリＩ／Ｆ１１６は、ＣＰＵ１１１の制御に基づき、装着された外部メモリ１２０からデータを読み出し、外部メモリ１２０にデータを書き込む。通信Ｉ／Ｆコントローラ１１７は、ＣＰＵ１１１の制御に基づき、例えばＬＡＮ（Local Area Network）やインターネット、有線、無線等の各種ネットワーク１０２に対する通信を行う。ネットワーク１０２には、パーソナルコンピュータや他のＭＦＰ、プリンタ、サーバ等、様々な装置がＭＦＰ１０１と通信可能に接続される。スキャナ１２１は原稿を読み取り、画像データを生成する。プリンタ１２２は、入力部１１４を介して入力されたユーザの指示や通信Ｉ／Ｆコントローラ１１７を介して外部装置から入力されたコマンドに基づいて、印刷処理を実行する。 An external memory 120 such as a hard disk, a CD (Compact Disc), a DVD (Digital Versatile Disc), or a USB (Universal Serial Bus) memory can be attached to the external memory I / F 116, for example. The external memory I / F 116 reads data from the attached external memory 120 and writes data to the external memory 120 based on the control of the CPU 111. The communication I / F controller 117 performs communication with various networks 102 such as a LAN (Local Area Network), the Internet, wired, and wireless based on the control of the CPU 111. Various devices such as a personal computer, another MFP, a printer, and a server are connected to the network 102 so as to be communicable with the MFP 101. The scanner 121 reads a document and generates image data. The printer 122 executes print processing based on a user instruction input via the input unit 114 or a command input from an external device via the communication I / F controller 117.

ＣＰＵ１１１は、タッチパネル１１８への例えば以下のジェスチャ操作や状態を認識することができる。
・タッチダウン：ユーザがタッチパネルを指やペンで触れたこと
・タッチオン：ユーザがタッチパネルを指やペンで触れている状態であること
・ムーブ：タッチパネルに触れられたまま指やペンが移動していること
・タッチアップ：ユーザがタッチパネルへ触れていた指やペンを離したこと
・タッチオフ：タッチパネルに何も触れていない状態
これらのジェスチャ操作やタッチパネル１１８上に指やペンが触れている位置座標はシステムバス１１０を通じてＣＰＵ１１１に通知される。ＣＰＵ１１１は、通知された情報に基づいてタッチパネル１１８を通じて入力された操作を認識する。例えば、タッチパネル１１８において移動する指やペンの移動方向は、位置座標の変化に基づいて、垂直成分・水平成分毎のムーブと認識する。また、タッチダウンから一定のムーブを経てタッチアップをしたとき、ストロークを描いたと認識する。素早くストロークを描く操作をフリック操作と呼ぶ。フリック操作は、タッチパネル上に指を触れたままある程度の距離だけ素早く動かして、そのまま離すといった操作である。言い換えればタッチパネル１１８上を指ではじくように素早くなぞる操作がフリック操作である。ＣＰＵ１１１は、所定距離以上を、所定速度以上でムーブしたことを検出し、そのままタッチアップを検出すると、フリック操作がなされたと認識する。また、所定距離以上のムーブが検出され、そのままタッチオンが検出されている場合には、ドラッグ操作がなされたと認識する。 The CPU 111 can recognize, for example, the following gesture operations and states on the touch panel 118.
-Touchdown: The user touches the touch panel with a finger or pen.-Touch-on: The user touches the touch panel with a finger or pen.-Move: The finger or pen moves while touching the touch panel.・ Touch-up: The user has released the finger or pen that was touching the touch panel. ・ Touch-off: No touch on the touch panel. These gesture operations and the position coordinates where the finger or pen touches the touch panel 118 are the system. The CPU 111 is notified through the bus 110. The CPU 111 recognizes an operation input through the touch panel 118 based on the notified information. For example, the moving direction of a finger or pen moving on the touch panel 118 is recognized as a move for each vertical component / horizontal component based on a change in position coordinates. Also, when a touch-up is made after a certain move from touchdown, it is recognized that a stroke is drawn. The operation of drawing a stroke quickly is called a flick operation. The flick operation is an operation of quickly moving a certain distance while touching a finger on the touch panel and releasing it. In other words, an operation of quickly tracing the touch panel 118 with a finger is a flick operation. The CPU 111 detects that a flick operation has been performed when it detects that a predetermined distance or more has been moved at a predetermined speed or more and detects a touch-up as it is. In addition, when a move of a predetermined distance or more is detected and touch-on is detected as it is, it is recognized that a drag operation has been performed.

次に、ＭＦＰ１０１によるプレビュー機能について説明する。プレビュー機能とは、例えばプリンタで印刷する前に、印刷された状態をシミュレートし、画面上で確認する機能である。そのような画面をプレビュー画面と呼ぶ。ＣＰＵ１１１は、一または複数のページを含むプレビュー画面をディスプレイ１１９に表示させる。すなわち、ＣＰＵ１１１は、ＲＡＭ１１２などに保存された画像データから、ディスプレイ１１９で表示するのに適したフォーマットの画像データを生成する。このようなフォーマットの画像データをプレビュー画像と呼ぶ。なお、プレビュー画像は、複数のページから構成されていてもよく、その場合にはページ毎にプレビュー画像が生成される。プレビュー機能は、プリンタ１２２による印刷前のプレビューに限らず、保存されている画像データの内容を確認する目的で、あらゆる用途に適用することができる。 Next, the preview function by the MFP 101 will be described. The preview function is a function of simulating a printed state and confirming it on the screen before printing with a printer, for example. Such a screen is called a preview screen. The CPU 111 causes the display 119 to display a preview screen including one or more pages. That is, the CPU 111 generates image data in a format suitable for display on the display 119 from the image data stored in the RAM 112 or the like. Image data in such a format is called a preview image. Note that the preview image may be composed of a plurality of pages. In that 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 various uses for the purpose of confirming the content of stored image data.

ＭＦＰ１０１は、一つ以上の保存方法によりプレビュー画像をＲＡＭ１１２もしくは外部メモリ１２０に保存することができる。例えば、ＭＦＰ１０１は、スキャナ１２１によって読み取られた原稿から生成された画像データをプレビュー画像として保存する。あるいは、ＭＦＰ１０１は、通信Ｉ／Ｆコントローラ１１７を介してネットワーク１０２上に接続されている外部装置から受信した画像データをプレビュー画像として保存する。あるいは、ＭＦＰ１０１は、外部メモリＩ／Ｆ１１６に装着された可搬型の記憶媒体（ＵＳＢメモリやメモリーカード等）から受信した画像データをプレビュー画像として保存する。その他、ＭＦＰ１０１は、別の保存方法によってプレビュー画像を外部メモリ１２０に保存してもよい。 The MFP 101 can save the preview image in the RAM 112 or the external memory 120 by one or more saving methods. For example, the MFP 101 stores image data generated from a document read by the scanner 121 as a preview image. Alternatively, the MFP 101 stores image data received from an external device connected to the network 102 via the communication I / F controller 117 as a preview image. Alternatively, the MFP 101 stores image data received from a portable storage medium (such as a USB memory or a memory card) attached to the external memory I / F 116 as a preview image. In addition, the MFP 101 may save the preview image in the external memory 120 by another saving method.

なお、プレビュー画像はスキャナ１２１によって読み取られた原稿に対し、印刷設定内容を含む各種設定内容が反映された画像データであってもよい。また、画像データには文字情報などが含まれていてもよい。プレビュー画像は予め内部に保存されたサンプルイメージであってもよい。 Note that the preview image may be image data in which various settings including the print settings are reflected on the document read by the scanner 121. The image data may include character information and the like. The preview image may be a sample image stored inside in advance.

図２は、プレビュー画面の例示図である。図示されたプレビュー画面２００には、相互に関連する複数ページのプレビュー画像「ＡＡＡＡ」、「ＢＢＢＢ」、「ＣＣＣＣ」がタイル表示されている。「タイル表示」は同じ形、大きさのものを縦と横の少なくとも一方に規則正しく表示される表示形態である。
ＭＦＰ１０１では、例えば携帯端末に付属のカメラにより撮像される写真などと異なり、相互に関連する複数ページの原稿画像を扱う。そのため、画像のサイズが同じである。また、ページ間のつながり（連続性など）が重要となる。タイル表示は、前後ページの連続性があり、見たいページの特定がしやすくなる利点があり、他ページに移動しても、移動元と移動先が直感的にわかる。あるページが拡大表示されている状態は当該ページの詳細をよく見たい用途であることが強く推認される。そのため、当該ページは誤った操作などにより他のページへ移動されないことが望ましい。また、前後ページの連続性があることから、拡大表示されていても拡大率を維持する方が使いやすいし、自分がどの部分を見ているのかという表示位置を見失わずに済む。他方、拡大表示されていない状態では、ユーザが所望のページを見つけやすくなる。なおかつ、ページ削除などの機能を実行する際に、どのページに対して削除が実行されるかわかりやすくなる。そのため、本実施形態では、タイル表示されたプレビュー画像が拡大表示されているか否かに応じて、プレビュー画像の移動後の表示態様を変えるように制御する。 FIG. 2 is an exemplary view of a preview screen. On the illustrated preview screen 200, a plurality of mutually related preview images “AAAA”, “BBBB”, and “CCCC” are tiled. “Tile display” is a display form in which the same shape and size are regularly displayed in at least one of the vertical and horizontal directions.
In the MFP 101, for example, unlike a photograph taken by a camera attached to a portable terminal, a plurality of pages of document images related to each other are handled. Therefore, the image size is the same. Also, the connection between pages (continuity, etc.) is important. Tile display has the advantage of having continuity between previous and next pages, making it easy to identify the page you want to see, and even if you move to another page, you can intuitively know the source and destination. It is strongly inferred that a state in which a certain page is displayed in an enlarged manner is an application in which the details of the page are desired to be viewed well. Therefore, it is desirable that the page is not moved to another page due to an erroneous operation or the like. In addition, since there is continuity between the front and back pages, it is easier to maintain the enlargement ratio even if it is enlarged, and it is not necessary to lose sight of the display position indicating which part of the page is being viewed. On the other hand, in a state where the display is not enlarged, the user can easily find a desired page. In addition, when a function such as page deletion is executed, it is easy to understand which page is deleted. For this reason, in the present embodiment, control is performed so as to change the display mode after the preview image is moved, in accordance with whether or not the tiled preview image is displayed in an enlarged manner.

プレビュー画面２００には、プレビュー表示領域２０１、プレビュー画像２０２、閉じるボタン２０３が形成されている。また、送信指示ボタン２０４、プリント指示ボタン２０５、プレビュー画像拡大ボタン２０６、ページ数表示領域２０７、ページ戻るボタン２０８、ページ進むボタン２０９、ページ削除ボタン２１０が形成されている。さらに、ファイル種類表示領域２１１、ファイル名表示領域２１２、ナビゲーション領域２１７、ページ制御領域２１８なども形成される場合がある。 On the preview screen 200, a preview display area 201, a preview image 202, and a close button 203 are formed. Further, a transmission instruction button 204, a print instruction button 205, a preview image enlargement button 206, a page number display area 207, a page return button 208, a page advance button 209, and a page delete button 210 are formed. Further, a file type display area 211, a file name display area 212, a navigation area 217, a page control area 218, and the like may be formed.

プレビュー表示領域２０１は、プレビュー画像２０２を表示するための表示領域であり、タッチパネル１１８を通じてユーザのジェスチャ操作を受け付ける領域でもある。プレビュー画像２０２でもよいが、複数ページのプレビュー画像２０２を表示する場合もある。この場合は、タイル配列で表示する。図２の例では、プレビュー表示領域２０１に、３ページ分のプレビュー画像２０２がタイル表示されている。なお、図２には、プレビュー表示領域２０１の端に各プレビュー画像２０２の一部分だけが表示されているが、サイズや配列関係を調整して一部分ではなく全体を表示するよう配置してもよい。 The preview display area 201 is a display area for displaying the preview image 202 and is also an area for accepting a user's gesture operation through the touch panel 118. Although the preview image 202 may be used, a preview image 202 having a plurality of pages may be displayed. In this case, it is displayed in a tile arrangement. In the example of FIG. 2, preview images 202 for three pages are tiled in the preview display area 201. In FIG. 2, only a part of each preview image 202 is displayed at the end of the preview display area 201, but it may be arranged to display not the whole but the whole by adjusting the size and arrangement relationship.

タッチパネル１１８は、プレビュー表示領域２０１に対するジェスチャ操作の入力を受け付ける。ジェスチャ操作には、上記のほかに、フリック操作、ドラッグ操作、タッチパネル上で２点以上をタッチした状態（タッチダウン）からそれらの間隔を広げる操作であるピンチアウトなどがある。逆に間隔を狭める操作であるピンチインもある。もちろん、これ以外の操作をジェスチャ操作として認識できるようにしてもよい。ジェスチャ操作を受け付ける領域はプレビュー表示領域２０１の近傍の領域を含めたものであっても構わない。図２に示されるプレビュー画像２０２は、保存されている画像データを適切なサイズに縮小・拡大された画像である。ただし、画像データに対する印刷設定を含む各種設定に基づいて作成された画像であってもよい。 Touch panel 118 accepts an input of a gesture operation for preview display area 201. In addition to the above, the gesture operation includes a flick operation, a drag operation, and a pinch out that is an operation of increasing the interval between touching two or more points on the touch panel (touch down). Conversely, there is also pinch-in, which is an operation for narrowing the interval. Of course, other operations may be recognized as gesture operations. The area for accepting the gesture operation may include an area near the preview display area 201. A preview image 202 shown in FIG. 2 is an image obtained by reducing and enlarging stored image data to an appropriate size. However, it may be an image created based on various settings including print settings for image data.

閉じるボタン２０３は、プレビュー画面２００を閉じて別の画面に遷移させるためのボタンである。ユーザが閉じるボタンを押下することにより、ＣＰＵ１１１は、プレビュー機能を終了させる。送信指示ボタン２０４は、表示されているプレビュー画像２０２に対応する画像データの送信を指示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１はネットワーク１０２上に接続されている外部装置に対して、画像データの送信処理を行うことができる。また、プレビュー画面２００を閉じ、別の画面に遷移させる場合もある。プレビュー画面２００へ遷移する前に送信に関する設定がされていない状態では、ＣＰＵ１１１は送信指示ボタン２０４は非表示となる。プレビュー画面２００には、送信処理を中止するための中止ボタン（不図示）も用意されている。ユーザがこのボタンを押下することによって、ＣＰＵ１１１は送信処理を中止し、プレビュー画面２００を閉じ、別の画面に遷移させる。プレビュー画面２００へ遷移する前に送信に関する設定がされていない状態ではＣＰＵ１１１は中止ボタンを非表示にする。中止ボタンを表示している場合、閉じるボタン２０３は非表示となる。 The close button 203 is a button for closing the preview screen 200 and making a transition to another screen. When the user presses the close button, the CPU 111 ends the preview function. The transmission instruction button 204 is a button for instructing transmission of image data corresponding to the displayed preview image 202. When the user presses this button, the CPU 111 can perform image data transmission processing on an external device connected to the network 102. In some cases, the preview screen 200 is closed and the screen is changed to another screen. In a state where transmission is not set before the transition to the preview screen 200, the CPU 111 hides the transmission instruction button 204. The preview screen 200 also includes a cancel button (not shown) for canceling the transmission process. When the user presses this button, the CPU 111 stops the transmission process, closes the preview screen 200, and makes a transition to another screen. The CPU 111 hides the cancel button in a state where the transmission setting is not made before the transition to the preview screen 200. When the cancel button is displayed, the close button 203 is not displayed.

プリント指示ボタン２０５は、表示されているプレビュー画像２０２に対応する画像データの印刷を指示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１はプリンタ１２２に印刷処理を指示する。指示後はプレビュー画面２００を閉じ、別の画面に遷移させる。ＣＰＵ１１１は、印刷に関する設定がされていない状態ではプリント指示ボタン２０５を非表示にする。プレビュー画像拡大ボタン２０６は、プレビュー表示領域２０１に表示している複数のプレビュー画像２０２を拡大表示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１は複数のプレビュー画像２０２の表示サイズを拡大し、プレビュー表示領域２０１に表示する。その際の拡大率は予め設定されているものであるが、表示後にも変更が可能である。ページ数表示領域２０７は、画像データの総ページ数と、現在表示しているプレビュー画像２０２が何ページ目であるかを示す表示領域である。ＣＰＵ１１１は、複数のプレビュー画像２０２のうち、プレビュー表示領域２０１の所定位置、例えば中央部の位置に配置されているプレビュー画像２０２に対し、それが何ページ目のプレビュー画像２０２であるかを判断する。そして、総ページ数に対する当該ページ番号をページ数表示領域２０７へ表示する。プレビュー表示領域２０１の最も左側に配置しているプレビュー画像２０２のページ番号を表示する構成であっても構わない。なお、プレビュー表示領域２０１の中央部という場合、中心点から一定の拡がりをもつ領域範囲をいうものとする（以下同じ）。 A print instruction button 205 is a button for instructing printing of image data corresponding to the displayed preview image 202. When the user presses this button, the CPU 111 instructs the printer 122 to perform printing processing. After the instruction, the preview screen 200 is closed and a transition is made to another screen. The CPU 111 hides the print instruction button 205 in a state where settings relating to printing are not made. The preview image enlargement button 206 is a button for enlarging and displaying a plurality of preview images 202 displayed in the preview display area 201. When the user presses this button, the CPU 111 enlarges the display size of the plurality of preview images 202 and displays them in the preview display area 201. In this case, the enlargement ratio is set in advance, but can be changed after the display. A page number display area 207 is a display area that indicates the total number of pages of image data and the page number of the currently displayed preview image 202. The CPU 111 determines which page of the preview image 202 is the preview image 202 arranged at a predetermined position of the preview display area 201, for example, the central portion of the plurality of preview images 202. . Then, the page number corresponding to the total number of pages is displayed in the page number display area 207. The page number of the preview image 202 arranged on the leftmost side of the preview display area 201 may be displayed. Note that the central portion of the preview display area 201 refers to an area range having a certain spread from the center point (the same applies hereinafter).

ページ戻るボタン２０８は、表示しているプレビュー画像２０２の前ページを表示するためのボタンである。ユーザがこのボタンを押下することにより、ＣＰＵ１１１は、プレビュー表示領域２０１の中央部に配置されているプレビュー画像２０２の前ページに該当するプレビュー画像２０２と入れ替える。つまり、プレビュー表示領域２０１の中央部に配置されるよう表示内容を更新する。ページ進むボタン２０９は、表示しているプレビュー画像２０２の次ページを表示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１はプレビュー表示領域２０１の中央部に配置されているプレビュー画像２０２の次ページに該当するプレビュー画像２０２と入れ替える。つまり、プレビュー表示領域２０１の中央部に配置されるよう表示内容を更新する。ページ削除ボタン２１０は、所定位置（プレビュー表示領域２０１の中央部）に配置して表示しているページのプレビュー画像２０２を削除するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１は該当ページのプレビュー画像２０２を削除するか否かを選択させる削除確認画面（不図示）をプレビュー画面２００の上に重ねるように表示する。 The page return button 208 is a button for displaying the previous page of the preview image 202 being displayed. When the user presses this button, the CPU 111 replaces the preview image 202 corresponding to the previous page of the preview image 202 arranged in the center of the preview display area 201. That is, the display content is updated so as to be arranged at the center of the preview display area 201. The page advance button 209 is a button for displaying the next page of the displayed preview image 202. When the user presses this button, the CPU 111 replaces the preview image 202 corresponding to the next page of the preview image 202 arranged at the center of the preview display area 201. That is, the display content is updated so as to be arranged at the center of the preview display area 201. The page deletion button 210 is a button for deleting the preview image 202 of the page that is arranged and displayed at a predetermined position (the central portion of the preview display area 201). When the user presses this button, the CPU 111 displays a deletion confirmation screen (not shown) for selecting whether or not to delete the preview image 202 of the corresponding page so as to overlap the preview screen 200.

ファイル種類表示領域２１１は、表示しているプレビュー画像２０２ないし画像データに関連付けられたファイル種類を表示する領域である。画像データのフォーマットがＰＤＦで構成されている場合は、ＣＰＵ１１１はＰＤＦの画像をファイル種類表示領域２１１に表示する。画像データのフォーマットがＪＰＥＧで構成されている場合は、ＪＰＥＧの画像を表示する。ファイル種類が画像データに関連付けられていない場合は、ＣＰＵ１１１はファイル種類表示領域２１１を非表示にする。 The file type display area 211 is an area for displaying a file type associated with the displayed preview image 202 or image data. When the format of the image data is PDF, the CPU 111 displays the PDF image in the file type display area 211. If the image data format is JPEG, a JPEG image 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 a file name associated with image data corresponding to the displayed preview image 202. If the file name is not associated with the image data, the CPU 111 hides the file name display area 212. The navigation area 217 is an area where a close button 203, a transmission instruction button 204, and a print instruction button 205 are on. The buttons and areas 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 transmission instruction button 204, and the print instruction button 205 are also hidden.

ページ制御領域２１８は、ページ数表示領域２０７、ページ戻るボタン２０８、ページ進むボタン２０９、ページ削除ボタン２１０が乗っている領域である。ページ制御領域２１８上にあるボタンおよび領域は、ページ制御領域２１８の表示条件と関連付けられている。ページ制御領域２１８を非表示にすると、合わせて、ページ数表示領域２０７、ページ戻るボタン２０８、ページ進むボタン２０９、ページ削除ボタン２１０は非表示になる。
ここでユーザのピンチアウト操作によるプレビュー画像２０２の拡大表示を行う制御について説明する。本実施形態において、ユーザはプレビュー表示領域２０１を指やペンでタッチしてピンチアウト操作を行うことによって、プレビュー画像２０２を拡大表示することができる。 The page control area 218 is an area on which a page number display area 207, a page return button 208, a page advance button 209, and a page delete button 210 are placed. Buttons and areas on the page control area 218 are associated with display conditions of the page control area 218. When the page control area 218 is hidden, the page number display area 207, the page return button 208, the page advance button 209, and the page delete button 210 are also hidden.
Here, control for performing enlarged display of the preview image 202 by the user's pinch-out operation will be described. In the present embodiment, the user can enlarge the preview image 202 by touching the preview display area 201 with a finger or a pen and performing a pinch-out operation.

ＣＰＵ１１１は、プレビュー表示領域２０１に対するピンチアウト操作が入力されると、２点以上のタッチ位置の間隔の変化量に応じた大きさにプレビュー画像２０２の表示サイズを変更してプレビュー表示領域２０１に表示する。すなわち、プレビュー表示領域２０１内の全体を拡大表示する。その際、それぞれのプレビュー画像２０２の互いのタイル配列は維持したまま、全てのプレビュー画像２０２を拡大して表示する。これにより、複数のプレビュー画像２０２が並べて配置してあるうちの一部分がプレビュー表示領域２０１に拡大表示されることになる。なお、プレビュー画像２０２の拡大表示は、ピンチアウト操作に限らず、クリック操作などによって同様の処理を行うようにしてもよい。 When a pinch-out operation is input to the preview display area 201, the CPU 111 changes the display size of the preview image 202 to a size corresponding to the change amount of the interval between two or more touch positions and displays the preview image 202 in the preview display area 201. To do. That is, the entire preview display area 201 is enlarged and displayed. At that time, all the preview images 202 are enlarged and displayed while maintaining the mutual tile arrangement of the respective preview images 202. As a result, a part of the plurality of preview images 202 arranged side by side is enlarged and displayed in the preview display area 201. Note that the enlarged display of the preview image 202 is not limited to the pinch-out operation, and a similar process may be performed by a click operation or the like.

また、ピンチアウト操作に応じてナビゲーション領域２１７とページ制御領域２１８と、その上に乗っているボタン群と領域群を非表示にする。図２（ｂ）のプレビュー画面２００は、ユーザからのピンチアウト操作を受け付け、ＣＰＵ１１１が複数のプレビュー画像２０２の拡大を行った場合の例である。図２（ｂ）の拡大表示モードのプレビュー画面２００は、プレビュー画像拡大ボタン２１３、プレビュー画像縮小ボタン２１４、プレビュー画像移動ボタン２１５、閉じるボタン２１６を含む。 Also, the navigation area 217, the page control area 218, and the button group and area group on the navigation area 217 and the page control area 218 are hidden in accordance with the pinch-out operation. A preview screen 200 in FIG. 2B is an example when a pinch-out operation from a user is accepted and the CPU 111 enlarges a plurality of preview images 202. The preview screen 200 in the enlarged display mode of FIG. 2B includes a preview image enlargement button 213, a preview image reduction button 214, a preview image movement button 215, and a close button 216.

プレビュー画像拡大ボタン２１３は、プレビュー表示領域２０１に表示している複数のプレビュー画像２０２の画像を拡大表示するためのボタンである。プレビュー画像２０２を拡大表示させるという点で、プレビュー画像拡大ボタン２０６と同じ役割である。プレビュー画像縮小ボタン２１４は、プレビュー表示領域２０１に表示している複数のプレビュー画像２０２の画像を縮小表示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１は複数のプレビュー画像２０２を予め決めた表示サイズに大きさを縮小し、プレビュー表示領域２０１に表示する。 The preview image enlargement button 213 is a button for enlarging and displaying the images of the plurality of preview images 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 preview image reduction button 214 is a button for reducing and displaying the images of the plurality of preview images 202 displayed in the preview display area 201. When the user presses this button, the CPU 111 reduces the size of the plurality of preview images 202 to a predetermined display size and displays them in the preview display area 201.

プレビュー画像移動ボタン２１５は、プレビュー表示領域２０１に表示している複数のプレビュー画像２０２の画像を移動表示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１はプレビュー表示領域２０１に並べて配置して表示している複数のプレビュー画像２０２を予め決めた移動量分だけ画像の表示位置をずらし、プレビュー表示領域２０１に表示する。各ボタンが押された方向に対して、配置された複数のプレビュー画像２０２の表示位置を移動させる。 The preview image moving button 215 is a button for moving and displaying the images of the plurality of preview images 202 displayed in the preview display area 201. When the user presses this button, the CPU 111 shifts the display positions of the plurality of preview images 202 arranged and displayed in the preview display area 201 by a predetermined amount of movement, and enters the preview display area 201. indicate. The display positions of the plurality of arranged preview images 202 are moved in the direction in which each button is pressed.

閉じるボタン２１６は、プレビュー画像２０２をピンチアウト操作前の拡大率に戻して表示するためのボタンである。ユーザがこのボタンを押下することによって、ＣＰＵ１１１は、複数のプレビュー画像２０２をピンチアウト操作が行われる前の初期状態の表示サイズに大きさを縮小し、プレビュー表示領域２０１に表示する。同様に、ＣＰＵ１１１は、プレビュー表示領域２０１に対するピンチイン操作を検出すると、２点以上のタッチ位置の間隔の変化量に応じた大きさに、プレビュー画像２０２の表示サイズを変更してプレビュー表示領域２０１に表示する。 The close button 216 is a button for returning the preview image 202 to the enlargement ratio before the pinch-out operation and displaying it. When the user presses this button, the CPU 111 reduces the size of the preview images 202 to the initial display size before the pinch-out operation is performed, and displays the preview images 202 in the preview display area 201. Similarly, when the CPU 111 detects a pinch-in operation on the preview display area 201, the CPU 111 changes the display size of the preview image 202 to a size corresponding to the amount of change in the interval between two or more touch positions, and enters the preview display area 201. indicate.

次に、ユーザのフリック操作による、プレビュー画像２０２の表示位置の変更を行う制御について説明する。本実施形態において、ユーザはプレビュー表示領域２０１を指やペンでタッチしてフリック操作を行うことによって、表示されているプレビュー画像２０２の表示態様を変化させる。例えば、プレビュー画像２０２の表示位置を変えたり（移動）、拡大率を変えたりすることができる。なお、以下の説明ではフリック操作を用いた場合について説明するが、ドラッグ操作によって同様の処理を行うこともできる。 Next, control for changing the display position of the preview image 202 by the user's flick operation will be described. In the present embodiment, the user changes the display mode of the displayed preview image 202 by touching the preview display area 201 with a finger or a pen and performing a flick operation. For example, the display position of the preview image 202 can be changed (moved), and the enlargement ratio can be changed. In the following description, a case where a flick operation is used will be described, but a similar process can be performed by a drag operation.

ＣＰＵ１１１は、フリック操作の入力を受け付けると、プレビュー画像２０２の表示状態に応じたプレビュー表示領域２０１の表示内容の更新を行う。プレビュー画面２００を最初に表示したときのプレビュー画像２０２の表示サイズを「初期表示サイズ」と呼ぶ。ＣＰＵ１１１は、ユーザ操作により、プレビュー画像２０２の表示サイズが初期表示サイズよりも拡大されている場合と、拡大されていない場合とで、表示位置の変更（移動）後のプレビュー画像２０２の表示位置の補正の仕方を変える制御を行う。 When CPU 111 receives an input of a flick operation, CPU 111 updates the display content of preview display area 201 in accordance with the display state of preview image 202. The display size of the preview image 202 when the preview screen 200 is first displayed is referred to as “initial display size”. The CPU 111 determines the display position of the preview image 202 after the display position has been changed (moved) depending on whether the display size of the preview image 202 is larger than the initial display size or not. Control to change the way of correction.

すなわち、ＣＰＵ１１１は、プレビュー表示領域２０１に対するジェスチャ操作の種類としてフリック操作を認識すると、フリック操作の際のタッチダウンとタッチアップのタッチ位置の変化量と時間に基づいて、フリックの方向と大きさを算出する。そして、これらの算出結果に基づき、プレビュー表示領域２０１に表示されているプレビュー画像２０２をどの程度、表示位置を変更したらよいかを算出する。そして、プレビュー表示領域２０１にタイル表示されている複数のプレビュー画像２０２を移動して、プレビュー表示領域２０１における表示内容を更新する。その際、移動元から移動先までの間を複数に区切り、連続して表示更新する。これにより、プレビュー画像２０２が移動元から移動先までアニメーションにより変更する。そして移動先までアニメーションを行った後、アニメーションを停止する。この際、プレビュー画像２０２の表示サイズが初期表示サイズから拡大されていないとする。この場合、ＣＰＵ１１１は、初期表示サイズの複数ページのタイル配列を維持した状態でいずれかのページのプレビュー画像２０２の表示位置をプレビュー画面２００の所定位置、例えば中央部となるように補正する。プレビュー画像２０２のセンタリングを行う。センタリングの基準となるページは、例えば、移動した複数ページのうち所定位置に最も近いページのプレビュー画像２０２とする。 That is, when the CPU 111 recognizes the flick operation as the type of the gesture operation on the preview display area 201, the CPU 111 determines the direction and size of the flick based on the change amount and time of the touch-down and touch-up touch positions during the flick operation. calculate. Based on these calculation results, the extent to which the display position of the preview image 202 displayed in the preview display area 201 should be changed is calculated. Then, the plurality of preview images 202 displayed as tiles in the preview display area 201 are moved, and the display contents in the preview display area 201 are updated. At that time, the area from the movement source to the movement destination is divided into a plurality of parts and continuously updated. Thereby, the preview image 202 is changed by animation from the movement source to the movement destination. After the animation is performed up to the destination, the animation is stopped. At this time, it is assumed that the display size of the preview image 202 is not enlarged from the initial display size. In this case, the CPU 111 corrects the display position of the preview image 202 of any page to be a predetermined position, for example, the center portion of the preview screen 200 while maintaining the tile arrangement of a plurality of pages of the initial display size. Centering of the preview image 202 is performed. A page serving as a reference for centering is, for example, a preview image 202 of a page closest to a predetermined position among a plurality of moved pages.

プレビュー画面２００を最初に表示したときに表示されている複数のプレビュー画像２０２の表示位置を初期表示位置とする。それぞれのプレビュー画像２０２の初期表示位置は予め定義した位置になっている。この初期表示位置は、ユーザにとって表示内容の確認と制御がしやすいよう考慮して定められている。本実施形態においては、プレビュー表示領域２０１の左右の中央部に並んで配置して表示している３ページのプレビュー画像２０２のうち、真ん中のページの中心点が重なるように初期表示位置を設定している。そして、左右のページは真ん中のページを基準として左右対称の距離に配置となるよう初期表示位置を設定している。 A display position of a plurality of preview images 202 displayed when the preview screen 200 is first displayed is set as an initial display position. The initial display position of each preview image 202 is a predefined position. This initial display position is determined in consideration of easy confirmation and control of display contents for the user. In the present embodiment, the initial display position is set so that the center point of the middle page of the three pages of preview images 202 arranged side by side in the center of the left and right sides of the preview display area 201 is overlapped. ing. The initial display positions are set so that the left and right pages are arranged at a symmetrical distance with respect to the middle page.

例えば、プレビュー表示領域２０１の左上端の座標値（０，０）を基準とし、プレビュー表示領域２０１の大きさを（８００、４００）とする。また、左から数えて１番目に配置されるページの中心座標を（１００、２００）、２番目に配置されるページの中心座標を（４００、２００）、３番目に配置されるページの中心座標を（７００、２００）と定義する。ＣＰＵ１１１は、フリック操作に応じてプレビュー画像２０２を移動して表示する。そして、移動表示に連動し、プレビュー表示領域２０１に、同じあるいは別のプレビュー画像２０２を表示する。 For example, the coordinate value (0, 0) at the upper left corner of the preview display area 201 is used as a reference, and the size of the preview display area 201 is (800, 400). Also, the center coordinates of the first page arranged from the left are (100, 200), the center coordinates of the second page are (400, 200), and the center coordinates of the third page are arranged. Is defined as (700, 200). The CPU 111 moves and displays the preview image 202 according to the flick operation. Then, the same or different preview image 202 is displayed in the preview display area 201 in conjunction with the moving display.

移動後にプレビュー表示領域２０１に表示される複数のプレビュー画像２０２が、初期表示位置と異なる場合がある。この場合、移動先を補正して、初期表示位置にプレビュー画像２０２を配置するようプレビュー画像２０２の移動先の変更を行う。そして、アニメーションを変更された移動先で停止するように表示制御を行う。一方、プレビュー画像２０２の表示サイズがユーザの操作によって、初期表示サイズから変更になっている場合、移動先の変更は行わない。 A plurality of preview images 202 displayed in the preview display area 201 after movement may be different from the initial display position. In this case, the movement destination is corrected, and the movement destination of the preview image 202 is changed so that the preview image 202 is arranged at the initial display position. Then, display control is performed so that the animation stops at the changed destination. On the other hand, when the display size of the preview image 202 is changed from the initial display size by a user operation, the movement destination is not changed.

なお、移動先の変更を行うか否かの判別基準は、プレビュー画像２０２の表示サイズが初期表示サイズから変更されているかどうかに限らない。例えば、表示サイズが特定の大きさより大きいか否かを判別基準としてもよい。例えば、複数のプレビュー画像２０２の表示を拡大すると、プレビュー画像２０２がプレビュー表示領域２０１の領域外に出て、単一のプレビュー画像２０２だけがプレビュー表示領域２０１に表示される場合がある。この場合の表示サイズの大きさを、移動先の変更を行うか行わないかの判断条件にしてもよい。 Note that the criterion for determining whether or not to change the destination is not limited to whether or not the display size of the preview image 202 has been changed from the initial display size. For example, it may be determined whether or not the display size is larger than a specific size. For example, when the display of a plurality of preview images 202 is enlarged, the preview image 202 may go out of the preview display area 201 and only the single preview image 202 may be displayed in the preview display area 201. The size of the display size in this case may be a condition for determining whether or not to change the destination.

次に、ユーザのフリック操作によるプレビュー画像２０２の表示位置の変更を行う制御の具体例について説明する。ＣＰＵ１１１は、プレビュー表示領域２０１に対するユーザのフリック操作を検出すると、プレビュー表示領域２０１に表示中のプレビュー画像２０２が初期表示サイズより大きく表示されているか否かを特定する。また、フリック操作の方向と強さを特定する。 Next, a specific example of control for changing the display position of the preview image 202 by the user's flick operation will be described. When detecting the user's flick operation on the preview display area 201, the CPU 111 determines whether or not the preview image 202 being displayed in the preview display area 201 is displayed larger than the initial display size. Also, the direction and strength of the flick operation are specified.

例えば、プレビュー画面２００を表示した後、プレビュー画像２０２の拡大が行われていない状態で、左方向へ１．８ページ分のページを送るのに相当する強さのフリック操作を受け付けたとする。ＣＰＵ１１１は、複数のプレビュー画像２０２を、互いの位置関係は保ったまま、全体的に右から左方向へ移動するアニメーションをプレビュー表示領域２０１に対して行う。その際、１．８ページ分移動した後にプレビュー表示領域２０１に表示されている３ページのプレビュー画像２０２のうち、真ん中のプレビュー画像２０２は、必ずしもプレビュー表示領域２０１の中央部に表示されるとは限らない。そこでＣＰＵ１１１は、０．２ページ分の移動量を加えるように移動先の補正を行う。そして、アニメーションが停止したときのプレビュー画像２０２の位置が、プレビュー表示領域２０１の略中心部に表示されるように制御する。なお、表示位置の補正は、プレビュー表示領域２０１の中央部でなく、予め定義した特定の座標値になるようにしてもよい。 For example, it is assumed that after displaying the preview screen 200, a flick operation having a strength equivalent to sending 1.8 pages to the left is received in a state where the preview image 202 is not enlarged. The CPU 111 performs an animation on the preview display area 201 that moves the plurality of preview images 202 from right to left as a whole while maintaining the positional relationship with each other. At that time, of the three pages of preview images 202 displayed in the preview display area 201 after moving 1.8 pages, the middle preview image 202 is not necessarily displayed in the center of the preview display area 201. Not exclusively. Therefore, the CPU 111 corrects the movement destination so as to add a movement amount for 0.2 pages. Then, control is performed so that the position of the preview image 202 when the animation is stopped is displayed at substantially the center of the preview display area 201. Note that the display position may be corrected to a specific coordinate value defined in advance instead of the central portion of the preview display area 201.

これに対し、プレビュー画像２０２が拡大表示されている状態で、左方向へ１．８ページ分のページを送るのに相当する強さのフリック操作を受け付けたとする。この場合、ＣＰＵ１１１は、複数のプレビュー画像２０２を互いのタイル配列および拡大率を維持したまま、全体的に右から左方向へ移動するアニメーションをプレビュー表示領域２０１に対して行う。この場合、表示位置の補正は行わず、算出された移動先（表示位置）までプレビュー画像２０２を移動し、移動後はアニメーションを停止するように制御する。 On the other hand, it is assumed that a flick operation having a strength equivalent to sending 1.8 pages to the left is received in a state in which the preview image 202 is enlarged. In this case, the CPU 111 performs an animation for moving the plurality of preview images 202 from the right to the left in the preview display area 201 while maintaining the tile arrangement and the enlargement ratio of each other. In this case, the display position is not corrected, and the preview image 202 is moved to the calculated destination (display position), and the animation is controlled to stop after the movement.

次に、表示中のプレビュー画像２０２の表示制御の手順について図３のフローチャートを用いて詳細に説明する。図３の各ステップは、ＭＦＰ１０１のＣＰＵ１１１がコンピュータプログラムを実行することによって処理される。
ＣＰＵ１１１は、プレビュー表示領域２０１に対するフリック操作を検出すると（Ｓ３０１）、検出されたフリック操作の方向および強さを特定する（Ｓ３０２）。フリックの方向はタッチダウンとタッチアップそれぞれの座標から特定することができる。強さは単位時間の座標の変化率で特定することができる。ＣＰＵ１１１は、また、フリックの方向および強さに応じて、プレビュー表示領域２０１に並んで配置して表示されている複数のプレビュー画像２０２の表示位置を変更する（移動させる）アニメーションの処理を開始する（Ｓ３０３）。その後、ＣＰＵ１１１は、複数のプレビュー画像２０２がユーザ操作により拡大表示されているか否かを判定する（Ｓ３０４）。例えば、プレビュー画面２００を表示した後に、ユーザのピンチアウト操作によりプレビュー画像２０２が拡大するように変更されているかどうかを判定する。変更されている場合、複数のプレビュー画像２０２は、それぞれ拡大表示されていると判定し、それ以外は拡大表示されていないと判定する。 Next, the display control procedure of the currently displayed preview image 202 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 a computer program.
When detecting a flick operation on the preview display area 201 (S301), the CPU 111 specifies the direction and strength of the detected flick operation (S302). The direction of the flick can be specified from the coordinates of touchdown and touchup. The strength can be specified by the rate of change of coordinates in unit time. The CPU 111 also starts an animation process for changing (moving) the display positions of the plurality of preview images 202 arranged and displayed side by side in the preview display area 201 according to the direction and strength of the flick. (S303). Thereafter, the CPU 111 determines whether or not the plurality of preview images 202 are enlarged and displayed by a user operation (S304). For example, after the preview screen 200 is displayed, it is determined whether or not the preview image 202 has been changed to be enlarged by the user's pinch-out operation. If changed, it is determined that each of the plurality of preview images 202 is displayed in an enlarged manner, and it is determined that the other preview images 202 are not displayed in an enlarged manner.

拡大表示されていないと判定した場合（Ｓ３０４：Ｎ）、ＣＰＵ１１１は、フリックの方向および強さに基づいて初期表示サイズのプレビュー画像２０２の表示位置の移動先を算出するとともに、移動先の表示位置が所定位置になるように補正する。所定位置は、プレビュー表示領域２０１の中央部である。ＣＰＵ１１１は、補正した表示位置に向かって各プレビュー画像２０２を移動して表示するアニメーションを実行し、所定位置に最も近いページのプレビュー画像２０２を当該所定位置にジャストフィットさせた後、アニメーションを停止する（Ｓ３０５）。 When it is determined that the image is not enlarged (S304: N), the CPU 111 calculates the destination of the display position of the preview image 202 of the initial display size based on the direction and strength of the flick and displays the destination display position. Is adjusted to a predetermined position. The predetermined position is the central portion of the preview display area 201. The CPU 111 executes an animation that moves and displays each preview image 202 toward the corrected display position, just fits the preview image 202 of the page closest to the predetermined position to the predetermined position, and then stops the animation. (S305).

一方、Ｓ３０４において、拡大表示されていると判定した場合（Ｓ３０４：Ｎ）、ＣＰＵ１１１は、フリックの方向および強さに基づいて拡大表示されたプレビュー画像２０２の表示位置の移動先を算出する。このとき、ＣＰＵ１１１は、拡大表示されたプレビュー画像２０２については拡大率を維持した状態でその表示位置の変更を許容する。そのため、拡大率を維持した状態でアニメーションを実行し、算出した表示位置に達したときにアニメーションを停止する（Ｓ３０６）。つまり、表示位置を補正することなく、アニメーションを停止する。なお、ＣＰＵ１１１は、ドラッグ操作の終点座標またはフリック操作のフリック強さに応じてアニメーション停止後の表示位置を決定する。この点は、プレビュー画像２０２が拡大表示されていない場合も同じである。 On the other hand, if it is determined in S304 that the display is enlarged (S304: N), the CPU 111 calculates the destination of the display position of the enlarged preview image 202 based on the direction and strength of the flick. At this time, the CPU 111 allows the display position of the enlarged preview image 202 to be changed while maintaining the enlargement ratio. Therefore, the animation is executed while maintaining the enlargement ratio, and the animation is stopped when the calculated display position is reached (S306). That is, the animation is stopped without correcting the display position. Note that the CPU 111 determines the display position after stopping the animation according to the end point coordinates of the drag operation or the flick strength of the flick operation. This is the same even when the preview image 202 is not enlarged.

図３により実行される手順の内容を図４の具体例を用いて説明する。ディスプレイ１１９は、複数のプレビュー画像２０２をプレビュー表示領域２０１に横方向に並べて表示しているものとする。
図４（ａ），（ｂ）はプレビュー画像２０２が拡大表示されていない状態を示す。図４（ｃ），（ｄ）は、プレビュー画面２００を表示した後にユーザによる拡大操作が行われ、プレビュー画像２０２が拡大表示している状態を示す。図４（ａ）および図４（ｃ）はアニメーション中の状態を示し、図４（ｂ）および図４（ｄ）はアニメーションが終了して停止している状態を示す。 The contents of the procedure executed by FIG. 3 will be described using the specific example of FIG. It is assumed that the display 119 displays a plurality of preview images 202 side by side in the preview display area 201 in the horizontal direction.
4A and 4B show a state where the preview image 202 is not enlarged. 4 (c) and 4 (d) show a state in which the user has performed an enlargement operation after displaying the preview screen 200 and the preview image 202 is being enlarged. 4 (a) and 4 (c) show a state during the animation, and FIGS. 4 (b) and 4 (d) show a state where the animation is finished and stopped.

図４（ａ）において、ユーザが、プレビュー表示領域２０１を左方向へある強さでフリック操作したとする。ＣＰＵ１１１は、フリック操作を検出すると、並べて配置して表示している複数のプレビュー画像２０２をそれぞれ左方向へ移動して表示するようアニメーションを行う。その後、ＣＰＵ１１１は、図４（ｂ）に示すようにアニメーションの停止を行うが、このとき表示されるプレビュー画像２０２は、プレビュー表示領域２０１の左右の中央部になるよう表示位置の補正を行って停止して表示する。補正する際の基準となるページのプレビュー画像２０２（「ＤＤＤＤ」）以外の他のページのプレビュー画像２０２の表示位置は、プレビュー画像２０２（「ＤＤＤＤ」）に連動して補正される。 In FIG. 4A, it is assumed that the user flicks the preview display area 201 with a certain strength in the left direction. When the CPU 111 detects a flick operation, the CPU 111 performs an animation so that the plurality of preview images 202 arranged and displayed are moved to the left and displayed. After that, the CPU 111 stops the animation as shown in FIG. 4B, and the preview image 202 displayed at this time is corrected in the display position so as to be in the left and right central portions of the preview display area 201. Stop and display. The display position of the preview image 202 of a page other than the preview image 202 (“DDDD”) of the page serving as a reference for correction is corrected in conjunction with the preview image 202 (“DDDD”).

次に、プレビュー画像２０２が拡大表示されている場合の例について説明する。図４（ｃ）において、ユーザが、プレビュー表示領域２０１を左方向にフリック操作したとする。ＣＰＵ１１１は、フリック操作を検出すると、並べて配置して表示している複数のプレビュー画像２０２をそれぞれ左方向へ移動して表示するようアニメーションの処理を行う。その後、ＣＰＵ１１１は、図４（ｄ）に示すようにアニメーションの停止を行うが、このとき各プレビュー画像２０２の表示位置は、フリックの強さに応じて変化した位置となる。つまり、プレビュー表示領域２０１の左右の中央部とする表示位置の補正は行われない。 Next, an example in which the preview image 202 is displayed in an enlarged manner will be described. In FIG. 4C, it is assumed that the user flicks the preview display area 201 leftward. When detecting the flick operation, the CPU 111 performs an animation process so that the plurality of preview images 202 arranged and displayed side by side are moved to the left and displayed. Thereafter, the CPU 111 stops the animation as shown in FIG. 4D. At this time, the display position of each preview image 202 is a position changed according to the strength of the flick. That is, the correction of the display position at the left and right central portions of the preview display area 201 is not performed.

なお、プレビュー画像２０２を拡大表示している場合に、特定の操作、例えばフリック操作による表示位置の変更を制限するようにしてもよい。つまり、フリック操作を無効にしてもよい。この場合、ＣＰＵ１１１は、フリック操作を検出しても、プレビュー画像２０２の表示位置の変更（移動）を行わない。そのため、そもそも表示位置の補正を制限する必要もなくなり、処理手順がより簡便なものとなる。 Note that when the preview image 202 is displayed in an enlarged manner, the change of the display position by a specific operation, for example, a flick operation may be restricted. That is, the flick operation may be invalidated. In this case, the CPU 111 does not change (move) the display position of the preview image 202 even if the flick operation is detected. Therefore, it is not necessary to limit the correction of the display position in the first place, and the processing procedure becomes simpler.

以上のように、本実施形態において、プレビュー画像２０２が拡大表示されていない場合は、プレビュー表示領域２０１に対するフリック操作またはドラッグ操作により、プレビュー画像２０２の表示位置の変更を行う。ＣＰＵ１１１は、ドラッグ操作の終点座標またはフリック操作のフリックの強さに応じてアニメーション停止後の表示位置を決定するが、変更されたプレビュー画像の表示位置を所定位置に補正する。他方、プレビュー画像２０２が拡大表示されている場合は、プレビュー画像２０２の表示位置の補正を制限する。そのため、拡大表示していない場合は、固定されたレイアウトでプレビュー画像２０２をタイル表示することになり、ユーザは複数のプレビュー画像２０２の関連性などを確認しやすくなる。また、複数あるプレビュー画像２０２のうち、どれかは必ずプレビュー表示領域２０１の左右の中央部に配置される。そのため、プレビュー画像２０２に対するページ削除等の制御を行う際に、どのプレビュー画像２０２に対して処理が行われるのかの確認が容易になる。 As described above, in the present embodiment, when the preview image 202 is not enlarged, the display position of the preview image 202 is changed by a flick operation or a drag operation on the preview display area 201. The CPU 111 determines the display position after stopping the animation according to the end point coordinates of the drag operation or the flick strength of the flick operation, but corrects the display position of the changed preview image to a predetermined position. On the other hand, when the preview image 202 is displayed in an enlarged manner, the correction of the display position of the preview image 202 is limited. Therefore, when the enlarged display is not performed, the preview image 202 is tiled with a fixed layout, and the user can easily confirm the relevance of the plurality of preview images 202. In addition, any one of the plurality of preview images 202 is always arranged at the left and right central portions of the preview display area 201. Therefore, when control such as page deletion for the preview image 202 is performed, it is easy to confirm which preview image 202 is processed.

これに対し、拡大表示されている状態では、ユーザは複数のプレビュー画像２０２の全体における現在の表示位置の位置関係の把握が容易ではない。そのため、表示の補正が行われると、移動後にどの部分が拡大表示されているのか位置関係を把握できなくなり、直感的に理解できなくなる。そのため、この場合は表示位置の補正を行わないことにより、ユーザの意図した動きで表示が行われることが便利である。これにより、ユーザは表示内容を直感的に理解することが可能となり、ユーザの利便性が一層向上する。 On the other hand, in the enlarged display state, it is not easy for the user to grasp the positional relationship of the current display position in the entire plurality of preview images 202. For this reason, when display correction is performed, it becomes impossible to grasp the positional relationship of which part is enlarged and displayed after movement, and it becomes impossible to understand intuitively. Therefore, in this case, it is convenient that the display is performed with the movement intended by the user by not correcting the display position. As a result, the user can intuitively understand the display content, and the convenience for the user is further improved.

また、ユーザによるフリック操作を検出した場合の表示制御を、表示位置の補正を行うか否かにすることで、拡大表示されていない場合と拡大表示されている場合の操作性は大きく違わず、ユーザにとっては表示制御内容を直感的に理解することが可能となる。 In addition, by controlling whether or not the display position is corrected when the flick operation by the user is detected, the operability between the case where the display is not enlarged and the case where the display is enlarged is not significantly different. The user can intuitively understand the display control contents.

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

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

Claims

Display means for displaying a preview image;
Input means for accepting an operation on the displayed preview image;
The display position of the preview image is changed according to the input operation, and when the preview image is displayed at the initial display size, the display position of the preview image changed by the operation is corrected to a predetermined position. Control means for limiting the correction when the preview image is displayed in an enlarged size than the initial display size;
An image processing apparatus comprising:

The display means is for displaying a preview screen,
The control means corrects the display position changed by the operation for the preview image of the initial display size so as to be a predetermined position on the preview screen.
The image processing apparatus according to claim 1.

The control means allows the display position to be changed while maintaining the enlargement ratio for the enlarged preview image.
The image processing apparatus according to claim 1.

The control means limits the change of the display position by a specific operation for the enlarged preview image,
The image processing apparatus according to claim 1.

The preview image is a preview image of a plurality of pages related to each other,
The display means is a tile display of the preview images of the plurality of pages.
The control means corrects the display position of the preview image on any page to be a predetermined position on the preview screen while maintaining the tile arrangement of the plurality of pages of the initial display size.
The image processing apparatus according to claim 2, 3 or 4.

The control means corrects the display position of the preview image of the page closest to the predetermined position among the plurality of pages to the predetermined position.
The image processing apparatus according to claim 5.

The predetermined position is a central portion of a preview display area displayed on the preview screen,
The image processing apparatus according to claim 6.

The input means includes a touch panel, and inputs a type and direction of a gesture operation on the touch panel,
The control means changes the size and display position of the preview image by animation based on the type and direction of the gesture operation.
The image processing apparatus according to claim 1.

The type of gesture operation is a drag operation or a flick operation,
The control means determines the display position after stopping the animation according to the end point coordinates of the drag operation or the strength of the flick operation.
The image processing apparatus according to claim 8.

A method executed by an image processing apparatus that displays a preview image on a predetermined display device and receives an operation on the displayed preview image,
The image processing apparatus changing the display position of the preview image in response to the operation;
The image processing apparatus determining whether the preview image is displayed in an enlarged size than an initial display size;
When the image processing device determines that the preview image is not displayed in an enlarged manner, corrects the display position of the preview image changed according to the operation to a predetermined position, and determines that the preview image is displayed in an enlarged manner Comprises the step of limiting the correction,
Preview image display control method.

In the correcting step, when it is determined that the preview image is not enlarged, the display position of the preview image changed by the operation is corrected to the central portion of the preview display area where the preview image is displayed. It is characterized by
The display control method according to claim 10.

A computer program for causing a computer having a display device and an input device to function as the image processing apparatus according to any one of claims 1 to 9.