JP7452727B2 - 表示方法及び表示装置 - Google Patents

表示方法及び表示装置 Download PDF

Info

Publication number
JP7452727B2
JP7452727B2 JP2023040517A JP2023040517A JP7452727B2 JP 7452727 B2 JP7452727 B2 JP 7452727B2 JP 2023040517 A JP2023040517 A JP 2023040517A JP 2023040517 A JP2023040517 A JP 2023040517A JP 7452727 B2 JP7452727 B2 JP 7452727B2
Authority
JP
Japan
Prior art keywords
images
image
thumbnail
page
bundle
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
Application number
JP2023040517A
Other languages
English (en)
Other versions
JP2023085322A (ja
Inventor
裕介 山田
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.)
Seiko Epson Corp
Original Assignee
Seiko Epson Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Seiko Epson Corp filed Critical Seiko Epson Corp
Priority to JP2023040517A priority Critical patent/JP7452727B2/ja
Publication of JP2023085322A publication Critical patent/JP2023085322A/ja
Application granted granted Critical
Publication of JP7452727B2 publication Critical patent/JP7452727B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Editing Of Facsimile Originals (AREA)

Description

本発明は、表示方法及び表示装置に関する。
従来、複数の文書などをスキャンして読取った画像の縮小画像を所定数並べて一覧表示し、読取った画像の記載内容を確認することができる画像処理装置が開示されている(例えば、特許文献1参照)。
特開2008-301502号公報
しかしながら、特許文献1に記載されている表示方法では、一覧表示する縮小画像が所定数を超えると、縮小画像を更に縮小して表示するか、縮小画像を複数枚重ねて表示することとなり、全ての画像の記載内容を一括して確認することが難しいという課題があった。
本願の表示方法は、第1の仮想軸上に配置された複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して表示部に表示させる表示方法であって、第1方向に沿って配置された前記複数の画像で構成されている画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像同士が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、前記動的部分に表示される前記画像は、前記静的部分に移動可能であり、前記動的部分における前記画像は、所定の位置に近い前記画像であるほど、前記第1方向と交差する第2方向に沿った前記第2の仮想軸を中心とする回転角が小さくなる。
上述の表示方法において、前記所定の位置は、前記第1方向において、前記動的部分の中心であることとしても良い。
上述の表示方法において、前記画像束が前記第2方向に移動された場合、前記画像束を所定の拡大率で拡大して表示することとしても良い。
上述の表示方法において、前記動的部分における前記複数の画像が、所定の画像数よりも少ない場合、前記動的部分における前記複数の画像の前記回転角を前記所定の画像数の場合より小さくして表示することとしても良い。
上述の表示方法において、前記動的部分において、前記第1方向の長さが前記第2方向の長さに比べ短い前記画像よりも前記第1方向の長さが前記第2方向の長さに比べ長い前記画像が多い場合、前記第1方向の長さが前記第2方向の長さに比べ短い前記画像が多い場合よりも、前記動的部分における前記画像数を減らして表示することとしても良い。
上述の表示方法において、前記画像束の一部が表示されない場合、前記画像束を構成する前記複数の画像のそれぞれの前記第2方向に対向する両端部のうち、どちらか一方の前記端部を揃えて表示することとしても良い。
上述の表示方法において、前記画像束において所定の操作が行われた操作画像は、隣り合う前記画像との間隔を前記所定の操作前より広げて表示することとしても良い。
上述の表示方法において、前記画像束において所定の操作が行われた操作画像が前記動的部分に配置されている場合、隣り合う前記画像同士が重ならないように表示することとしても良い。
本願の表示装置は、第1方向に沿って配置された複数の画像で構成されている画像束を表示する表示部と、前記第1方向に沿った第1の仮想軸上に配置された前記複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、隣り合う前記画像と一部が重なって表示される状態で、前記画像同士が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、前記動的部分における前記画像は、所定の位置に近い前記画像であるほど、前記第1方向と交差する第2方向に沿った前記第2の仮想軸を中心とする回転角が小さくなるように表示させる制御部と、を備えている。
実施形態に係るビューアーの外観を示す図。 画像表示部に表示されるサムネイル画像束と拡大表示されたサムネイル画像とを示す図。 ビューアーのシステム構成を示すブロック図。 ビューアーのシステム構成を示すブロック図。 ビューアーの処理の一例を示すフローチャート。 ビューアーの処理の一例を示すフローチャート。 ビューアーの処理の一例を示すフローチャート。 回転角を決める処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の配置方法を説明する図。 サムネイル画像の配置方法を説明する図。 サムネイル画像の配置方法を説明する図。 ビューアーの処理の一例を示すフローチャート。 見開きを説明する図。 ビューアーの処理の一例を示すフローチャート。 動的部分に見開きが配置された配置方法を説明する図。 ビューアーの処理の一例を示すフローチャート。 サムネイル画像束を拡大表示した図。 動的部分の画像数が所定の画像数より少ないサムネイル画像束を表示した図。 動的部分の画像数が所定の画像数より少ないサムネイル画像束を表示した図。 縦長画像と横長画像とが混在するサムネイル画像束を表示した図。 縦長画像と横長画像とが混在するサムネイル画像束で、各サムネイル画像の端部を揃えて表示した図。 操作サムネイル画像と隣り合うサムネイル画像との間隔を広げて表示した図。 操作サムネイル画像と隣り合うサムネイル画像とが重ならないように表示した図。 動的部分のサムネイル画像を静的部分へ移して表示する方法を説明する図。 動的部分のサムネイル画像を静的部分へ移して表示した図。 サムネイル画像束の幅を縮めて表示する方法を説明する図。 サムネイル画像束の幅を縮めて表示する方法を説明する図。
[実施形態]
以下、本実施形態に係る表示方法及び表示装置について図面を参照して説明する。本実施形態では、表示装置として、画像を含む文献の一例である電子マニュアルや電子書籍あるいはユーザーが作成する文献を閲覧し編集可能なビューアーを例に挙げて説明する。なお、以下の説明で参照する図面では、説明及び図示の便宜上、部材ないし部分の縦横の縮尺を実際のものとは異なるように表す場合がある。また、説明に必要な構成要素以外は図示を省略する場合がある。また、以下では、説明の都合上、図1、図2、図16、図17、図18、図19、図20、図21、及び図22には、それぞれ、互いに直交する3つの軸としてX軸、Y軸、及びZ軸が図示されており、各軸を示す矢印の先端側を「+」、基端側を「-」とする。また、X軸に沿う方向を第1方向としての「横方向」、Y軸に沿う方向を第2方向としての「縦方向」、Z軸に沿う方向を「奥行き方向」という。また、横方向の-X方向を左又は左側、+X方向を右又は右側とし、縦方向の-Y方向を下又は下側、+Y方向を上又は上側として説明する。また、本実施形態では第1方向を横方向、第2方向を縦方向としたが、第1方向が縦方向、第2方向が横方向であってもよい。つまり、第1方向と第2方向とは互いに交差していればよい。
<ビューアーの概要>
先ず、図1及び図2を参照して、実施形態に係るビューアー10の概要について説明する。
図1は、本実施形態に係るビューアーの外観を示す図であり、ビューアー10を表示部としての画像表示部2側から見た正面図である。図2は、画像表示部2に表示される複数のサムネイル画像Tで構成されるサムネイル画像束Gと拡大表示されたサムネイル画像Pとを示す図である。
本実施形態に係るビューアー10は、画像を表示する表示装置である。この例で、ビューアー10は、文書の一例としての電子書籍を閲覧するための装置、いわゆる電子ブックリーダーである。電子書籍は、複数ページの画像を含む文献データである。ビューアー10は、電子書籍をある単位で画像表示部2に表示する。ある単位とは例えば1ページずつである。電子書籍に含まれる複数ページのうち、表示の対象となるページを選択ページという。選択ページは、ユーザーによる図1に示すボタン7A~7Fあるいはタッチパネル7Gの操作に応じて変更される。すなわち、ユーザーは、ボタン7A~7Fあるいはタッチパネル7Gの操作により、電子書籍のページをめくることができる。また、ビューアー10は、電子書籍の閲覧に加え、アプリケーションプログラムを実行する機能を有する。
本実施形態に係る画像表示部2は、図2に示すように、電子マニュアルや電子書籍あるいはユーザーが作成する文献の各ページを縮小した画像としてのサムネイル画像Tと、選択したサムネイル画像Tの元画像Pを表示する。画像表示部2は、複数のサムネイル画像Tが横方向に並んで配置されている画像束としてのサムネイル画像束Gを表示する。
サムネイル画像束Gは、画像表示部2の縦方向の下側である下部において、画像表示部2の下辺に沿って配置され、サムネイル画像束Gの下端は画像表示部2の表示領域外に及んでいることもある。
サムネイル画像Tは、画像表示部2の一部を占める大きさを有する画像であって、元画像を縮小又は拡大した画像である。元画像は、電子マニュアルや電子書籍あるいはユーザーが作成する文献データのページの画像である。また、元画像は、アプリケーションプログラムのアイコン、又はアプリケーションプログラムの動作画面であってもよい。なお、複数のサムネイル画像Tの各々には、アプリケーションプログラム及びその動作が割り当てられてもよい。
ビューアー10は、画像表示部2が配置される面に、入力部7としてボタン7A~7F及びタッチパネル7Gを備える。入力部7は、外部からの入力を取り込む。入力部7は、ユーザーの操作を受け付け、入力信号として処理する。すなわち、ユーザーは、入力部7を操作して、ビューアー10に所定の入力を行う。
<ビューアーのシステム構成>
次に、図3及び図4を参照して、ビューアー10のシステム構成を説明する。
図3及び図4は、ビューアー10のシステム構成を示すブロック図である。
ビューアー10は、図3に示すように、バスBUSに接続される画像表示部2と、制御部3と、VRAM(Video Random Access Memory)4と、RAM(Random Access Memory)5と、文献記憶部6と、入力部7と、を備える。バスBUSに接続される各部間での信号あるいは情報の受け渡しは、バスBUSを介して行われる。
画像表示部2は、元画像に対応するサムネイル画像Tとサムネイル画像Tの元画像Pを表示する。画像表示部2は、複数のサムネイル画像Tを横方向に並んで配置されているサムネイル画像束Gを表示する。画像表示部2は、サムネイル画像束Gを俯瞰した状態である複数のサムネイル画像Tを表示する。画像表示部2は、後述する図9Eに示すように、第1の仮想軸としての第1仮想回転軸Q及び第2の仮想軸としての第2仮想回転軸Mを含む仮想空間内における任意の視点から仮想空間内に配置されたサムネイル画像束Gを見た画像である俯瞰画像を表示する。
画像表示部2は、液晶パネルなどに画像を表示させる信号を出力する図示しない表示駆動回路を含む。画像表示部2は、VRAM4に記憶される画像データを画像として表示する。
制御部3は、ビューアー10の各部を制御する装置、例えば、CPU(Central Processing Unit)、ROM(Read Only Memory)等を有するマイクロコンピューターである。
CPUは、RAM5をワークエリアとして、ROM又はRAM5に記憶されたプログラムを実行する。ROMは、例えば、ビューアー10の基本的な動作を制御するためのOS(Operating System)プログラムを記憶している。
制御部3は、ROMに記憶されたプログラムに基づいてビューアー10の各部を制御する。例えば、制御部3は、各種画像データをVRAM4に記憶させる制御や、入力部7から送られる入力信号からユーザーにより操作されるボタン7A~7F及びタッチパネル7Gや操作された内容を特定し、操作されたボタン7A~7F及びタッチパネル7Gや内容に基づいてビューアー10を動作させる制御を行う。さらに、制御部3は、画像表示部2に表示する画像に対する画像処理を制御する。画像処理としては、例えば、選択ページの拡大表示やサムネイル画像Tに対する表示強調の処理が行われる。
VRAM4は、画像表示部2に表示させる画像を示す画像データを記憶するメモリーである。VRAM4は、展開された画像データが記憶されるメモリーである。VRAM4に記憶される画像データは、画像表示部2に表示される。
RAM5は、制御部3によって実行される画像処理の内容及び画像データとの関連付けが記憶されるメモリーである。
文献記憶部6は、書換え可能なメモリーであり、電子マニュアルや電子書籍あるいはユーザーが作成する文献などの文献データを記憶する。文献記憶部6は、複数の異なる文献データを記憶することができ、適宜文献データの書換えが可能である。文献記憶部6は、文献データに加え、各種のデータ及びアプリケーションプログラムを記憶する不揮発性のメモリーである。文献記憶部6は、例えば、ビューアー10が内蔵する半導体メモリーであってもよいし、SDメモリーカードなどの着脱可能な外部メモリーであってもよい。
入力部7は、図1に示すボタン7A~7Fを備える。入力部7は、ボタン7A~7Fが操作されると、操作されたボタンに対応する入力信号を制御部3へ送信する。入力部7は、タッチパネル7Gを備える。
制御部3は、図4に示すように、画像生成部としてのGUI基盤部30と、画像データ処理部32と、を備える。
GUI基盤部30は、第1仮想回転軸Q上に配置される複数のサムネイル画像Tのそれぞれを、第1仮想回転軸Qと交差するそれぞれの第2仮想回転軸Mを中心にして回転し、さらに第1仮想回転軸Qを中心に回転してサムネイル画像Tを生成する。GUI基盤部30は、仮想空間内における任意の視点から仮想空間内に配置されたサムネイル画像束Gを見た画像である俯瞰画像を生成する。
GUI基盤部30は、有効矩形処理部34と、画像配置部36と、3D画像処理部38と、タッチ処理部40と、ファイル指示部42と、を備える。
有効矩形処理部34は、占有領域としてのサムネイル画像表示領域を設定する。
画像配置部36は、第2仮想回転軸Mを中心にして回転するサムネイル画像Tの回転角θを決定する。決定した回転角θに基づいて、GUI基盤部30でサムネイル画像Tを生成する。
画像配置部36は、複数のサムネイル画像Tで構成されたサムネイル画像束Gを、隣り合うサムネイル画像Tと一部が重なって表示される状態で、サムネイル画像T同士が等間隔で並ぶ静的部分と、隣り合うサムネイル画像T同士の間隔が、静的部分におけるサムネイル画像T同士の間隔よりも広く配置されている動的部分と、に分け、静的部分と動的部分との共通の標準ページピッチを計算する。
画像配置部36は、見開きのページの幅と、画像幅全体から各ページの標準ページピッチと見開きページの幅が占める分を除いた動的部分のページで分け合う幅と、を計算する。また、サムネイル画像束Gの動的部分に縦長のサムネイル画像Tや図19に示すような横長のサムネイル画像TWが混在している場合に、動的部分のページ数を減らすか、又は、動的部分の配置で適用される正規分布を急峻にする。
画像配置部36は、上述した計算を行い、サムネイル画像束Gを構成する複数のサムネイル画像Tの配置位置を決定する。
3D画像処理部38は、例えば、FrameBuffer、GPUである。
タッチ処理部40は、ユーザーのタッチパネル7Gへのタッチを検出する。タッチ処理部40は、タッチパネル7Gからのタッチ信号を取得する。
ファイル指示部42は、タッチ処理部40から供給されるデータに基づいて、画像データ処理部32に文献データのページの元画像の読み込みを指示する。ファイル指示部42は、例えば、モバイル機器向けのオペレーションシステムのアンドロイド(登録商標)の機能である。
画像データ処理部32は、例えば、PDFライブラリーである。
画像データ処理部32は、画像サイズ取得部44と、画像取得部46と、ページ数取得部48と、を備える。
画像サイズ取得部44は、文献記憶部6から文献データのページの元画像の横方向の長さを取得する。画像サイズ取得部44は、文献記憶部6から文献データのページの元画像の縦方向の長さを取得する。
画像取得部46は、文献記憶部6から文献データのページの元画像を取得する。
ページ数取得部48は、文献記憶部6から文献データのページ数を取得する。
アプリケーション部28は、例えば、写真や文書などの印刷ソフト、年賀状印刷ソフト、写真や文書などをプロジェクターで投影する投影ソフトなどのアプリケーションソフトである。
<ビューアーの動作>
次に、図5~図15を参照し、ビューアーの動作を説明する。
図5、図6、図7、図11、図13、及び図15は、ビューアー10の処理の一例を示すフローチャートである。図8は、回転角θを決める処理を説明する図である。図9A~図9Eは、サムネイル画像の生成処理を説明する図である。図10A~図10Cは、サムネイル画像の配置方法を説明する図である。図12は、見開きを説明する図である。図14は、動的部分に見開きが配置された配置方法を説明する図である。以降、図5のフローチャートに沿って、図2を参照しつつ制御部3の動作を説明する。
制御部3は、生成されたサムネイル画像Tを画像表示部2の右側から左側へページ番号の昇順で配置したサムネイル画像束Gを生成する。
画像配置部36は、サムネイル画像束Gを静的部分と動的部分に分け、静的部分におけるサムネイル画像Tの配置位置と、動的部分におけるサムネイル画像Tの配置位置と、を計算し、サムネイル画像束Gを構成する複数のサムネイル画像Tの配置位置を決定する。
図5のフローは、所定のイベント、例えば、ビューアー10の電源が投入されたこと、又は、ビューアー10において例えば、メニュー画面の表示が指示されたことを契機として開始される。
先ず、ステップS101において、ファイル指示部42は、入力部7のボタン7A~7Fあるいはタッチパネル7Gを使用してユーザーに指定された元画像を文献記憶部6から読み出すことを画像取得部46に指示する。制御部3は、処理対象となるサムネイル画像束G、この例ではサムネイル画像束Gに含まれる複数のサムネイル画像Tの元画像を取得する。
次に、ステップS102において、制御部3は、複数のサムネイル画像Tの並び順を示すデータを取得する。このデータは、サムネイル画像Tの識別子と、並び順を示す番号とを含む。
このデータは、サムネイル画像Tの並び順を示す番号と、サムネイル画像Tの識別子としてファイル名とを含んでいる。このデータは、文献記憶部6に記憶されている。ステップS101において、制御部3は、文献記憶部6からこのデータを読み出し、このデータに含まれるファイル名を有する元画像を文献記憶部6から取得する。ステップS102において、制御部3は、このデータからサムネイル画像Tの並び順を取得する。
次に、ステップS103において、制御部3は、サムネイル画像束Gの表示に用いられるパラメーターを取得する。これらのパラメーターは、サムネイル画像束Gの識別子とともに、文献記憶部6に記憶されている。ここで取得されるパラメーターには、画像数や画像の幅寸法が含まれる。画像数は、サムネイル画像束Gに含まれるサムネイル画像Tの数を示すパラメーターである。画像の幅寸法は、サムネイル画像束Gの横方向の長さを示すパラメーターである。
次に、ステップS104において、制御部3は、GUI基盤部30で生成されたサムネイル画像Tを用いてサムネイル画像束Gを生成する。詳細には、制御部3は、GUI基盤部30がステップS101において取得した元画像を縮小又は拡大し、生成したサムネイル画像Tを用いてサムネイル画像束Gを生成する。
以下、図6のフローチャートに沿って、制御部3のサムネイル画像Tを生成し、サムネイル画像Tを配置してサムネイル画像束Gを生成する動作を説明する。
先ず、ステップS201において、画像配置部36は、後述する図9Aに示す各ページの第2仮想回転軸Mを中心にして回転する回転角θを決める。なお、この動作を図7のフローチャートに沿って、説明する。
先ず、ステップS301において、画像配置部36は、元画像のNページ目の読み込みを開始する。Nは1以上の整数である。
次に、ステップS302において、画像配置部36は、Nページ目が動的部分でない場合は、「No」としてステップS306に進み、Nページ目の回転角θを最大回転角θmaxと設定し、ステップS304に進む。また、Nページ目が動的部分である場合は、「Yes」としてステップS303に進み、Nページ目の回転角θを「最大回転角-最大削減回転角*該当する正規分布の値/正規分布の中央値」と設定する。なお、動的部分に配置されるページの回転角θは、図8に示すように、削減回転角の正規分布に従って計算され、動的部分の横方向の中心となる所定の位置Kに近いほどページの回転角θが小さくなる。つまり、所定の位置Kに1番目に近いページの回転角θ1<2番目に近いページの回転角θ2<3番目に近いページの回転角θ3となる。
次に、ステップS304において、画像配置部36は、見開きより右側なら角度の正負を逆転する。つまり、所定の位置Kより右側のページは、回転角θを-θ1、-θ2、-θ3、-θmaxと設定する。
次に、ステップS305において、画像配置部36は、ステップ301に戻り、ステップ301からステップ305の動作をページ数分繰り返し、Nページ目の読み込みを完了し、各ページの回転角θの設定を終了する。
図6に戻り、ステップS202において、制御部3は、各ページのサムネイル画像Tを生成する。具体的には、GUI基盤部30において、第1仮想回転軸Q上に配置される複数のサムネイル画像Tのそれぞれを、第1仮想回転軸Qと交差するそれぞれの第2仮想回転軸Mを中心にして回転し、さらに第1仮想回転軸Qを中心に回転してサムネイル画像Tを生成する。
GUI基盤部30は、図9Aに示すように、ページTaを仮想空間内の仮想水平面Nに設定された第1仮想回転軸Q上に立てて配置し、第1仮想回転軸Qと交差するそれぞれの第2仮想回転軸Mを中心にして、ページTaの横方向が表示領域の横方向に平行な基準位置Rから回転角θで回転させる。さらに、GUI基盤部30は、仮想空間内においてそれぞれの第2仮想回転軸Mを中心にして回転されたページTaを、第1仮想回転軸Qを中心にして図示しない俯角φで回転させた画像を生成する。即ち、GUI基盤部30は、仮想空間内において、第2仮想回転軸Mを中心にして回転されたページTaの上辺より上の視点から、ページTaを図示しない俯角φで斜めに見下ろしている画像を生成する。換言すれば、各サムネイル画像は、仮想空間内においてページTaの上辺より上の視点からページTaを図示しない俯角φで斜視し、俯瞰している画像として生成される。なお、ページを回転させていない場合、ページの横方向が表示領域の横方向に平行な状態であり、回転角θは0°である。また、俯角φは予め定められた角度となっている。また、第2仮想回転軸Mは、ページの縦方向である第2方向の辺に沿って平行である構成に限定されるものではなく、ページの横方向の辺と交差する構成であってもよい。
具体的には、先ず、GUI基盤部30は、各ページを正面から見た図9Bに示す画像Tbに対して、図9Cに示すように、横幅を変化させないようにしつつ、縦方向の変形を加え、図9Bの画像Tbの右辺を左辺に対してS・sinθ・tanφだけずらした画像Tcを生成する。次に、GUI基盤部30は、図9Dに示すように、図9Cの画像Tcを、cosθの倍率で横方向に縮小した画像Tdを生成する。この結果、画像Tdの横幅は、S・cosθとなる。そして、GUI基盤部30は、最後に図9Eに示すように、図9Dの画像Tdをcosφの倍率で縦方向に縮小した画像Teを生成する。この結果、画像Teの縦方向の寸法は、L・cosφとなる。これにより、ページを、第2仮想回転軸Mを中心にして回転角θで回転させ、さらに、第1仮想回転軸Qを中心に回転させたサムネイル画像Tが生成される。換言すれば、ページを、第2仮想回転軸Mを中心にして回転角θで回転させ、且つ、ページの上辺より上の視点からページを俯角φで見下ろした時のサムネイル画像Tが生成される。
再び図6に戻り、ステップS203において、画像配置部36は、動的部分と静的部分との共通の標準ページピッチLaを計算する。
標準ページピッチLaは、「全体占有幅*標準ページピッチ占有幅比率/(ページ数-1)」で計算される。ここで、ページピッチが図10Aで示す正規分布の場合、図10Bに示すように、静的部分のページピッチは、標準ページピッチLaとなり、動的部分のページピッチは、標準ページピッチLaの間にページピッチL1,L2,L3が入ったピッチとなる。なお、全体占有幅とは、静的部分のページピッチの合計と動的部分のページピッチの合計とを加算し、さらに「標準ページ幅*cos(最大回転角θmax)」の1/2に相当する両端の2つのページピッチLbを加算した長さWmaxである。また、標準ページピッチ占有幅比率とは、図10Cに示すように、動的部分のページピッチL1,L2,L3を除いた標準ページピッチ占有幅の長さWaの全体占有幅の長さWmaxに対する比率である。
次に、ステップS204において、画像配置部36は、見開きの幅を計算する。なお、見開きとは、図8に示す動的部分の所定の位置Kを挟む2枚のサムネイル画像Tのことである。
以下、図11のフローチャートに沿って、画像配置部36の見開きの幅を計算する動作を説明する。
先ず、ステップS401において、画像配置部36は、見開きの実表示幅を、予め決められた見開きギャップGとする。なお、見開きギャップGとは、図12に示すように、見開き左のページと見開き右のページとの間隔である。
次に、ステップS402において、見開きが動的部分である場合、「Yes」としてステップS403に進み、ステップS403において、見開きの状態が、「見開き左≧ページ総数-1又は全ページ右向き」や「見開き右≦0ページ又は全ページ左向き」でない「他」の場合には、ステップS404に進み、画像配置部36は、見開き左の実表示幅WLを、「見開き左のページ幅*cos(回転角θ)」とする。なお、全ページ右向きとは、全ページが図12における「見開き左」の場合であり、全ページ左向きとは、全ページが図12における「見開き右」の場合である。
次に、ステップS405において、画像配置部36は、見開き右の実表示幅WRを、「見開き右のページ幅*cos(回転角θ)」とする。
次に、ステップS406において、画像配置部36は、見開きの実表示幅に、「(見開き左の実表示幅WL/2)+(見開き右の実表示幅WR/2)」を加算し、見開きの実表示幅の計算を終了する。
次に、ステップS403に戻り、見開きの状態が、「見開き右≦0ページ又は全ページ左向き」の場合には、ステップS407に進み、見開き右の実表示幅WRを、「見開き右のページ幅*cos(回転角θ)」とする。
次に、ステップS408において、画像配置部36は、見開きの実表示幅に、「見開き右の実表示幅WR/2」を加算し、見開きの実表示幅の計算を終了する。
再び、ステップS403に戻り、見開きの状態が、「見開き左≧ページ総数-1又は全ページ右向き」の場合には、ステップS409に進み、見開き左の実表示幅WLを、「見開き左のページ幅*cos(回転角θ)」とする。
次に、ステップS410において、画像配置部36は、見開きの実表示幅に、「見開き左の実表示幅WL/2」を加算し、見開きの実表示幅の計算を終了する。
次に、ステップS402に戻り、見開きが動的部分でない場合、「No」としてステップS411に進み、ステップS411において、「見開き右≦0ページ又は見開き左≧ページ総数-1」である場合には、「Yes」としてステップS412に進む。
ステップS412において、画像配置部36は、見開きの実表示幅に、「標準ページ幅*cos(最大回転角θmax)/2」を加算し、見開きの実表示幅の計算を終了する。
次に、ステップS411に戻り、「見開き右≦0ページ又は見開き左≧ページ総数-1」でない場合には、「No」としてステップS413に進み、ステップS413において、画像配置部36は、見開きの実表示幅に、「標準ページ幅*cos(最大回転角θmax)」を加算し、見開きの実表示幅の計算を終了する。
再び、図6に戻り、ステップS205において、画像配置部36は、動的部分のページで分け合う幅を計算する。
動的部分のページで分け合う幅は、「全体占有幅*(1-標準ページピッチ占有幅比率)-見開きの実表示幅」で計算される。なお、全体占有幅は、上述した静的部分のページピッチの合計と動的部分のページピッチの合計とを加算し、さらに静的部分のページピッチ1個を加算した長さWmaxである。また、標準ページピッチ占有幅比率とは、標準ページピッチ占有幅の長さWaの全体占有幅の長さWmaxに対する比率である。
次に、ステップS206において、画像配置部36は、動的部分の累積正規分布を計算する。
以下、図13のフローチャートに沿って、画像配置部36の動的部分の累積正規分布を計算する動作を説明する。
先ず、ステップS501において、画像配置部36は、累積正規分布を「0」とする。
ステップS502において、画像配置部36は、動的部分のMページ目の読み込みを開始する。Mは1以上の整数である。
次に、ステップS503において、画像配置部36は、見開きより右側なら回転角θの角度の正負を逆転する。
次に、ステップS504において、Mページ目が見開きの左右どちらかである場合には、「Yes」としてステップS505に進み、ステップS505において、画像配置部36は、累積正規分布に、「Mページ目の正規分布/2」を加算する。
次に、ステップS506において、画像配置部36は、Mページ目の読み込みを完了し、累積正規分布の計算を終了する。
ステップS504に戻り、Mページ目が見開きの左右どちらかでない場合には、「No」としてステップS507に進み、ステップS507において、画像配置部36は、累積正規分布に、「Mページ目の正規分布」を加算する。
次に、ステップS506において、画像配置部36は、ステップ502に戻り、ステップ502からステップ506の動作をページ数分繰り返し、Mページ目の読み込みを完了し、累積正規分布の計算を終了する。
以上の累積正規分布の計算を行うことで、図14に示すように、動的部分に見開きがある配置を計算することができる。
再び、図6に戻り、ステップS207において、画像配置部36は、各ページのサムネイル画像Tを配置し、サムネイル画像束Gを生成する。
以下、図15のフローチャートに沿って、画像配置部36の各ページを配置する動作を説明する。
先ず、ステップS601において、画像配置部36は、0ページ目のX座標を「標準ページ幅La*cos(最大回転角θmax)/2」とする。なお、X座標とは、最初のページの横方向に対向する両端部の左側の端部を0とし、左側の端部からの横方向となるX軸方向の長さである。
次に、ステップS602において、画像配置部36は、元画像のNページ目の読み込みを開始する。Nは1以上の整数である。
次に、ステップS603において、Nページ目が見開きの右である場合には、「Yes」としてステップS604に進み、ステップS604において、Nページ目が動的部分である場合には、「Yes」としてステップS605に進む。
次に、ステップS605において、画像配置部36は、X座標に「動的部分で分け合う幅*Nページ目の正規分布/累積正規分布/2」を加算する。
次に、ステップS606において、画像配置部36は、Nページ目のX座標をX座標とする。
次に、ステップS607において、Nページ目が見開き右である場合には、「Yes」としてステップS608に進む。Nページ目が見開き右でない場合には、「No」としてステップS614に進み、ステップS614において、画像配置部36は、X座標に「動的部分で分け合う幅*Nページ目の正規分布/2」を加算し、ステップS608に進む。
次に、ステップS604に戻り、Nページ目が動的部分でない場合には、「No」としてステップS613において、Nページ目のX座標をX座標とし、ステップS608に進む。
次に、ステップS603に戻り、Nページ目が見開き右でない場合には、「No」としてステップS611に進み、ステップS611において、X座標に見開きの実表示幅を加算する。
次に、ステップS612において、Nページ目のX座標をX座標とし、ステップS608に進む。
次に、ステップS608において、X座標に標準ページピッチLaを加算し、ステップS609において、画像配置部36は、ステップ301に戻り、ステップ602からステップ609の動作をページ数分繰り返し、Nページ目の読み込みを完了し、各ページのX座標の計算を終了する。
その後、画像配置部36で計算した各ページのX座標に基づいて、GUI基盤部30で生成したサムネイル画像Tを第1仮想回転軸Q上に配置し、サムネイル画像束Gの生成を終了する。
図5に戻り、ステップS105において、制御部3は、ステップS104で生成したサムネイル画像Tで構成されたサムネイル画像束Gを画像表示部2に表示する。
以上のフローにより、画像表示部2の横方向に沿って、右側から左側へページ番号の昇順で配置したサムネイル画像束Gが画像表示部2に表示される。
なお、各ステップで算出された各種計算値は、ページごとにRAM5に記憶され、計算に必要な際に、その都度、RAM5から読み出され各種計算に用いられる。
上述のような表示装置としてのビューアー10や表示方法によれば、静的部分に配置されたサムネイル画像Tは、隣り合うサムネイル画像Tと一部が重なって表示されるので、サムネイル画像Tの記載内容の一部を確認することができる。また、動的部分に配置されたサムネイル画像Tは、所定の位置Kに近いサムネイル画像Tであるほど、第2仮想回転軸Mを中心とする回転角θが小さくなるように表示されているので、所定の位置Kに近いサムネイル画像Tほど、画像幅が広くなり、サムネイル画像Tの記載内容をより確認し易くなる。従って、全てのサムネイル画像Tの記載内容を一括して確認することができる。
また、所定の位置Kが、複数のサムネイル画像Tが並ぶ横方向において、動的部分の中心であるので、所定の位置Kの両側に画像幅の広いサムネイル画像Tが配置され、動的部分に配置されたサムネイル画像Tの記載内容をより確認し易くなる。
次に、入力部7のボタン7A~7Fあるいはタッチパネル7Gを使用してユーザーが所定の操作を行った場合の表示方法や上述した制御部3を制御するプログラム以外に予めプログラムされた表示方法について、表示例1~表示例9として説明する。
[表示例1]
画像束を拡大表示する表示方法について、図16を参照して説明する。
図16は、サムネイル画像束を拡大表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図16に示すように、ユーザーがサムネイル画像束Gを指で矢印A1が示すように上方に移動させ、指をタッチパネル7Gから離すと、制御部3は、サムネイル画像束Gを所定の拡大率で拡大し、画像表示部2においてサムネイル画像束Gを指で移動した付近で、拡大されたサムネイル画像束Gを表示する処理を行う。また、拡大されたサムネイル画像束Gは、ユーザーが指で下方に移動させ、タッチパネル7Gから指を離すと、元の大きさのサムネイル画像束Gとなり表示される。
なお、拡大されたサムネイル画像束Gは、幅方向である横方向の長さが元のサムネイル画像束Gと同じで、各サムネイル画像Tが所定の拡大率で拡大されて表示される。
この表示方法によれば、サムネイル画像束Gを所定の拡大率で拡大して表示することにより、サムネイル画像束Gの各サムネイル画像Tの記載内容を容易に認識することができる。
[表示例2]
動的部分の画像数が所定の画像数より少ない画像束を表示する表示方法について、図17を参照して説明する。
図17は、動的部分の画像数が所定の画像数より少ないサムネイル画像束を表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図17に示すように、動的部分の画像数が所定の画像数より少ない場合、例えば、動的部分における所定の画像数が6枚で、動的部分の画像数が4枚の場合、制御部3は、架空の2枚を実存する4枚の左側に追加した配置を計算し、図17に示すように、動的部分において、右側に寄せて4枚のサムネイル画像Tを表示する。
この表示方法によれば、少ない枚数で飛び飛びに配置されず、連続した画像が集中した位置に表示されるので、見た目が美しくなる。
[表示例3]
動的部分の画像数が所定の画像数より少ない画像束を表示するもう一つの表示方法について、図18を参照して説明する。
図18は、動的部分の画像数が所定の画像数より少ないサムネイル画像束を表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図18に示すように、動的部分の画像数が所定の画像数より少ない場合、ユーザーが指で動的部分のサムネイル画像Tをタッチすることで、制御部3は、動的部分に配置されたサムネイル画像Tの回転角θを動的部分に所定の画像数が配置されている場合に比べ、小さくして表示する処理を行う。具体的には、動的部分の画像数が所定の画像数より少ない場合には、所定の位置Kに一番近いサムネイル画像Tの回転角θ1を動的部分に所定の画像数が配置されている場合の所定の位置Kに1番目に近いサムネイル画像Tの回転角θ1より小さくする。また、所定の位置Kに2番目に近いサムネイル画像Tの回転角θ2を動的部分に所定の画像数が配置されている場合の所定の位置Kに2番目に近いサムネイル画像Tの回転角θ2より小さくする。
なお、動的部分の画像数が所定の画像数より少ない場合には、動的部分に所定の画像数が配置されている場合に比べ、動的部分に配置されたサムネイル画像Tの回転角θを小さくするように自動的に制御するプログラムとしても構わない。
この表示方法によれば、動的部分におけるサムネイル画像Tの第2仮想回転軸Mを中心とする回転角θを小さくして表示することで、動的部分に配置されたサムネイル画像Tの画像幅がより広くなり、動的部分に配置されたサムネイル画像Tの記載内容をより確認し易くなる。
[表示例4]
縦長画像と横長画像とが混在する画像束を表示する表示方法について、図19を参照して説明する。
図19は、縦長画像と横長画像とが混在するサムネイル画像束を表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図19に示すように、動的部分に横方向の長さが縦方向の長さに比べ短い縦長のサムネイル画像Tと、横方向の長さが縦方向の長さに比べ長い横長のサムネイル画像TWと、が混在しているサムネイル画像束Gにおいて、制御部3は、動的部分に縦長のサムネイル画像Tよりも横長のサムネイル画像TWが多い場合に、縦長のサムネイル画像Tよりも横長のサムネイル画像TWが少ない場合の画像数に比べ、画像数を減らして表示する処理を行う。
この表示方法によれば、動的部分に縦長のサムネイル画像Tよりも横長のサムネイル画像TWが多い場合に、動的部分の画像数を減らして表示することで、横長のサムネイル画像TWと隣り合う画像との間隔が広くなり、重なり領域が小さくなるので、横長のサムネイル画像TWの記載内容をより確認し易くなる。
[表示例5]
縦長画像と横長画像とが混在する画像束で、各画像の端部を揃えて表示する表示方法について、図20を参照して説明する。
図20は、縦長画像と横長画像とが混在するサムネイル画像束で、各サムネイル画像の端部を揃えて表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
縦長のサムネイル画像Tと横長のサムネイル画像TWとが混在しているサムネイル画像束Gは、各サムネイル画像T,TWを縦方向に中央寄せして表示される。そのため、ユーザーがサムネイル画像束Gを指でタッチし、サムネイル画像束Gを上方又は下方に移動させ、サムネイル画像束Gの上端又は下端の一部が画像表示部2に表示されなくなると、制御部3は、サムネイル画像T,TWの縦方向に対向する両端部のうち、どちらか一方の端部を揃えて表示する処理を行う。具体的には、図20に示すように、サムネイル画像束Gの所定の範囲となるサムネイル画像束Gの上方部分のみが表示され、つまり、サムネイル画像T,TWの下端が画像表示部2に表示されなくなると、各サムネイル画像T,TWの上端部を揃えたサムネイル画像束Gが表示される。また、サムネイル画像束Gの所定の範囲となるサムネイル画像束Gの下方部分のみが表示され、つまり、サムネイル画像T,TWの上端が画像表示部2に表示されなくなると、各サムネイル画像T,TWの下端部を揃えたサムネイル画像束Gが表示される。
この表示方法によれば、サムネイル画像束Gを構成する複数のサムネイル画像T,TWに縦長のサムネイル画像Tや横長のサムネイル画像TWが混在し、複数のサムネイル画像T,TWの縦方向に対向する両端部のどちらかが表示されない場合でも、サムネイル画像束Gを構成する複数のサムネイル画像T,TWの縦方向に対向する両端部のうち、どちらか一方を揃えて表示することで、横長のサムネイル画像TWの記載内容を確認することができる。
[表示例6]
操作画像と隣り合う画像との間隔を広げて表示する表示方法について、図21を参照して説明する。
図21は、操作サムネイル画像と隣り合うサムネイル画像との間隔を広げて表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図21に示すように、ユーザーが操作画像としての操作サムネイル画像TSを指でタッチするなどの所定の操作が行われると、制御部3は、操作サムネイル画像TSと隣り合うサムネイル画像Tとの間隔を広げて表示する処理を行う。具体的には、操作サムネイル画像TSの左側のサムネイル画像Tとの間隔W1と操作サムネイル画像TSの右側のサムネイル画像Tとの間隔W2を、操作サムネイル画像TSが指でタッチされる所定の操作前の間隔より、それぞれ広くして表示される。
この表示方法によれば、操作サムネイル画像TSと隣り合うサムネイル画像Tとの間隔を広げて表示されるので、操作サムネイル画像TSと隣り合うサムネイル画像Tと重なる領域が小さくなり、操作サムネイル画像TSと隣り合うサムネイル画像Tの記載内容を確認し易くなる。
[表示例7]
操作サ画像と隣り合う画像とが重ならないように表示する表示方法について、図22を参照して説明する。
図22は、操作サムネイル画像と隣り合うサムネイル画像とが重ならないように表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図22に示すように、ユーザーが動的部分に配置された操作画像としての操作サムネイル画像TSを所定の時間以上、例えば1秒以上指でタッチするなどの所定の操作が行われると、制御部3は、操作サムネイル画像TSと隣り合うサムネイル画像T同士が重ならないように表示する処理を行う。具体的には、操作サムネイル画像TSの左側のサムネイル画像Tとの間隔G1と操作サムネイル画像TSの右側のサムネイル画像Tとの間隔G2とが設けてられて表示される。
この表示方法によれば、動的部分に配置された操作サムネイル画像TSと隣り合うサムネイル画像T同士が重ならないように表示されるので、操作サムネイル画像TSと隣り合うサムネイル画像Tの記載内容を容易に確認することができる。
[表示例8]
動的部分の画像を静的部分へ移して表示する表示方法について、図23および図24を参照して説明する。
図23は、動的部分のサムネイル画像を静的部分へ移して表示する方法を説明する図であり、図24は、動的部分のサムネイル画像を静的部分へ移して表示した図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図23に示すように、ユーザーが動的部分に配置されたサムネイル画像Tを指でタッチし、矢印A2が示すように右側に移動させると、制御部3は、指でタッチされたサムネイル画像Tと、指でタッチされたサムネイル画像Tと静的部分との間に配置されているサムネイル画像Tと、を静的部分に移動し、図24に示すように、静的部分に配置し表示する処理を行う。つまり、動的部分に表示されているサムネイル画像Tを静的部分に移動可能である。なお、静的部分に表示されているサムネイル画像Tを動的部分に移動させることも可能である。具体的には、静的部分のサムネイル画像Tを指でタッチし、動的部分へ移動させることで表示することができる。
この表示方法によれば、動的部分に配置されたサムネイル画像Tを減らすことができ、動的部分に配置されたサムネイル画像Tがより見易くなる。
[表示例9]
画像束の幅を縮めて表示する表示方法について、図25および図26を参照して説明する。
図25および図26は、サムネイル画像束の幅を縮めて表示する方法を説明する図である。なお、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図25に示すように、ユーザーが指でサムネイル画像束Gの一番左側に配置されたサムネイル画像Tにタッチし、矢印A3が示すように右側に移動させると、制御部3は、サムネイル画像束Gの幅方向である横方向の長さを縮めて、図26に示すように、表示する処理を行う。また、タッチパネル7Gから指を離すと、元の幅のサムネイル画像束Gが表示される。なお、サムネイル画像束Gを左側に寄せて縮めて表示することも可能である。
この表示方法によれば、拡大されたサムネイル画像Tや他のサムネイル画像束G等にサムネイル画像束Gが重ねて表示されている場合、サムネイル画像束Gの幅を縮めて表示することにより、サムネイル画像束Gと重なっていた拡大されたサムネイル画像Tやサムネイル画像束Gの記載内容を容易に確認することができる。
以下に、上述した実施形態から導き出される内容を記載する。
表示方法は、第1の仮想軸上に配置された複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して表示部に表示させる表示方法であって、第1方向に沿って配置された前記複数の画像で構成されている画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像同士が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、前記動的部分に表示される前記画像は、前記静的部分に移動可能であり、前記動的部分における前記画像は、所定の位置に近い前記画像であるほど、前記第1方向と交差する第2方向に沿った前記第2の仮想軸を中心とする回転角が小さくなる。
この表示方法によれば、静的部分に配置された画像は、隣り合う画像と一部が重なって表示されるので、画像の記載内容の一部を確認することができる。また、動的部分に配置された画像は、所定の位置に近い画像であるほど、第2の仮想軸を中心とする回転角が小さくなるように表示されているので、所定の位置に近い画像ほど、画像幅が広くなり、画像の記載内容をより確認し易くなる。従って、全ての画像の記載内容を一括して確認することができる。
上述の表示方法において、前記所定の位置は、前記第1方向において、前記動的部分の中心であることとしても良い。
この表示方法によれば、所定の位置が、複数の画像が並ぶ第1方向において、動的部分の中心であるので、所定の位置の両側に画像幅の広い画像が配置され、動的部分に配置された画像の記載内容をより確認し易くなる。
上述の表示方法において、前記画像束が前記第2方向に移動された場合、前記画像束を所定の拡大率で拡大して表示することとしても良い。
この表示方法によれば、画像束を所定の拡大率で拡大して表示することにより、画像束の各画像の記載内容を容易に認識することができる。
上述の表示方法において、前記動的部分における前記複数の画像が、所定の画像数よりも少ない場合、前記動的部分における前記複数の画像の前記回転角を前記所定の画像数の場合より小さくして表示することとしても良い。
この表示方法によれば、動的部分における画像の第2の仮想軸を中心とする回転角を小さくして表示することで、動的部分に配置された画像の画像幅がより広くなり、動的部分に配置された画像の記載内容をより確認し易くなる。
上述の表示方法において、前記動的部分において、前記第1方向の長さが前記第2方向の長さに比べ短い前記画像よりも前記第1方向の長さが前記第2方向の長さに比べ長い前記画像が多い場合、前記第1方向の長さが前記第2方向の長さに比べ短い前記画像が多い場合よりも、前記動的部分における前記画像数を減らして表示することとしても良い。
この表示方法によれば、動的部分に第1方向の長さが第2方向の長さに比べ短い縦長画像よりも第1方向の長さが第2方向の長さに比べ長い横長画像が多い場合、動的部分の画像数を減らして表示することで、横長画像と隣り合う画像との間隔が広くなり、重なり領域が小さくなるので、動的部分に配置された横長画像の記載内容をより確認し易くなる。
上述の表示方法において、前記画像束の一部が表示されない場合、前記画像束を構成する前記複数の画像のそれぞれの前記第2方向に対向する両端部のうち、どちらか一方の前記端部を揃えて表示することとしても良い。
この表示方法によれば、画像束を構成する複数の画像に縦長の画像や横長の画像が混在し、複数の画像の第2方向に対向する両端部のどちらかが表示されない場合でも、画像束を構成する複数の画像の第2方向に対向する両端部のうち、どちらか一方を揃えて表示することで、横長の画像の記載内容を確認することができる。
上述の表示方法において、前記画像束において所定の操作が行われた操作画像は、隣り合う前記画像との間隔を前記所定の操作前より広げて表示することとしても良い。
この表示方法によれば、操作画像と隣り合う画像との間隔を広げて表示されるので、操作画像と隣り合う画像とが重なる領域が小さくなり、操作画像と隣り合う画像の記載内容を確認し易くなる。
上述の表示方法において、前記画像束において所定の操作が行われた操作画像が前記動的部分に配置されている場合、隣り合う前記画像同士が重ならないように表示することとしても良い。
この表示方法によれば、動的部分に配置された操作画像と隣り合う画像同士が重ならないように表示されるので、操作画像と隣り合う画像の記載内容を容易に確認することができる。
表示装置は、第1方向に沿って配置された複数の画像で構成されている画像束を表示する表示部と、前記第1方向に沿った第1の仮想軸上に配置された前記複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、隣り合う前記画像と一部が重なって表示される状態で、前記画像同士が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、前記動的部分における前記画像は、所定の位置に近い前記画像であるほど、前記第1方向と交差する第2方向に沿った前記第2の仮想軸を中心とする回転角が小さくなるように表示させる制御部と、を備えている。
この表示装置によれば、静的部分に配置された画像は、隣り合う画像と一部が重なって表示されるので、画像の記載内容の一部を確認することができる。また、動的部分に配置された画像は、所定の位置に近い画像であるほど、第2の仮想軸を中心とする回転角が小さくなるように表示されているので、所定の位置に近い画像ほど、画像幅が広くなり、画像の記載内容をより確認し易くなる。従って、全ての画像の記載内容を一括して確認することができる。
2…表示部としての画像表示部、3…制御部、4…VRAM、5…RAM、6…文献記憶部、7…入力部、7A~7F…ボタン、7G…タッチパネル、10…表示装置としてのビューアー、28…アプリケーション部、30…画像生成部としてのGUI基盤部、32…画像データ処理部、34…有効矩形処理部、36…画像配置部、38…3D画像処理部、40…タッチ処理部、42…ファイル指示部、44…画像サイズ取得部、46…画像取得部、48…ページ数取得部、BUS…バス、G…画像束としてのサムネイル画像束、P,T…画像としてのサムネイル画像、Ta…ページ、Tb,Tc,Td,Te…画像、Q…第1の仮想軸としての第1仮想回転軸、M…第2の仮想軸としての第2仮想回転軸、N…仮想水平面、R…基準位置、θ…回転角。

Claims (10)

  1. 第1の仮想軸上に配置された複数の画像のそれぞれが、前記第1の仮想軸と交差するそ
    れぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して表
    示部に表示させる表示方法であって、
    第1方向に沿って配置された前記複数の画像で構成されている画像束は、
    隣り合う前記画像と一部が重なって表示される状態で、前記画像同士が等間隔で並ぶ静
    的部分と、
    隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く
    配置される動的部分と、を有し、
    前記動的部分において、前記第1方向の長さが、前記第1方向と交差する第2方向の長
    さに比べ短い前記画像よりも前記第1方向の長さが前記第2方向の長さに比べ長い前記画
    像が多い場合、
    前記第1方向の長さが前記第2方向の長さに比べ短い前記画像が多い場合よりも、前記
    動的部分における前記画像数を減らして表示する、
    表示方法。
  2. 前記動的部分に表示される前記画像は、前記静的部分に移動可能である、
    請求項1に記載の表示方法。
  3. 前記動的部分における前記画像は、所定の位置に近い前記画像であるほど、前記第1方
    向と交差する第2方向に沿った前記第2の仮想軸を中心とする回転角が小さくなる、
    請求項1又は請求項2に記載の表示方法。
  4. 前記所定の位置は、前記第1方向において、前記動的部分の中心である、
    求項3に記載の表示方法。
  5. 前記画像束が前記第2方向に移動された場合、前記画像束を所定の拡大率で拡大して表
    示する、
    請求項1乃至請求項4の何れか一項に記載の表示方法。
  6. 前記動的部分における前記複数の画像が、所定の画像数よりも少ない場合、前記動的部
    分における前記複数の画像の前記回転角を前記所定の画像数の場合より小さくして表示す
    る、
    請求項3に記載の表示方法。
  7. 前記画像束の一部が表示されない場合、前記画像束を構成する前記複数の画像のそれぞ
    れの前記第2方向に対向する両端部のうち、どちらか一方の前記端部を揃えて表示する、
    請求項1乃至請求項6の何れか一項に記載の表示方法。
  8. 前記画像束において所定の操作が行われた操作画像は、隣り合う前記画像との間隔を前
    記所定の操作前より広げて表示する、
    請求項1乃至請求項7の何れか一項に記載の表示方法。
  9. 前記画像束において所定の操作が行われた操作画像が前記動的部分に配置されている場
    合、隣り合う前記画像同士が重ならないように表示する、
    請求項1乃至請求項7の何れか一項に記載の表示方法。
  10. 第1方向に沿って配置された複数の画像で構成されている画像束を表示する表示部と、
    前記第1方向に沿った第1の仮想軸上に配置された前記複数の画像のそれぞれが、前記
    第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の
    仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、
    隣り合う前記画像と一部が重なって表示される状態で、前記画像同士が等間隔で並ぶ静
    的部分と、
    隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く
    配置される動的部分と、を有する前記画像束を表示させ、
    前記動的部分において、前記第1方向の長さが、前記第1方向と交差する第2方向の長
    さに比べ短い前記画像よりも前記第1方向の長さが前記第2方向の長さに比べ長い前記画
    像が多い場合、
    前記第1方向の長さが前記第2方向の長さに比べ短い前記画像が多い場合よりも、前記
    動的部分における前記画像数を減らして表示させる制御部と、を備えている、
    表示装置。
JP2023040517A 2019-01-29 2023-03-15 表示方法及び表示装置 Active JP7452727B2 (ja)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2023040517A JP7452727B2 (ja) 2019-01-29 2023-03-15 表示方法及び表示装置

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2019012827A JP7255202B2 (ja) 2019-01-29 2019-01-29 表示方法及び表示装置
JP2023040517A JP7452727B2 (ja) 2019-01-29 2023-03-15 表示方法及び表示装置

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2019012827A Division JP7255202B2 (ja) 2019-01-29 2019-01-29 表示方法及び表示装置

Publications (2)

Publication Number Publication Date
JP2023085322A JP2023085322A (ja) 2023-06-20
JP7452727B2 true JP7452727B2 (ja) 2024-03-19

Family

ID=71732466

Family Applications (2)

Application Number Title Priority Date Filing Date
JP2019012827A Active JP7255202B2 (ja) 2019-01-29 2019-01-29 表示方法及び表示装置
JP2023040517A Active JP7452727B2 (ja) 2019-01-29 2023-03-15 表示方法及び表示装置

Family Applications Before (1)

Application Number Title Priority Date Filing Date
JP2019012827A Active JP7255202B2 (ja) 2019-01-29 2019-01-29 表示方法及び表示装置

Country Status (3)

Country Link
US (1) US20200241710A1 (ja)
JP (2) JP7255202B2 (ja)
CN (1) CN111488099A (ja)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7331517B2 (ja) * 2019-07-23 2023-08-23 セイコーエプソン株式会社 表示方法および表示装置
JP2023018734A (ja) 2021-07-28 2023-02-09 セイコーエプソン株式会社 表示方法、及び、表示装置

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060059427A1 (en) 2002-01-06 2006-03-16 Glenn Reid Digital image albums
JP2009193377A (ja) 2008-02-14 2009-08-27 Nec Corp 表示制御装置、通信システム、表示制御方法、及び表示制御プログラム
JP2011028451A (ja) 2009-07-23 2011-02-10 Fujitsu Ltd 表示装置、表示制御方法および表示制御プログラム
US20110317195A1 (en) 2010-06-25 2011-12-29 Hitoshi Mitsui Image forming apparatus
JP2012190123A (ja) 2011-03-09 2012-10-04 Seiko Epson Corp 表示制御方法、表示装置および電子機器
JP2017142711A (ja) 2016-02-12 2017-08-17 セイコーエプソン株式会社 表示制御方法、プログラム、および表示装置
JP2018026656A (ja) 2016-08-09 2018-02-15 富士ゼロックス株式会社 情報処理装置及びプログラム
JP2018147358A (ja) 2017-03-08 2018-09-20 セイコーエプソン株式会社 情報処理システム、情報処理システムの制御方法、情報処理装置、及び、端末

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012163925A (ja) * 2011-02-09 2012-08-30 Seiko Epson Corp 表示制御方法、表示装置および電子機器
JP5691593B2 (ja) * 2011-02-09 2015-04-01 セイコーエプソン株式会社 表示制御方法、表示装置および電子機器
US9851887B2 (en) * 2013-10-10 2017-12-26 Nec Corporation Display device and image transforming method
CN108388849B (zh) * 2018-02-07 2021-02-02 Oppo广东移动通信有限公司 调整终端的显示图像的方法和装置、电子设备、存储介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060059427A1 (en) 2002-01-06 2006-03-16 Glenn Reid Digital image albums
JP2009193377A (ja) 2008-02-14 2009-08-27 Nec Corp 表示制御装置、通信システム、表示制御方法、及び表示制御プログラム
JP2011028451A (ja) 2009-07-23 2011-02-10 Fujitsu Ltd 表示装置、表示制御方法および表示制御プログラム
US20110317195A1 (en) 2010-06-25 2011-12-29 Hitoshi Mitsui Image forming apparatus
JP2012010172A (ja) 2010-06-25 2012-01-12 Sharp Corp 画像形成装置
JP2012190123A (ja) 2011-03-09 2012-10-04 Seiko Epson Corp 表示制御方法、表示装置および電子機器
JP2017142711A (ja) 2016-02-12 2017-08-17 セイコーエプソン株式会社 表示制御方法、プログラム、および表示装置
JP2018026656A (ja) 2016-08-09 2018-02-15 富士ゼロックス株式会社 情報処理装置及びプログラム
JP2018147358A (ja) 2017-03-08 2018-09-20 セイコーエプソン株式会社 情報処理システム、情報処理システムの制御方法、情報処理装置、及び、端末

Also Published As

Publication number Publication date
JP2023085322A (ja) 2023-06-20
US20200241710A1 (en) 2020-07-30
CN111488099A (zh) 2020-08-04
JP7255202B2 (ja) 2023-04-11
JP2020123010A (ja) 2020-08-13

Similar Documents

Publication Publication Date Title
JP7452727B2 (ja) 表示方法及び表示装置
JP4883791B2 (ja) 情報処理装置及び表示方法
CN111381740B (zh) 显示方法以及显示装置
JP2020086111A (ja) 表示方法、および表示装置
US20210064198A1 (en) Display method and display device
JP7334520B2 (ja) 描画順序決定方法、描画方法および描画装置
JP7331517B2 (ja) 表示方法および表示装置
JPH0363756A (ja) 文書編集装置
JP7272082B2 (ja) 表示方法及び表示装置
JP7259589B2 (ja) 表示方法、表示装置、及び印刷装置
JP2023017811A (ja) 画像処理装置
JP7115219B2 (ja) 表示方法、および表示装置
JP7298133B2 (ja) 表示方法、および表示装置
US11132168B2 (en) Display method, display device, and display program
JP2020135699A (ja) 表示方法及び表示装置
JP2021015470A (ja) 表示方法及び表示装置
US20200285375A1 (en) Display Method And Display Apparatus
EP4064014A1 (en) Information processing apparatus, program, and information processing method
EP2988225A2 (en) Document viewing device and non-transitory computer-readable recording medium having program stored thereon
JP2020087072A (ja) 表示方法および表示装置
JP2616426B2 (ja) 文字列表示装置
JP2001046768A (ja) 縫製データ作成装置
JPH03111927A (ja) データ処理装置
JPH05250369A (ja) ワードプロセッサ

Legal Events

Date Code Title Description
A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20230413

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20230413

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20231127

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20231205

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20240130

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: 20240206

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20240219

R150 Certificate of patent or registration of utility model

Ref document number: 7452727

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150