JP7508931B2 - 画像表示方法、画像表示装置及び表示制御プログラム - Google Patents
画像表示方法、画像表示装置及び表示制御プログラム Download PDFInfo
- Publication number
- JP7508931B2 JP7508931B2 JP2020130909A JP2020130909A JP7508931B2 JP 7508931 B2 JP7508931 B2 JP 7508931B2 JP 2020130909 A JP2020130909 A JP 2020130909A JP 2020130909 A JP2020130909 A JP 2020130909A JP 7508931 B2 JP7508931 B2 JP 7508931B2
- Authority
- JP
- Japan
- Prior art keywords
- image
- display
- page
- animation
- images
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims description 26
- PWPJGUXAGUPAHP-UHFFFAOYSA-N lufenuron Chemical compound C1=C(Cl)C(OC(F)(F)C(C(F)(F)F)F)=CC(Cl)=C1NC(=O)NC(=O)C1=C(F)C=CC=C1F PWPJGUXAGUPAHP-UHFFFAOYSA-N 0.000 title 1
- 230000004397 blinking Effects 0.000 claims description 13
- 238000012545 processing Methods 0.000 description 39
- 238000010586 diagram Methods 0.000 description 18
- 230000006870 function Effects 0.000 description 17
- 230000008859 change Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 11
- 230000003247 decreasing effect Effects 0.000 description 6
- 230000010365 information processing Effects 0.000 description 6
- 238000010079 rubber tapping Methods 0.000 description 6
- 238000012217 deletion Methods 0.000 description 5
- 230000037430 deletion Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 230000001174 ascending effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000007423 decrease Effects 0.000 description 2
- 238000012905 input function Methods 0.000 description 2
- 238000007639 printing Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 239000003990 capacitor Substances 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
- 230000032258 transport Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/20—Linear translation of whole images or parts thereof, e.g. panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Description
情報処理システム1は、画像処理装置11と、モバイルの端末装置12と、を備える。
画像処理装置11と、端末装置12とは、無線により通信を行う。
端末装置12は、タッチ入力機能を有するタッチパネルである表示部112を備える。表示部112はディスプレイである。端末装置12は、ユーザーによって操作され、各種の情報を表示部112に表示する。
端末装置12は、画像処理装置11と通信することで、画像処理装置11によって行われる画像処理を制御する。
画像処理装置11は、スキャナー機能を有している。画像処理装置11は、スキャナー機能によって複数の画像を読み取り、読み取った複数の画像のデータを無線により端末装置12に送信する。画像処理装置11は、オートドキュメントフィーダー31を備えて、オートドキュメントフィーダー31に設置された複数枚の用紙を自動的に搬送して、それぞれの用紙に表された画像を読み取る。当該用紙は、A4あるいはA3などのサイズを有する用紙である。複数の用紙の枚数は、任意であってもよく、100枚などであってもよい。
また、端末装置12は、表示部112に表示されている画像について、ユーザーによって行われる操作に応じた指示を入力し、入力した指示に応じた処理を実行する。
ユーザーは、端末装置12の表示部112に表示される画像を見ることで、画像処理装置11によって処理されている画像を、一覧して確認すること、あるいは、編集することなどが可能である。
端末装置12は、入力部111と、表示部112と、記憶部113と、通信部114と、制御部115と、を備える。
制御部115は、表示制御部131を備える。
入力部111と表示部112は、タッチ入力機能を有する画面で構成されている。
表示部112は、各種の情報を画面に表示する。
記憶部113は、各種の情報を記憶する。当該情報は、表示対象となる原画像及び当該原画像に基づいて生成される関連画像などのデータを含む。
記憶部113は、ROM(Read Only Memory)及びRAM(Random Access Memory)などを備えるメモリーである。
通信部114は、画像処理装置11と無線により通信を行う。
通信部114は、通信回路、通信ポート、あるいは、通信インターフェイスと呼ばれてもよい。
制御部115は、表示制御部131を含む。
表示制御部131は、各種の情報を表示部112に表示する処理を制御する。
当該制御プログラムは、表示の制御を行う表示制御プログラムを含む。制御部115のCPUが、記憶部113に記憶された表示制御プログラムを実行することにより、表示制御部131の機能が実現される。
当該表示制御プログラムは、画像処理装置11に専用のアプリケーションのプログラムであってもよい。端末装置12は、当該表示制御プログラムを予め記憶部113に記憶していてもよく、あるいは、当該表示制御プログラムをダウンロードしてインストールしてもよい。
通信部114は、画像処理装置11から複数の画像のデータを受信する。
表示制御部131は、画像処理装置11から送信された複数の画像のデータを取得する。これらの画像が原画像であるとして説明する。
これら複数の画像は、並び順にしたがって、連続番号であるページ番号と対応付けられる。当該ページ番号は、端末装置12で付与されてもよく、あるいは、画像処理装置11で付与されてもよい。
画像211に対して、X1軸、Y1軸、及び、Z1軸からなるローカル座標系が設定されている。
複数の画像に、それぞれのローカル座標系が設定される。
それぞれの画像に対するローカル座標系の配置は任意であってもよい。
表示制御部131は、複数の画像に共通な3次元座標系に、これら複数の画像を配置する。このような共通な3次元座標系をグローバル座標系と呼んで説明する。グローバル座標系は3次元直交座標系である。
ここでは、グローバル座標系に複数の画像が配置されて表示される場合を示したが、グローバル座標系に1枚の画像が配置されて表示されてもよい。
サムネイル画像は、原画像が縮小された画像である。
図4は、X軸及びY軸からなる表示座標系を示している。
端末装置12の表示部112の画面を正面から見た視点で、X軸の正方向が右方向であり、X軸の負方向が左方向であり、Y軸の正方向が上方向であり、Y軸の負方向が下方向である。画面に対する表示座標系の配置は任意であってもよい。
第1表示画面401の表示領域は、第1表示領域411と、第2表示領域412と、第3表示領域451と、を有する。当該表示領域内の、第3表示領域451以外の領域は、第1表示領域411と、第2表示領域412と、に分割されている。
表示制御部131は、第3表示領域451の表示を行わせなくてもよい。
図4では、第1表示領域411及び第2表示領域412は、Y軸に平行な辺の幅よりもX軸に平行な辺の幅の方が大きく示されているが、これに限らない。
Y軸に対して、第1表示領域411はY軸の負側に配置されており、第2表示領域412はY軸の正側に配置されている。X軸に対して、第1表示領域411の辺の幅と第2表示領域412の辺の幅とは同じである。第1表示領域411のY軸の正側の辺と第2表示領域412のY軸の負側の辺とが重ねて配置されている。これにより、第1表示領域411と第2表示領域412との全体で、矩形の表示領域が構成されている。
図4の第1表示画面401は、第1表示領域411と第2表示領域412との境界線を境界軸413として示している。境界軸413は、表示されなくてもよい。
第1軸321は、仮想的な軸であり、実際には表示されないが、表示されてもよい。
図4では、第1軸321は、X軸に平行であり、Y軸に平行な方向に対して第1表示領域411の中点を通る。
図4では、第iサムネイル画像331-iは、矩形の画像である。
第iサムネイル画像331-iは、X軸の幅よりもY軸の幅の方が大きく配置されてもよく、あるいは、他の向きで配置されてもよく、配置の向きが変更されてもよい。
第1表示領域411の、第1軸321に沿った中央から最も離れた部分は第1表示領域411の左右の辺に相当する。
図4は、第iサムネイル画像331-iのページ番号の画像を、第iページ番号画像341-iとして示している。
図4では、第1軸321に沿った第1表示領域411の中央付近に、第1ページの第1サムネイル画像331-1及び第1ページ番号画像341-1が表示されている。また、第1軸321に沿った第1表示領域411の中央付近よりもX軸の正方向に向かって、第1ページよりもページ番号が大きい第2サムネイル画像331-2及び第2ページ番号画像341-2などがページ番号の昇順に表示されている。同様に、中央付近のページよりもページ番号が小さいページがある場合には、第1軸321に沿った第1表示領域411の中央付近よりもX軸の負方向に向かって、中央付近のページよりもページ番号が小さいページのサムネイル画像331などが、ページ番号の降順に表示される。
表示制御部131は、第iページ番号画像341-iを第1表示領域411の内部に収めて配置して表示させる。表示制御部131は、第iページ番号画像341-iを第1表示領域411のY軸の正側の境界線である境界軸413から外部に飛び出させない配置にして表示させる。図4では、当該境界線は、X軸に平行な線である。
表示制御部131は、一部または全部の第iページ番号画像341-iを第1表示領域411の外側に飛び出させる態様で表示させてもよい。
濃度を調整することは、透明度を調整することによって実現されてもよく、透明度が低くなると濃度が高くなり、透明度が高くなると濃度が低くなる。
表示制御部131は、第iサムネイル画像331-iの表示態様に応じて、第iサムネイル画像331-iに対応する第iページ番号画像341-iの形状、サイズ、姿勢、濃度、配置位置、表示色などの1以上の表示態様を変化させてもよい。
図4では、表示制御部131は、第iサムネイル画像331-iに対応する第iページ番号画像341-iを、第iサムネイル画像331-iの外部に配置したが、これに限られない。表示制御部131は、第iサムネイル画像331-iに対応する第iページ番号画像341-iを、第iサムネイル画像331-iの内部に配置してもよい。
第1軸321は、X軸に対して、第1表示領域411の中央位置からX軸の正側に向かってY軸の正側に曲がり、第1表示領域411の中央位置からX軸の負側に向かってY軸の正側に曲がる線が用いられてもよい。第1軸321は、X軸に対して、第1表示領域411の中央位置からX軸の正側と負側とが中央位置を基準にして対称的な線であってもよい。
中間画像431は、第i中間画像431-iに対応する第iサムネイル画像331-iよりも拡大された画像である。中間画像431は、原画像と比べて、縮小されていてもよく、同じサイズであってもよく、あるいは、拡大されていてもよい。
表示制御部131は、第iページ番号画像341-iを表示させなくてもよい。
表示制御部131は、ユーザーが第2表示領域412に表示された中間画像431をスワイプする操作を行ったことを検出した場合、中間画像431の隣のページの中間画像431を第2表示領域412に表示させる。
表示制御部131の制御により、当該操作がX軸の正側から負側に指などを移動させる操作である場合にはページ数が1つ増加したページの中間画像を431表示し、当該操作がX軸の負側から正側に指などを移動させる操作である場合にはページ数が1つ減少したページの中間画像431を表示する。
表示制御部131は、ユーザーの指などによって表示部112の所定箇所がタップ等される操作が行われた場合に、表示部112に所定のメニューを表示させてもよい。ユーザーの指などによって当該メニューのうちの所定箇所がタップ等される操作が行われた場合に、表示制御部131は、当該操作に応じた指示を受け付ける。
図5は、実施形態に係るサムネイル画像331の隣のページへのページ入れ替えを示す図である。
図5は、図4に示されるのと同様な表示座標を示している。
図5では、X軸に対して、第7サムネイル画像331-7が中央付近に位置して選択されている。
ユーザーが指などによって、第7サムネイル画像331-7をタップして、第7サムネイル画像331-7を第8サムネイル画像331-8と第9サムネイル画像331-9との間に移動させる操作を行った場合について説明する。
図5に示される第1移動指示611は模式的に図示されており、実際には表示されなくてもよい。
図6は、図4に示される表示座標と同様な表示座標を示している。
図6では、X軸に対して、第7サムネイル画像331-7が中央付近に位置して選択されている。
ユーザーが指などによって、第7サムネイル画像331-7をタップして、第7サムネイル画像331-7を第9サムネイル画像331-9と第10サムネイル画像331-10との間に移動させる操作を行った場合について説明する。
図6に示される第2移動指示621は模式的に図示されており、実際には表示されなくてもよい。
表示制御部131は、入れ替え対象となるページのサムネイル画像331がユーザーの指などによって長押しされると、当該サムネイル画像331をX軸に対して移動することを可能とし、当該サムネイル画像331がユーザーの指などによって長押しされた状態でドラッグされる操作がページ入れ替えの操作として用いられてもよい。
アニメーションは、最初の表示内容と最後の表示内容が定められて、最初の表示内容から最後の表示内容まで所定の時間等間隔で変化させる表示である。
これらのアニメーションとしては、それぞれ、任意のアニメーションが用いられてもよい。
同様に、表示制御部131は、隣以外のページへのページ入れ替えが発生した場合に、第2表示領域412に、図6に示されるような複数の画像を表示した状態から入れ替え対象の画像を入れ替え前の位置から入れ替え後の位置へ移動させるアニメーションの表示の制御を行ってもよい。
表示制御部131は、隣のページへのページ入れ替えと、隣以外のページへのページ入れ替えとで、一方のアニメーションを他方のアニメーションよりも高速にすること、あるいは、一方のアニメーションを点滅させて他方のアニメーションを点滅させないこと、あるいは、これらの両方によって、両者のアニメーションを異ならせてもよい。
第1表示領域411に表示された第3ページのサムネイル画像が選択されていて、第3ページの第3中間画像431-3が第2表示領域412に表示されているときに、ユーザーが第6ページの第6サムネイル画像331-6を指などで長押ししてスライドさせることで、ページ入れ替えの操作を行う場合を想定する。この場合、表示制御部131は、第2表示領域412に、第3ページの第3中間画像431-3を消去して第6ページの第6中間画像431-6が現れてくるアニメーションを表示してもよい。また、表示制御部131は、このようなアニメーションと同様なアニメーションが他の操作においても行われる場合には、例えば、両者のアニメーションの速度などを異ならせてもよい。
端末装置12は、第1表示領域411に複数のサムネイル画像331を表示し、選択されたサムネイル画像331に対応する拡大画像である中間画像431を第2表示領域412に表示する。このような表示状態において、端末装置12は、選択されたサムネイル画像331の移動指示があった場合に、当該中間画像431に対して、移動を示す表示を行う。
端末装置12は、第1表示領域411の一部の領域で、複数のサムネイル画像331のうちの一部を重ね合わせて表示してもよい。
端末装置12は、移動を示す表示の表示態様として、アニメーションを用いる。端末装置12は、隣以外のページへの移動指示があった場合の表示態様として、隣のページへの移動指示があった場合と異なるアニメーションを用いる。
図7は、実施形態に係る第2表示画面701における第1アニメーションの画像を模式的に示す図である。
図7は、図4に示されるのと同様な表示座標系を示している。
図7では、第1表示領域411に、第1aサムネイル画像331-1a以降の複数のサムネイル画像331及び第1aページ番号画像341-1a以降の複数のページ番号画像が表示されている。
図7は、第2表示領域412に表示される第1アニメーションの途中の画像の様子を示している。
図7では、表示制御部131は、ユーザーが第2表示領域412に表示された第1a中間画像431-1aをX軸の負側にスワイプする操作を行ったことを検出した場合に、第1a中間画像431-1a及び第2a中間画像431-2aがX軸の正側から負側へスライドする第1アニメーションの表示を行う。表示制御部131は、当該操作がX軸の正側から負側に指などを移動させる操作である場合にはページ数が1つ増加したページの中間画像431を新たに表示させる。ただし、現在の中間画像431のページが最終ページである場合には、表示制御部131は、このような操作を受け付けなくてもよく、異なるアニメーションの表示を行ってもよい。
一方、当該操作がX軸の負側から正側に指などを移動させる操作である場合には、表示制御部131は、ページ数が1つ減少したページの中間画像431を新たに表示する。表示制御部131は、現在の中間画像431及び新たな中間画像431がX軸の負側から正側へスライドする第1アニメーションの表示を行う。ただし、現在の中間画像431のページが最初のページである場合には、表示制御部131は、このような操作を受け付けなくてもよく、異なるアニメーションの表示を行わせてもよい。
表示制御部131は、図5に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図7に示される第1アニメーションを点滅表示させたアニメーションを用いてもよい。
表示制御部131は、図5に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、第1アニメーションに対して速度と点滅表示との両方を異ならせたアニメーションを用いてもよい。
表示制御部131は、第1表示領域411内で、複数のサムネイル画像331が入れ替え後の並び順となる表示に更新する。
表示制御部131は、図6に示されるように隣以外のページへのページ入れ替えが発生したときに、事前に選択されていたページを選択された状態とする場合に実行するアニメーションとしては、事前に選択されていたページの移動前の位置と移動後の位置とに挟まれるサムネイル画像331に対応する中間画像431を第1アニメーションでスライドさせ、最後に、事前に選択されていたページの中間画像431を第1アニメーションでスライドさせて第2表示領域412に表示するアニメーションを用いてもよい。
表示制御部131は、第1表示領域411で、複数のサムネイル画像331が入れ替え後の並び順となる表示に更新する。
図8は、図4に示される表示座標系と同様な表示座標系を示している。
図8では、第1表示領域411に、第1bサムネイル画像331-1b以降の複数のサムネイル画像331及び第1bページ番号画像341-1b以降の複数のページ番号画像341が表示されている。ページに関わらないページ番号画像を、ページ番号画像341と表す。ページに関わらない中間画像を、中間画像821と表す。
図8は、第2表示領域412に表示される第2アニメーションの途中の画像の様子を示している。
このような第2アニメーションは、クロスフェードのアニメーションである。
透明度が高まることは濃度が低くなることに相当し、透明度が低くなることは濃度が高くなることに相当する。
表示制御部131は、図5に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図8に示される第1アニメーションを点滅表示させたアニメーションを用いてもよい。
表示制御部131は、図5に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、第2アニメーションに対して速度と点滅表示との両方を異ならせたアニメーションを用いてもよい。
表示制御部131は、元のページに対して、隣のページを新たに選択されたページであるとみなして、第2アニメーションに準じた表示を行う。
表示制御部131は、第1表示領域411で、複数のサムネイル画像331が入れ替え後の並び順となる表示に更新する。
表示制御部131は、図6に示されるように隣以外のページへのページ入れ替えが発生したときに、事前に選択されていたページを選択された状態とする場合に実行するアニメーションとしては、事前に選択されていたページの移動前の位置と移動後の位置とに挟まれるサムネイル画像331に対応する中間画像431が次第に縮小し、透明度を高めてY軸の正側から負側に消え、事前に選択されていたサムネイル画像331に対応する中間画像431が次第に拡大し、透明度を下げてY軸の負側から正側に現れる表示を用いてもよい。ページに関わらない中間画像を、中間画像431と表す。
表示制御部131は、第1表示領域411で、複数のサムネイル画像331が入れ替え後の並び順となる表示に更新する。
図9には、説明の便宜上、図4に示されるのと同様な表示座標系を示してある。
図9の例では、第1表示領域411に、第1cサムネイル画像331-1c以降の複数のサムネイル画像331及び第1cページ番号画像341-1c以降の複数のページ番号画像が表示されている。
図9は、第2表示領域412に表示される第3アニメーションの途中の画像の様子を示している。
選択されている第4cサムネイル画像331-4cを削除する操作がユーザーの指などによって行われた場合を想定する。表示制御部131は、選択されている第4cサムネイル画像331-4cに対応する第4c中間画像921-4cを回転させながら次第に透明度を高めてY軸の正側に消えていく表示の制御を行う。ユーザーは、第2表示領域412に表示されていた第4c中間画像921-4cが回転しながら左上などに消えていく様子を視覚的に把握する。
表示制御部131は、複数のページのうちの最終ページが削除された場合には、当該ページに対して1つ前のページを選択された状態として、当該ページに対応する中間画像921を第2表示領域412に表示する。また、表示制御部131は、当該ページに対応するサムネイル画像331を第1表示領域411で選択された状態とする。
全部で5ページのサムネイル画像331及び中間画像921があって、第5ページが削除された場合、第6ページ以降は存在しないため、表示制御部131は、第4ページを選択された状態とする。
このように、表示制御部131は、最終ページが削除されたとき、1つ前のページが新たに選択される状態とする。
ページを削除する操作として、削除対象のページのサムネイル画像331が選択された状態で、削除アイコン511がユーザーの指などによってタップ等される操作が用いられる。
ページを削除する操作が発生したとき、表示制御部131は、当該ページを削除してもよいか否かをユーザーに確認させるメッセージを表示させてもよく、ユーザーが当該ページを削除してもよいことを指示する操作を行ったことに応じて、当該ページの削除を行う。
したがって、端末装置12は、どのような動作が行われたのかを、アニメーションによって、ユーザーに通知することが可能である。ユーザーは、当該ユーザーが行った操作に応じた動作時に表示されるべきアニメーションとは異なるアニメーションを見たときに、誤操作をしたことに気付くことができる。
したがって、端末装置12は、複数のサムネイル画像331の中で選択されたサムネイル画像331が、これら複数のサムネイル画像331の中の他の位置に移動させられるときに、移動先の位置の区分に応じて、表示態様としてアニメーションを異ならせることで、ユーザーにとって、直感的に移動先の位置を把握することが可能となる。
移動先の位置の区分としては、移動先の位置が移動前の位置の隣であるか否かの区分が用いられてもよい。
したがって、端末装置12は、複数のサムネイル画像331の中で選択されているサムネイル画像331とは別のサムネイル画像331が選択されるときに、これらのサムネイル画像331の位置関係の区分に応じて、表示態様としてアニメーションを異ならせることで、ユーザーにとって、直感的にページ移動の先の位置を把握することが可能となる。
位置関係の区分としては、隣の位置であるか否かの区分が用いられてもよい。
ユーザーは、複数のサムネイル画像331をページの昇順または降順に1つずつタップ等することで、1ページごとにページを移動させるときに、ロングジャンプに対応したアニメーションが見られた場合、2ページ以上の移動をさせる誤操作をしたことに気付くことができる。
ユーザーが、第1表示領域411の表示を用いてスキャン結果の確認を行う作業では、X軸に対して中央付近に選択されているページのサムネイル画像331が配置されている状態で、当該サムネイル画像331よりもX軸の正側または負側にある他のサムネイル画像331をタップすると、タップされたサムネイル画像331が当該中央付近に移動し、第2表示領域412には当該サムネイル画像331に対応する中間画像431が表示される。ユーザーは、当該中央付近のサムネイル画像331に対して1つ隣のサムネイル画像331をタップし続けることで、1ページずつのページ移動を行うことができる。
しかしながら、第1表示領域411の各サムネイル画像331の表示の状況によっては、当該中央付近のサムネイル画像331に対する隣接ページのサムネイル画像331が同じ位置に配置されるとは限らない場合がある。当該隣接ページのサムネイル画像331の表示幅が正対されるときの幅よりも狭いときには、ユーザーは、当該隣接ページではなくさらに隣のページなどを誤タップしてしまうことがある。
そこで、端末装置12では、ユーザーにページ操作をフィードバックして提示することで、ユーザーに誤操作に気付かせることができる。
したがって、端末装置12は、スキャン結果の確認がユーザーによって行われるときなどに、ユーザーが、サムネイル画像331をタップ等して1ページずつ確認している際に、2ページ先などにとんでしまったときに、別種のアニメーションを表示することで、ユーザーに誤操作に気付きやすくすることができる。
したがって、端末装置12は、ページの削除を行う際に、ユーザーにとって、特殊な操作を行ったことを視覚的に把握し易くすることができる。
したがって、端末装置12は、ページの入れ替えを行う際に、ユーザーにとって、選択されていたページとは異なるページを移動する操作を行ったことに気付き易くすることができる。
画像処理装置11は、スキャナー機能及び印刷機能など、複数の機能を有してもよく、複合機であってもよい。
端末装置12は、ビューワーなどと呼ばれてもよい。
当該画像のデータは、電子書籍のデータであってもよい。
端末装置12に複数の表示領域を用いる場合に、複数の表示領域の配置は任意であり、端末装置12を正面から見る視点で、複数の表示領域は、左右に配置されてもよく、上下に配置されてもよく、あるいは、他の配置を用いてもよい。
端末装置12に、第1表示領域411の位置と第2表示領域412の位置とが逆に配置されてもよい。
実施形態に係る情報処理システム1における端末装置12では、次のような画像表示方法を実行する。
画像表示方法は、タッチ入力を受け付ける入力部111を有する表示部112を備える端末装置12の画像表示方法であって、第1画像、第1画像に隣り合う第2画像、及び第2画像に隣り合う第3画像を含む複数の画像を所定の軸に沿って表示し、タッチ入力により、第1画像の選択を受け付け、第1画像を第2画像と第3画像との間の位置へ移動させる第1の移動指示を受け付けたとき、第2画像と第3画像との間に第1画像が移動したことを示す第1表示態様の表示を実行し、第1画像を第2画像と第3画像との間の位置とは異なる位置へ移動させる第2の移動指示を受け付けたとき、第1表示態様とは異なる第2表示態様の表示を実行する。
実施形態では、互いに異なるアニメーションの表示態様が、互いに異なる第1表示態様及び第2表示態様の一例である。
図4では、第1表示領域411に表示される複数のサムネイル画像331が、複数の画像の一例である。第2表示領域412に表示される中間画像431が、拡大画像の一例である。
なお、複数の画像の表示の仕方及び拡大画像の表示の仕方としては、他の態様が用いられてもよい。
また、拡大画像は、必ずしも表示されなくてもよい。
図7~図8では、第2表示領域412に表示された中間画像431、821を用いたアニメーションの表示が実行されている。
第1表示態様と第2表示態様との一方または両方は、拡大画像以外の画像を用いて行われてもよい。
図4では、第1表示領域411で、第3サムネイル画像331-3と第4サムネイル画像331-4とが重ね合わせられて表示されている。
複数の画像は、重ね合わせられずに表示されてもよい。
図7~図8では、第2表示態様の表示として、アニメーション表示が用いられている。
第1表示態様の表示は、アニメーション表示であってもよい。
第1表示態様及び第2表示態様は、アニメーション表示以外の表示であってもよい。
図9では、第3表示態様として、第2表示領域412において、削除指示が受け付けられた中間画像921を用いたアニメーション表示が用いられている。
画像の削除指示があった場合の表示態様としては、他の表示態様が用いられてもよい。
画像表示装置は、タッチ入力を受け付ける入力部111を有する表示部112と、表示部112の表示を制御する表示制御部131と、を備え、表示制御部131は、第1画像、第1画像に隣り合う第2画像、及び第2画像に隣り合う第3画像を含む複数の画像を所定の軸に沿って表示させ、タッチ入力により、第1画像の選択を受け付け、第1画像を第2画像と第3画像との間の位置へ移動させる第1の移動指示を受け付けたとき、第2画像と第3画像との間に第1画像が移動したことを示す第1表示態様の表示を実行させ、第1画像を第2画像と第3画像との間の位置とは異なる位置へ移動させる第2の移動指示を受け付けたとき、第1表示態様とは異なる第2表示態様の表示を実行させる。
図2では、端末装置12は画像表示装置の一例である。そして、端末装置12は、表示部112、入力部111、及び表示制御部131を備える。
タッチ入力を受け付ける入力部111を有する表示部112を備える端末装置12の表示制御を行うコンピューターで実行される表示制御プログラムであって、第1画像、第1画像に隣り合う第2画像、及び第2画像に隣り合う第3画像を含む複数の画像を所定の軸に沿って表示させ、タッチ入力により、第1画像の選択を受け付け、第1画像を第2画像と第3画像との間の位置へ移動させる第1の移動指示を受け付けたとき、第2画像と第3画像との間に第1画像が移動したことを示す第1表示態様の表示を実行させ、第1画像を第2画像と第3画像との間の位置とは異なる位置へ移動させる第2の移動指示を受け付けたとき、第1表示態様とは異なる第2表示態様の表示を実行させる、表示制御プログラムである。
図2では、端末装置12を構成するコンピューターが表示制御プログラムを実行する。
上記のプログラムは、前述した機能の一部を実現するためのものであってもよい。上記のプログラムは、前述した機能をコンピューターシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイルであってもよい。差分ファイルは、差分プログラムと呼ばれてもよい。
Claims (8)
- タッチ入力を受け付ける入力部を有する表示部を備える端末装置の画像表示方法であって、
第1画像、前記第1画像に隣り合う第2画像、及び前記第2画像に隣り合う第3画像を含む複数の画像を所定の軸に沿って表示し、
前記タッチ入力により、前記第1画像の選択を受け付け、
前記第1画像を前記第2画像と前記第3画像との間の位置へ移動させる第1の移動指示を受け付けたとき、前記第2画像と前記第3画像との間に前記第1画像が移動したことを示す第1表示態様の表示を実行し、
前記第1画像を前記第2画像と前記第3画像との間の位置とは異なる位置へ移動させる第2の移動指示を受け付けたとき、前記第1表示態様とは異なる第2表示態様の表示を実行し、
前記第1表示態様と前記第2表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、
画像表示方法。 - 前記複数の画像を、前記端末装置の画面の第1表示領域に表示し、前記複数の画像よりも大きい拡大画像を第2表示領域に表示する、
請求項1に記載の画像表示方法。 - 前記拡大画像は、前記第1画像に対応する画像であり、
前記第2表示領域に前記拡大画像を表示している状態でユーザーが前記第1画像をタッチすることで前記第1画像の選択が受け付けられたとき、前記第1表示態様及び前記第2表示態様の表示は、前記拡大画像に対して実行する、
請求項2に記載の画像表示方法。 - 前記第1表示領域の一部の領域で、前記複数の画像のうちの一部の画像を重ねて表示する、
請求項2または請求項3に記載の画像表示方法。 - 前記第1表示領域において、選択されている画像に対して、隣の画像が選択された場合と、隣以外の他の画像が選択された場合とで、異なるアニメーションの表示を行い、
前記第1表示領域において、選択されている画像に対して、隣以外の他の画像が選択された場合に、前記第2表示領域において、選択されていた画像に対応する拡大画像が次第に縮小されながら透明度を高めながら前記第2表示領域から消えていき、新たに選択された画像に対応する拡大画像が次第に拡大されながら透明度を低めながら前記第2表示領域に現れるアニメーションの表示を行う、
請求項2から請求項4のいずれか1項に記載の画像表示方法。 - 前記複数の画像のうち1の画像の削除指示が受け付けられたとき、前記第1表示態様及び前記第2表示態様とは異なる第3表示態様の表示を実行する、
請求項1から請求項5のいずれか1項に記載の画像表示方法。 - タッチ入力を受け付ける入力部を有する表示部と、
前記表示部の表示を制御する表示制御部と、を備え、
前記表示制御部は、
第1画像、前記第1画像に隣り合う第2画像、及び前記第2画像に隣り合う第3画像を含む複数の画像を所定の軸に沿って表示させ、
前記タッチ入力により、前記第1画像の選択を受け付け、
前記第1画像を前記第2画像と前記第3画像との間の位置へ移動させる第1の移動指示を受け付けたとき、前記第2画像と前記第3画像との間に前記第1画像が移動したことを示す第1表示態様の表示を実行させ、
前記第1画像を前記第2画像と前記第3画像との間の位置とは異なる位置へ移動させる第2の移動指示を受け付けたとき、前記第1表示態様とは異なる第2表示態様の表示を実行させ、
前記第1表示態様と前記第2表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、
画像表示装置。 - タッチ入力を受け付ける入力部を有する表示部を備える端末装置の表示制御を行うコンピューターで実行される表示制御プログラムであって、
第1画像、前記第1画像に隣り合う第2画像、及び前記第2画像に隣り合う第3画像を含む複数の画像を所定の軸に沿って表示させ、
前記タッチ入力により、前記第1画像の選択を受け付け、
前記第1画像を前記第2画像と前記第3画像との間の位置へ移動させる第1の移動指示を受け付けたとき、前記第2画像と前記第3画像との間に前記第1画像が移動したことを示す第1表示態様の表示を実行させ、
前記第1画像を前記第2画像と前記第3画像との間の位置とは異なる位置へ移動させる第2の移動指示を受け付けたとき、前記第1表示態様とは異なる第2表示態様の表示を実行させ、
前記第1表示態様と前記第2表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、
表示制御プログラム。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2020130909A JP7508931B2 (ja) | 2020-07-31 | 2020-07-31 | 画像表示方法、画像表示装置及び表示制御プログラム |
US17/389,826 US11599970B2 (en) | 2020-07-31 | 2021-07-30 | Image display method, image display device, and non-transitory computer-readable storage medium storing image display program for displaying a plurality of images |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2020130909A JP7508931B2 (ja) | 2020-07-31 | 2020-07-31 | 画像表示方法、画像表示装置及び表示制御プログラム |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2022027108A JP2022027108A (ja) | 2022-02-10 |
JP7508931B2 true JP7508931B2 (ja) | 2024-07-02 |
Family
ID=80003106
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2020130909A Active JP7508931B2 (ja) | 2020-07-31 | 2020-07-31 | 画像表示方法、画像表示装置及び表示制御プログラム |
Country Status (2)
Country | Link |
---|---|
US (1) | US11599970B2 (ja) |
JP (1) | JP7508931B2 (ja) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2023009584A (ja) * | 2021-07-07 | 2023-01-20 | キヤノン株式会社 | 画像処理装置、画像処理方法、およびプログラム |
WO2023163035A1 (ja) | 2022-02-24 | 2023-08-31 | 日清オイリオグループ株式会社 | オリゴエステル、及び該オリゴエステルを含有する化粧料 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005227826A (ja) | 2004-02-10 | 2005-08-25 | Seiko Epson Corp | 画像順序づけ装置、画像順序づけ方法およびコンピュータプログラム |
JP2009265929A (ja) | 2008-04-24 | 2009-11-12 | Nintendo Co Ltd | オブジェクト表示順変更プログラム及び装置 |
US20090319949A1 (en) | 2006-09-11 | 2009-12-24 | Thomas Dowdy | Media Manager with Integrated Browers |
JP2015069454A (ja) | 2013-09-30 | 2015-04-13 | 大日本印刷株式会社 | 並べ替え装置及びプログラム |
JP2017073644A (ja) | 2015-10-06 | 2017-04-13 | キヤノン株式会社 | 画像処理装置およびその制御方法 |
JP2018081683A (ja) | 2016-11-16 | 2018-05-24 | ゼロックス コーポレイションXerox Corporation | 画像プレビュー内のページの並べ替え |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7797641B2 (en) * | 2005-05-27 | 2010-09-14 | Nokia Corporation | Mobile communications terminal and method therefore |
JP2011221586A (ja) | 2010-04-02 | 2011-11-04 | Seiko Epson Corp | 表示制御方法およびプログラム。 |
JP5772202B2 (ja) | 2011-05-12 | 2015-09-02 | セイコーエプソン株式会社 | 表示装置、電子機器および表示制御方法 |
KR20150066963A (ko) * | 2013-12-09 | 2015-06-17 | 삼성전자주식회사 | 의료 영상 배치 방법 및 이를 위한 의료 기기 |
JP6779778B2 (ja) | 2016-12-28 | 2020-11-04 | キヤノン株式会社 | 表示制御装置およびその制御方法 |
-
2020
- 2020-07-31 JP JP2020130909A patent/JP7508931B2/ja active Active
-
2021
- 2021-07-30 US US17/389,826 patent/US11599970B2/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005227826A (ja) | 2004-02-10 | 2005-08-25 | Seiko Epson Corp | 画像順序づけ装置、画像順序づけ方法およびコンピュータプログラム |
US20090319949A1 (en) | 2006-09-11 | 2009-12-24 | Thomas Dowdy | Media Manager with Integrated Browers |
JP2009265929A (ja) | 2008-04-24 | 2009-11-12 | Nintendo Co Ltd | オブジェクト表示順変更プログラム及び装置 |
JP2015069454A (ja) | 2013-09-30 | 2015-04-13 | 大日本印刷株式会社 | 並べ替え装置及びプログラム |
JP2017073644A (ja) | 2015-10-06 | 2017-04-13 | キヤノン株式会社 | 画像処理装置およびその制御方法 |
JP2018081683A (ja) | 2016-11-16 | 2018-05-24 | ゼロックス コーポレイションXerox Corporation | 画像プレビュー内のページの並べ替え |
Also Published As
Publication number | Publication date |
---|---|
US11599970B2 (en) | 2023-03-07 |
JP2022027108A (ja) | 2022-02-10 |
US20220036504A1 (en) | 2022-02-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7342208B2 (ja) | 画像処理装置、画像処理装置の制御方法及びプログラム | |
US10579246B2 (en) | Information device and computer-readable storage medium for computer program | |
EP3035184B1 (en) | User interface apparatus, method for controlling a user interface, and computer-readable storage medium for controlling a user interface | |
US9552792B2 (en) | Image processing apparatus, image processing method, and program for controlling the display of image data on a display | |
CN104243749A (zh) | 图像形成装置及图像形成装置的控制方法 | |
US9307103B2 (en) | Image display control apparatus, image display control method, and non-transitory storage medium storing instructions executable by image display control apparatus | |
JP2016126657A (ja) | 情報処理装置、情報処理装置の制御方法、及びプログラム | |
JP7508931B2 (ja) | 画像表示方法、画像表示装置及び表示制御プログラム | |
JP2015524583A (ja) | デジタルオブジェクトを表示するためのユーザ対話システム | |
JP6575081B2 (ja) | 表示装置、画像処理装置及びプログラム | |
JP6601042B2 (ja) | 電子機器、電子機器の制御プログラム | |
JP5875262B2 (ja) | 表示制御装置 | |
JP6299245B2 (ja) | 表示装置、制御プログラム、スクロール表示方法、及び記録媒体 | |
JP6198377B2 (ja) | 表示制御装置、表示制御方法、及びプログラム | |
JP5853778B2 (ja) | 印刷設定装置、印刷設定方法、印刷設定プログラムおよび記録媒体 | |
JP6816798B2 (ja) | 表示装置及びプログラム | |
JP7480626B2 (ja) | 画像表示方法、画像表示装置及び表示制御プログラム | |
JP2015014888A (ja) | 操作装置、画像形成装置、操作装置の制御方法、及びプログラム | |
JP2017215857A (ja) | 表示装置、表示方法およびプログラム | |
JP6395768B2 (ja) | 表示制御装置、表示制御方法、及びプログラム | |
JP6711890B2 (ja) | 表示制御装置、表示制御方法、及びプログラム | |
JP2013084024A (ja) | 情報機器、画像形成装置、操作画面の表示制御方法およびコンピュータープログラム | |
JP2022027105A (ja) | 画像表示方法、画像表示装置及び表示制御プログラム | |
JP6444342B2 (ja) | 表示制御装置、表示制御方法、及びプログラム | |
JP2024107606A (ja) | 印刷システム、印刷物生産方法、及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20230530 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20231227 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20240109 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20240306 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20240521 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20240603 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 7508931 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |