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

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

Info

Publication number
JP7183778B2
JP7183778B2 JP2018242243A JP2018242243A JP7183778B2 JP 7183778 B2 JP7183778 B2 JP 7183778B2 JP 2018242243 A JP2018242243 A JP 2018242243A JP 2018242243 A JP2018242243 A JP 2018242243A JP 7183778 B2 JP7183778 B2 JP 7183778B2
Authority
JP
Japan
Prior art keywords
images
image
bundle
thumbnail
length
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
JP2018242243A
Other languages
English (en)
Other versions
JP2020106896A (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 JP2018242243A priority Critical patent/JP7183778B2/ja
Priority to US16/724,870 priority patent/US10901579B2/en
Priority to CN201911336822.6A priority patent/CN111381740B/zh
Publication of JP2020106896A publication Critical patent/JP2020106896A/ja
Application granted granted Critical
Publication of JP7183778B2 publication Critical patent/JP7183778B2/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/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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00Digital computers in general; Data processing equipment in general
    • G06F15/02Digital computers in general; Data processing equipment in general manually operated with input through keyboard and computation using a built-in program, e.g. pocket calculators
    • G06F15/025Digital computers in general; Data processing equipment in general manually operated with input through keyboard and computation using a built-in program, e.g. pocket calculators adapted to a specific application
    • G06F15/0291Digital computers in general; Data processing equipment in general manually operated with input through keyboard and computation using a built-in program, e.g. pocket calculators adapted to a specific application for reading, e.g. e-books
    • 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/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/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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04808Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen

Description

本発明は、表示方法及び表示装置に関する。
複数のページで構成される文書を表示する技術として、例えば、特許文献1に開示された技術がある。特許文献1に開示された表示方法は、複数のページのサムネイル画像で構成されたサムネイル画像束を表示し、サムネイル画像束から所定のページを選択すると、選択された所定のページを拡大して表示する。
特開2012-164292号公報
しかしながら、特許文献1に記載されている表示方法は、拡大表示された1ページの記載内容を確認することが可能であるが、サムネイル画像束の複数ページの記載内容を同時に確認することができないという課題があった。
本願の表示方法は、複数の画像を表示部に表示させる表示方法であって、前記表示部は、前記複数の画像が第1方向に並ぶ画像束を表示し、前記画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第1方向と交差する第2方向の長さを前記拡大指示に応じて拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像が前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第1方向の長さと前記第2方向の長さを前記拡大率で拡大する。
上述の表示方法において、前記複数の画像は、第1の仮想軸上に配置され、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心にして回転して表示されることとしても良い。
上述の表示方法において、前記動的部分の前記画像の数が少なくなると、前記動的部分の前記第1方向の中央に配置する隣り合う前記画像同士が接するか、又は、重なる割合が小さくなることとしても良い。
上述の表示方法において、前記表示部の前記第1方向の長さが前記第2方向の長さより短い場合、前記拡大率を所定の拡大率とすることとしても良い。
上述の表示方法において、前記表示部は、更に前記第2方向に並ぶ複数の前記画像束を表示し、前記拡大指示を受けた前記画像束の前記占有矩形内の所定の位置を固定点とし、複数の前記画像束のそれぞれの前記占有矩形の前記第2方向の長さが前記拡大指示に応じて拡大することとしても良い。
上述の表示方法において、前記所定の位置は、前記占有矩形内の前記第2方向の何れかに位置することとしても良い。
本願の表示装置は、複数の画像で構成されている画像束を表示する表示部と、第1の仮想軸上に配置された前記複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第1の仮想軸に沿った第1方向と交差する第2方向の長さを拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像を前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第1方向の長さと前記第2方向の長さを前記拡大率で拡大して表示させる制御部と、を備えている。
実施形態に係るビューアーの外観を示す図。 画像表示部に表示される拡大表示されたサムネイル画像束を示す図。 ビューアーのシステム構成を示すブロック図。 ビューアーのシステム構成を示すブロック図。 ビューアーの処理の一例を示すフローチャート。 ビューアーの処理の一例を示すフローチャート。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 ビューアーの処理の一例を示すフローチャート。 サムネイル画像束を拡大表示する表示方法を説明する図。 サムネイル画像束を拡大表示する表示方法を説明する図。 縦長の画像表示部にサムネイル画像束を拡大表示する表示方法を説明する図。 縦長の画像表示部にサムネイル画像束を拡大表示する表示方法を説明する図。 複数のサムネイル画像束を拡大表示する表示方法を説明する図。 複数のサムネイル画像束を拡大表示する表示方法を説明する図。
[実施形態]
以下、本実施形態に係る表示方法及び表示装置について図面を参照して説明する。本実施形態では、表示装置として、画像を含む文献の一例である電子マニュアルや電子書籍あるいはユーザーが作成する文献を閲覧し編集可能なビューアーを例に挙げて説明する。なお、以下の説明で参照する図面では、説明及び図示の便宜上、部材ないし部分の縦横の縮尺を実際のものとは異なるように表す場合がある。また、説明に必要な構成要素以外は図示を省略する場合がある。また、以下では、説明の都合上、図1、図2、図9、図10、図11、図12、図13、及び図14には、それぞれ、互いに直交する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を示す図である。
本実施形態に係るビューアー10は、画像を表示する表示装置である。この例で、ビューアー10は、文書の一例としての電子書籍を閲覧するための装置、いわゆる電子ブックリーダーである。電子書籍は、複数ページの画像を含む文献データである。ビューアー10は、電子書籍をある単位で画像表示部2に表示する。ある単位とは例えば1ページずつである。電子書籍に含まれる複数ページのうち、表示の対象となるページを選択ページという。選択ページは、ユーザーによる図1に示すボタン7A~7Fあるいはタッチパネル7Gの操作に応じて変更される。すなわち、ユーザーは、ボタン7A~7Fあるいはタッチパネル7Gの操作により、電子書籍のページをめくることができる。また、ビューアー10は、電子書籍の閲覧に加え、アプリケーションプログラムを実行する機能を有する。
本実施形態に係る画像表示部2は、電子マニュアルや電子書籍あるいはユーザーが作成する文献の各ページを縮小した複数の画像としてのサムネイル画像Tが横方向に並んで配置されている画像束としてのサムネイル画像束Gを表示する。サムネイル画像束Gを拡大表示する拡大指示があると、図2に示すように、拡大したサムネイル画像束Gを表示する。
なお、サムネイル画像束Gは、静的部分52にサムネイル画像T同士が等間隔で配置され、中央の動的部分50に隣り合うサムネイル画像T同士の間隔が、静的部分52におけるサムネイル画像T同士の間隔よりも広くなるように配置されている。
サムネイル画像束Gは、画像表示部2の縦方向の中央に配置され、画像表示部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を横方向に並んで配置されているサムネイル画像束Gを表示する。また、画像表示部2は、サムネイル画像束Gを拡大表示する拡大指示があると、拡大したサムネイル画像束Gを表示する。画像表示部2は、後述する図7Eに示すように、第1の仮想軸としての第1仮想回転軸Q及び第2の仮想軸としての第2仮想回転軸Mを含む仮想空間内における任意の視点から仮想空間内に配置されたサムネイル画像Tを横方向に並べたサムネイル画像束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に表示する画像に対する画像処理を制御する。画像処理としては、例えば、拡大指示に伴うサムネイル画像束Gの拡大表示や選択ページの拡大表示やサムネイル画像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同士が等間隔で並ぶ静的部分52と、隣り合うサムネイル画像T同士の間隔が、静的部分52におけるサムネイル画像T同士の間隔よりも広く配置されている動的部分50と、に分け、静的部分52と動的部分50との共通の標準ページピッチを計算する。
画像配置部36は、見開きのページの幅と動的部分50のページで分け合う幅とを計算する。また、サムネイル画像束Gの動的部分50に縦長のサムネイル画像Tや横長のサムネイル画像Tが混在している場合に累積正規分布を計算する。
画像配置部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~図10を参照し、ビューアーの動作を説明する。
図5、図6、及び図8は、ビューアー10の処理の一例を示すフローチャートである。図7A~図7Eは、サムネイル画像の生成処理を説明する図である。図9及び図10は、サムネイル画像束を拡大表示する表示方法を説明する図である。以降、図5のフローチャートに沿って、図2を参照しつつ制御部3の動作を説明する。
制御部3は、生成されたサムネイル画像Tを画像表示部2の右側から左側へページ番号の昇順で配置したサムネイル画像束Gを生成する。
制御部3は、サムネイル画像束Gの拡大指示を受けると、後述する図9及び図10に示すサムネイル画像束Gを占有する占有矩形Dの縦方向の長さを拡大指示に応じて拡大し、拡大指示の拡大率が大きくなると、動的部分50のサムネイル画像Tを静的部分52へ移動し、動的部分50のサムネイル画像Tの数を少なくする。その後、各サムネイル画像Tの横方向の長さと縦方向の長さを拡大指示の拡大率で拡大し、横方向に並べて配置した拡大サムネイル画像束Gを生成する。
画像配置部36は、サムネイル画像束Gを静的部分52と動的部分50とに分け、静的部分52におけるサムネイル画像Tの配置位置と、動的部分50におけるサムネイル画像Tの配置位置と、を計算し、サムネイル画像束Gを構成する複数のサムネイル画像Tの配置位置を決定する。
画像配置部36は、動的部分50において、動的部分50の横方向の中央に位置する隣り合うサムネイル画像T同士が接するか、又は、重なる割合が小さくなるようにサムネイル画像Tの配置を決定する。
図5のフローは、所定のイベント、例えば、ビューアー10の電源が投入されたこと、又は、ビューアー10において例えば、メニュー画面の表示が指示されたことを契機として開始される。
先ず、ステップS101において、制御部3は、処理対象となるサムネイル画像束G、この例ではサムネイル画像束Gに含まれる複数のサムネイル画像Tの元画像を文献記憶部6から取得する。
次に、ステップS102において、制御部3は、複数のサムネイル画像Tの並び順を示すデータを文献記憶部6から取得する。このデータは、サムネイル画像Tの識別子と、並び順を示す番号とを含む。
次に、ステップS103において、制御部3は、サムネイル画像束Gの表示に用いられるパラメーターを取得する。これらのパラメーターは、サムネイル画像束Gの識別子とともに、文献記憶部6に記憶されている。ここで取得されるパラメーターには、画像数や画像の幅寸法が含まれる。画像数は、サムネイル画像束Gに含まれるサムネイル画像Tの数を示すパラメーターである。画像の幅寸法は、サムネイル画像束Gの横方向の長さを示すパラメーターである。
次に、ステップS104において、制御部3は、GUI基盤部30で生成されたサムネイル画像Tを用いてサムネイル画像束Gを生成する。詳細には、制御部3は、GUI基盤部30がステップS101において取得した元画像を縮小又は拡大し、生成したサムネイル画像Tを用いてサムネイル画像束Gを生成する。
以下、図6のフローチャートに沿って、図7A~図7Eを参照しつつ制御部3のサムネイル画像Tを生成し、サムネイル画像Tを配置してサムネイル画像束Gを生成する動作を説明する。
先ず、ステップS201において、画像配置部36は、後述する図7Aに示す各ページの第2仮想回転軸Mを中心にして回転する回転角θを決める。なお、各ページの回転角θは、回転角θの所定の正規分布に従って計算される。
次に、ステップS202において、制御部3は、各ページのサムネイル画像Tを生成する。具体的には、GUI基盤部30において、第1仮想回転軸Q上に配置される複数のサムネイル画像Tのそれぞれを、第1仮想回転軸Qと交差するそれぞれの第2仮想回転軸Mを中心にして回転し、さらに第1仮想回転軸Qを中心に回転してサムネイル画像Tを生成する。
GUI基盤部30は、図7Aに示すように、ページ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は、各ページを正面から見た図7Bに示す画像Tbに対して、図7Cに示すように、横幅を変化させないようにしつつ、縦方向の変形を加え、図7Bの画像Tbの右辺を左辺に対してS・sinθ・tanφだけずらした画像Tcを生成する。次に、GUI基盤部30は、図7Dに示すように、図7Cの画像Tcを、cosθの倍率で横方向に縮小した画像Tdを生成する。この結果、画像Tdの横幅は、S・cosθとなる。そして、GUI基盤部30は、最後に図7Eに示すように、図7Dの画像Tdをcosφの倍率で縦方向に縮小した画像Teを生成する。この結果、画像Teの縦方向の寸法は、L・cosφとなる。これにより、ページを、第2仮想回転軸Mを中心にして回転角θで回転させ、さらに、第1仮想回転軸Qを中心に回転させたサムネイル画像Tが生成される。換言すれば、ページを、第2仮想回転軸Mを中心にして回転角θで回転させ、且つ、ページの上辺より上の視点からページを俯角φで見下ろした時のサムネイル画像Tが生成される。
図6に戻り、ステップS203において、画像配置部36は、動的部分50と静的部分52との共通の標準ページピッチLaを計算する。
標準ページピッチLaは、「全体占有幅*標準ページピッチ占有幅比率/(ページ数-1)」で計算される。ここで、ページピッチが所定の正規分布の場合、静的部分52のページピッチは、標準ページピッチLaとなり、動的部分50のページピッチは、標準ページピッチLaの間に正規分布に従ったページピッチLXが入ったピッチとなる。なお、全体占有幅とは、静的部分52のページピッチの合計と動的部分50のページピッチの合計とを加算し、さらに静的部分52のページピッチ1個を加算した長さWmaxである。また、標準ページピッチ占有幅比率とは、動的部分50のページピッチLXを除いた標準ページピッチ占有幅の長さWaの全体占有幅の長さWmaxに対する比率である。
次に、ステップS204において、画像配置部36は、見開きの幅を計算する。なお、見開きとは、図2に示す静的部分52に配置された右向きのサムネイル画像Tと左向きのサムネイル画像Tが隣り合っているところである。
次に、ステップS205において、画像配置部36は、動的部分50のページで分け合う幅を計算する。
動的部分50のページで分け合う幅は、「全体占有幅*(1-標準ページピッチ占有幅比率)-見開きの実表示幅」で計算される。
次に、ステップS206において、画像配置部36は、動的部分50に縦長のサムネイル画像Tや横長のサムネイル画像Tが混在している場合の累積正規分布を計算する。累積正規分布の計算を行うことで、動的部分50に縦長のサムネイル画像Tや横長のサムネイル画像Tが混在している場合の配置を算出することができる。
次に、ステップS207において、画像配置部36は、上述で算出した各値に基づいて、各ページのX座標を算出し、この各ページのX座標に基づいて、GUI基盤部30で生成したサムネイル画像Tを第1仮想回転軸Q上に配置し、サムネイル画像束Gを生成する。なお、X座標とは、最初のページの横方向に対向する両端部の左側の端部を0とし、左側の端部からの横方向となるX軸方向の長さである。
以上のフローにより、GUI基盤部30で生成された複数のサムネイル画像Tを、画像配置部36において算出したX座標位置に配置したサムネイル画像束Gが生成される。
図5に戻り、ステップS105において、制御部3は、画像表示部2の横方向に沿って、右側から左側へページ番号の昇順で配置したサムネイル画像束Gを画像表示部2に表示する。
次に、ステップS106において、サムネイル画像束Gを拡大表示する拡大指示を受けない場合は、「No」として、動作を終了する。
また、サムネイル画像束Gを拡大表示する拡大指示を受けると、「Yes」としてステップS107へ進み、拡大したサムネイル画像束Gを生成する。
以下、図8のフローチャートに沿って、図9及び図10を参照しつつ制御部3がサムネイル画像束Gを拡大し表示する動作を説明する。なお、図9は、拡大前のサムネイル画像束Gを示し、図10は、拡大後のサムネイル画像束Gを示している。
先ず、ステップS301において、制御部3は、拡大指示の拡大率に伴い、動的部分50のページ数を計算する。
なお、サムネイル画像束Gを拡大表示する拡大指示とは、図9に示すように、ユーザーが拡大表示前のサムネイル画像束Gを2本の指でタッチし、2本の指の間隔を横方向に広げるピンチアウトする動作である。
また、拡大率とは、ピンチアウト前の指の間隔L1とピンチアウト後の指の間隔L2との比「L2/L1」で決定され、例えば、「L2/L1」が2であれば、サムネイル画像束Gの拡大率を140%とする。この「L2/L1」と拡大率との関係は、RAM5に記憶されている。従って、制御部3は、ピンチアウトの「L2/L1」を検出し、RAM5から相応する拡大率を選択して、サムネイル画像束Gを拡大する。
ここで、サムネイル画像束Gを拡大する場合、サムネイル画像束Gの横方向と縦方向とを等倍率で拡大すると、サムネイル画像束Gの横方向が画像表示部2からはみ出してしまう。そのため、サムネイル画像束Gを占有する占有矩形D、言い換えれば、サムネイル画像束Gの外縁を囲む占有矩形Dの縦方向の長さのみを拡大し、拡大の拡大率が大きくなると、動的部分50に配置されているサムネイル画像Tのうち静的部分52に近い順にサムネイル画像Tを静的部分52に移動し、動的部分50に配置されているサムネイル画像Tの数を少なくしている。よって、サムネイル画像束Gを占有する占有矩形Dの横方向の長さをそのままとし、占有矩形Dの縦方向の長さのみを拡大することで、拡大したサムネイル画像束Gを画像表示部2内に表示することができる。
従って、ステップS301において、制御部3は、RAM5に記憶されている拡大率と動的部分50のページ数との関係式から、拡大指示の拡大率に伴う動的部分50のページ数を算出する。
次に、ステップS302において、動的部分50のページ数が減少したので、上述したステップS203と同様に、画像配置部36は、動的部分50と静的部分52との共通の標準ページピッチLaを再計算する。
次に、ステップS303において、上述したステップS204と同様に、画像配置部36は、見開きの幅を再計算する。
次に、ステップS304において、上述したステップS205と同様に、画像配置部36は、動的部分50のページで分け合う幅を再計算する。
次に、ステップS305において、上述したステップS206と同様に、画像配置部36は、動的部分50に見開きがある場合の累積正規分布を再計算する。
次に、ステップS306において、GUI基盤部30は、拡大指示の拡大率で各ページのサムネイル画像Tを拡大する。言い換えれば、各サムネイル画像Tは、横方向と縦方向とを等倍率で拡大される。
次に、ステップS307において、上述したステップS207と同様に、画像配置部36は、上述で算出した各値に基づいて、各ページのX座標を算出し、制御部3は、この各ページのX座標に基づいて、GUI基盤部30で生成した拡大されたサムネイル画像Tを第1仮想回転軸Q上に配置し、拡大したサムネイル画像束Gを生成する。
以上のフローにより、GUI基盤部30で生成した複数の拡大したサムネイル画像Tを、画像配置部36において算出したX座標位置に配置することで、拡大したサムネイル画像束Gが生成される。
図5に戻り、ステップS108において、制御部3は、図2又は図10に示すように、画像表示部2の横方向に沿って、右側から左側へページ番号の昇順で配置した拡大したサムネイル画像束Gを画像表示部2に表示する。
次に、ステップS106に戻り、再び拡大指示を受けた場合は、「Yes」として、ステップS107に進み、再びサムネイル画像束Gを拡大し、表示する動作を繰り返す。また、拡大指示を受けない場合は、「No」として、拡大表示の動作を終了する。
なお、各ステップで算出された各種計算値は、ページごとにRAM5に記憶され、計算に必要な際に、その都度、RAM5から読み出され各種計算に用いられる。
また、本実施形態では、ピンチアウト動作などによるサムネイル画像束Gの拡大指示を受けた場合について述べているが、ピンチイン動作などによるサムネイル画像束Gの縮小指示を受けた場合には、サムネイル画像束Gを占有する占有矩形Dの縦方向の長さを縮小指示に応じて縮小し、縮小の縮小率が大きくなると、静的部分52のサムネイル画像Tを動的部分50に移動し、動的部分50のサムネイル画像Tの数を多くすることで縮小されたサムネイル画像束Gを表示するようにしても良い。
上述のような表示装置としてのビューアー10や表示方法によれば、サムネイル画像束Gの拡大指示を受けると、サムネイル画像束G全体をそのまま拡大せず、サムネイル画像束Gを占有する占有矩形Dの縦方向の長さを拡大指示の拡大率に応じて広げる。そのため、動的部分50に配置されたサムネイル画像Tは、拡大率に応じて、動的部分50に配置されるサムネイル画像Tの数を少なくすることで、サムネイル画像束G全体の横方向の長さを変えることなく、各サムネイル画像Tの横方向の長さと縦方向の長さを拡大指示された拡大率で拡大することができる。そのため、動的部分50に配置された複数のサムネイル画像Tの記載内容を同時に確認することができる。また、静的部分52に配置されたサムネイル画像Tは、隣り合うサムネイル画像Tと一部が重なって拡大表示されるので、サムネイル画像Tの記載内容の一部も同時に確認することができる。
また、第1仮想回転軸Q上に配置され、且つ第1仮想回転軸Qと交差するそれぞれの第2仮想回転軸Mを中心に回転させ、さらに第1仮想回転軸Qを中心に回転させた複数のサムネイル画像Tを横方向に並べて配置したサムネイル画像束Gが構成されることにより、サムネイル画像束Gを構成する複数のサムネイル画像Tの記載内容を俯瞰することができる。
また、動的部分50に配置する隣り合うサムネイル画像T同士が接するか、又は、重なる割合が小さくなるように表示することで、動的部分50に配置されたサムネイル画像Tの記載内容を容易に確認することができる。
次に、上述したサムネイル画像束Gを拡大表示する表示方法と異なる表示方法について、表示例1及び表示例2を参照して説明する。
[表示例1]
画像表示部2の横方向の長さが縦方向の長さより短い場合にサムネイル画像束Gを拡大表示する表示方法について、図11及び図12を参照して説明する。
図11及び図12は、縦長の画像表示部にサムネイル画像束を拡大表示する表示方法を説明する図である。なお、図11は、拡大前のサムネイル画像束Gを示し、図12は、拡大後のサムネイル画像束Gを示している。また、ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図11及び図12に示すように、横方向の長さが縦方向の長さより短い画像表示部2にサムネイル画像束Gを拡大表示する場合、サムネイル画像束Gの占有矩形Dの横方向の長さに対して占有矩形Dの縦方向の長さを非常に大きく拡大して表示することができる。そのため、動的部分50に配置されていたサムネイル画像Tが全て静的部分52へ移動し、サムネイル画像束Gを構成する複数のサムネイル画像Tが全て静的部分52に配置され、動的部分50に配置されたサムネイル画像Tの記載内容を確認することができなくなる。また、拡大したサムネイル画像束Gが画像表示部2に表示されない部分が生じる。そのため、縦長の画像表示部2にサムネイル画像束Gを拡大表示する場合には、制御部3は、RAM5に記憶された最大拡大率を横長の画像表示部2における拡大率より小さい所定の拡大率、所謂、動的部分50にサムネイル画像Tが所定の数だけ配置される拡大率に設定し、サムネイル画像束Gを拡大する。
この表示方法によれば、縦長の画像表示部2の場合、複数のサムネイル画像Tが横方向に並んで配置されているサムネイル画像束Gを、拡大表示しようとすると、サムネイル画像束Gの占有矩形Dの縦方向の長さを非常に大きく拡大して表示することができる。そのため、動的部分50に配置されていたサムネイル画像Tが全て静的部分52へ移動するので、サムネイル画像Tの記載内容を確認することができなくなる。また、拡大したサムネイル画像束Gが画像表示部2からはみ出してしまう。そのため、最大拡大率を横長の画像表示部2における拡大率より小さい所定の拡大率とすることで、動的部分50に配置されたサムネイル画像Tが所定の数だけ表示され、動的部分50に配置された複数のサムネイル画像Tの記載内容を容易に確認することができる。
[表示例2]
画像表示部2に表示された複数のサムネイル画像束Gを拡大表示する表示方法について、図13及び図14を参照して説明する。
図3及び図14は、複数のサムネイル画像束を拡大表示する表示方法を説明する図である。なお、図13は、拡大前のサムネイル画像束G1,G2,G3を示し、図14は、拡大後のサムネイル画像束G1,G2を示している。ビューアー10における構成部位に関しては、上述と同符号を付して説明する。
図13及び図14に示すように、縦方向に並ぶ複数のサムネイル画像束G1,G2,G3が画像表示部2に表示され、ピンチアウト動作などの拡大指示されたサムネイル画像束G1を拡大表示する場合、拡大指示を受けたサムネイル画像束G1の占有矩形D内の所定の位置Pを固定点とし、複数のサムネイル画像束G1,G2,G3のそれぞれの占有矩形Dの縦方向の長さが拡大指示に応じて拡大し、表示される。つまり、制御部3は、サムネイル画像束G1の拡大表示を受けると、サムネイル画像束G1の占有矩形D内の所定の位置Pを固定点として、複数のサムネイル画像束G1,G2,G3のそれぞれの占有矩形Dの縦方向の長さを拡大し、画像表示部2に表示する。
また、固定点とする所定の位置Pは、拡大指示を受けたサムネイル画像束G1の占有矩形D内の縦方向に沿った位置であればどこでも良い。例えば、中央のサムネイル画像束G2に拡大指示を受けた場合、固定点をサムネイル画像束G2の上端とすると、サムネイル画像束G2とサムネイル画像束G2の上方に位置するサムネイル画像束G1とを同時に拡大表示することができる。また、固定点をサムネイル画像束G2の下端とすると、サムネイル画像束G2とサムネイル画像束G2の下方に位置するサムネイル画像束G3とを同時に拡大表示することができる。なお、固定点とする所定の位置Pは、ユーザーが拡大指示をする前に、拡大指示するサムネイル画像束G1,G2,G3の占有矩形D内を指でタッチすることで指定する。
この表示方法によれば、複数のサムネイル画像束G1,G2,G3が画像表示部2に表示された場合、拡大指示を受けたサムネイル画像束G1の占有矩形D内の所定の位置Pを固定点とし、複数のサムネイル画像束G1,G2,G3のそれぞれの占有矩形Dの縦方向の長さを拡大指示に応じて拡大する。そのため、拡大指示を受けたサムネイル画像束G1に隣接するサムネイル画像束G2も同時に拡大されるので、拡大指示を受けたサムネイル画像束G1と隣接するサムネイル画像束G2を構成する複数のサムネイル画像Tの記載内容を同時に確認することができる。
また、固定点となる所定の位置Pが占有矩形D内の縦方向の何れかに位置するので、拡大指示を受けたサムネイル画像束G1,G2,G3の縦方向に隣接するどちら側のサムネイル画像束G1,G2,G3と同時に拡大表示するか選択することができる。
以下に、上述した実施形態から導き出される内容を記載する。
表示方法は、複数の画像を表示部に表示させる表示方法であって、前記表示部は、前記複数の画像が第1方向に並ぶ画像束を表示し、前記画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第1方向と交差する第2方向の長さを前記拡大指示に応じて拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像が前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第1方向の長さと前記第2方向の長さを前記拡大率で拡大する。
この表示方法によれば、画像束の拡大指示を受けると、画像束全体をそのまま拡大せず、画像束を占有する占有矩形の第2方向の長さを拡大指示に応じて広げる。そのため、動的部分に配置された画像は、拡大率に応じて、動的部分に配置される画像の数を少なくすることで、画像束全体の第1方向の長さを変えることなく、各画像の第1方向の長さと第2方向の長さを拡大指示された拡大率で拡大することができるので、動的部分に配置された複数の画像の記載内容を同時に確認することができる。
上述の表示方法において、前記複数の画像は、第1の仮想軸上に配置され、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心にして回転して表示されることとしても良い。
この表示方法によれば、第1の仮想軸上に配置され、且つ第1の仮想軸と交差するそれぞれの第2の仮想軸を中心に回転させ、さらに第1の仮想軸を中心に回転させた複数の画像を第1方向に並べて配置した画像束が構成されることにより、画像束を構成する複数の画像の記載内容を俯瞰することができる。
上述の表示方法において、前記動的部分の前記画像の数が少なくなると、前記動的部分の前記第1方向の中央に配置する隣り合う前記画像同士が接するか、又は、重なる割合が小さくなることとしても良い。
この表示方法によれば、動的部分に配置する隣り合う画像同士が接するか、又は、所定の割合で重なるように表示することで、動的部分に配置された画像の記載内容を容易に確認することができる。
上述の表示方法において、前記表示部の前記第1方向の長さが前記第2方向の長さより短い場合、前記拡大率を所定の拡大率とすることとしても良い。
この表示方法によれば、表示部の第1方向の長さが第2方向の長さより短い場合、複数の画像が第1方向に並んで配置されている画像束を、拡大表示しようとすると、占有矩形の第1方向の長さに対して占有矩形の第2方向の長さを非常に大きく拡大して表示することができる。そのため、動的部分に配置されていた画像が全て静的部分へ移動し、画像束を構成する複数の画像が全て静的部分へ配置され、動的部分に配置された画像の記載内容を確認することができなくなる。そのため、所定の拡大率とすることで、動的部分に配置された画像が所定の数だけ表示できるようにすることができ、動的部分に配置された複数の画像の記載内容を容易に確認することができる。
上述の表示方法において、前記表示部は、更に前記第2方向に並ぶ複数の前記画像束を表示し、前記拡大指示を受けた前記画像束の前記占有矩形内の所定の位置を固定点とし、複数の前記画像束のそれぞれの前記占有矩形の前記第2方向の長さが前記拡大指示に応じて拡大することとしても良い。
この表示方法によれば、複数の画像束が表示部に表示された場合、拡大指示を受けた画像束の占有矩形内の所定の位置を固定点とし、複数の画像束のそれぞれの占有矩形の第2方向の長さを拡大指示に応じて拡大する。そのため、拡大指示を受けた画像束に隣接する画像束も同時に拡大されるので、拡大指示を受けた画像束と隣接する画像束を構成する複数の画像の記載内容を同時に確認することができる。
上述の表示方法において、前記所定の位置は、前記占有矩形内の前記第2方向の何れかに位置することとしても良い。
この表示方法によれば、固定点となる所定の位置が占有矩形内の第2方向に位置するので、拡大指示を受けた画像束の第2方向に隣接するどちら側の画像束と同時に拡大表示するか選択することができる。
表示装置は、複数の画像で構成されている画像束を表示する表示部と、第1の仮想軸上に配置された前記複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第1の仮想軸に沿った第1方向と交差する第2方向の長さを拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像を前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第1方向の長さと前記第2方向の長さを前記拡大率で拡大して表示させる制御部と、を備えている。
この表示装置によれば、画像束の拡大指示を受けると、画像束全体を拡大せず、画像束を占有する占有矩形の第1方向と交差する第2方向の長さを拡大指示に応じて拡大する。そのため、動的部分に配置された画像は、拡大率に応じて、動的部分に配置される画像の数を少なくするので、画像束全体の第1方向の長さを同じとし、隣り合う画像同士の重なる領域が小さくすることができるので、動的部分に配置された複数の画像の記載内容を同時に確認することができる。
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…ページ数取得部、50…動的部分、52…静的部分、BUS…バス、G…画像束としてのサムネイル画像束、T…画像としてのサムネイル画像、Ta…ページ、Tb,Tc,Td,Te…画像、Q…第1の仮想軸としての第1仮想回転軸、M…第2の仮想軸としての第2仮想回転軸、N…仮想水平面、R…基準位置、D…占有矩形、L1,L2…間隔、P…所定の位置、θ…回転角。

Claims (6)

  1. 複数の画像を表示部に表示させる表示方法であって、
    前記表示部は、前記複数の画像が第1方向に並ぶ画像束を表示し、
    前記画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間
    隔で並ぶ静的部分と、
    隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く
    配置される動的部分と、を有し、
    前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第1方向と交
    差する第2方向の長さを前記拡大指示に応じて拡大し、
    前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像が前記静的部分に移動
    し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第1方向の長さと前
    記第2方向の長さを前記拡大率で拡大する、
    表示方法。
  2. 前記複数の画像は、
    第1の仮想軸上に配置され、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中
    心にして回転し、さらに前記第1の仮想軸を中心にして回転して表示される、
    請求項1に記載の表示方法。
  3. 前記動的部分の前記画像の数が少なくなると、前記動的部分の前記第1方向の中央に配
    置する隣り合う前記画像同士が接するか、又は、重なる割合が小さくなる、
    請求項1又は請求項2に記載の表示方法。
  4. 前記表示部の前記第1方向の長さが前記第2方向の長さより短い場合、前記拡大率の最
    大値、前記第1方向の長さが前記第2方向の長さより長い場合の拡大率よりも小さい
    大率とする、
    請求項1乃至請求項3の何れか一項に記載の表示方法。
  5. 前記表示部は、更に前記第2方向に並ぶ複数の前記画像束を表示し、
    前記拡大指示を受けた前記画像束の前記占有矩形内の所定の位置を固定点とし、
    複数の前記画像束のそれぞれの前記占有矩形の前記第2方向の長さが前記拡大指示に応
    じて拡大する、
    請求項1乃至請求項4の何れか一項に記載の表示方法。
  6. 複数の画像で構成されている画像束を表示する表示部と、
    第1の仮想軸上に配置された前記複数の画像のそれぞれが、前記第1の仮想軸と交差す
    るそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転し
    て前記複数の画像を生成する画像生成部と、
    隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部
    分と、
    隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く
    配置される動的部分と、を有する前記画像束を表示させ、
    前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第1の仮想軸
    に沿った第1方向と交差する第2方向の長さを拡大し、
    前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像を前記静的部分に移動
    し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第1方向の長さと前
    記第2方向の長さを前記拡大率で拡大して表示させる制御部と、を備えている、
    表示装置。
JP2018242243A 2018-12-26 2018-12-26 表示方法及び表示装置 Active JP7183778B2 (ja)

Priority Applications (3)

Application Number Priority Date Filing Date Title
JP2018242243A JP7183778B2 (ja) 2018-12-26 2018-12-26 表示方法及び表示装置
US16/724,870 US10901579B2 (en) 2018-12-26 2019-12-23 Display method and display apparatus
CN201911336822.6A CN111381740B (zh) 2018-12-26 2019-12-23 显示方法以及显示装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2018242243A JP7183778B2 (ja) 2018-12-26 2018-12-26 表示方法及び表示装置

Publications (2)

Publication Number Publication Date
JP2020106896A JP2020106896A (ja) 2020-07-09
JP7183778B2 true JP7183778B2 (ja) 2022-12-06

Family

ID=71122071

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2018242243A Active JP7183778B2 (ja) 2018-12-26 2018-12-26 表示方法及び表示装置

Country Status (3)

Country Link
US (1) US10901579B2 (ja)
JP (1) JP7183778B2 (ja)
CN (1) CN111381740B (ja)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2022027106A (ja) 2020-07-31 2022-02-10 セイコーエプソン株式会社 画像表示方法、画像表示装置及び表示制御プログラム
JP2022027105A (ja) * 2020-07-31 2022-02-10 セイコーエプソン株式会社 画像表示方法、画像表示装置及び表示制御プログラム

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005276178A (ja) 2004-02-17 2005-10-06 Microsoft Corp デジタルファイルおよびデータのための高速可視的ソート
US20080062141A1 (en) 2006-09-11 2008-03-13 Imran Chandhri Media Player with Imaged Based Browsing
WO2008139551A1 (ja) 2007-05-01 2008-11-20 Osaka Electro-Communication University 情報提示装置及び情報提示方法
JP2009282606A (ja) 2008-05-20 2009-12-03 Ricoh Co Ltd 画像閲覧装置およびプログラム
JP2010026343A (ja) 2008-07-23 2010-02-04 Softbank Mobile Corp 携帯端末装置、画像表示方法及び携帯端末プログラム
JP2012164292A (ja) 2011-02-09 2012-08-30 Seiko Epson Corp 表示制御方法、表示装置および電子機器

Family Cites Families (27)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2581028B2 (ja) * 1995-04-26 1997-02-12 株式会社日立製作所 画像表示方法及び装置
US7386806B2 (en) * 2005-01-05 2008-06-10 Hillcrest Laboratories, Inc. Scaling and layout methods and systems for handling one-to-many objects
WO2007091298A1 (ja) 2006-02-06 2007-08-16 Creative Link Corporation 表示処理装置、表示処理方法、及びコンピュータプログラム
JP4945236B2 (ja) * 2006-12-27 2012-06-06 株式会社東芝 映像コンテンツ表示装置、映像コンテンツ表示方法及びそのプログラム
US8201096B2 (en) * 2007-06-09 2012-06-12 Apple Inc. Browsing or searching user interfaces and other aspects
JP4984174B2 (ja) * 2008-08-29 2012-07-25 ソニー株式会社 情報処理装置および方法、並びにプログラム
JP4720878B2 (ja) * 2008-08-29 2011-07-13 ソニー株式会社 情報処理装置および方法、並びにプログラム
US20100095219A1 (en) * 2008-10-15 2010-04-15 Maciej Stachowiak Selective history data structures
US8751955B2 (en) * 2009-03-28 2014-06-10 International Business Machines Corporation Scrollbar user interface for multitouch devices
US9310907B2 (en) * 2009-09-25 2016-04-12 Apple Inc. Device, method, and graphical user interface for manipulating user interface objects
JP2011210138A (ja) * 2010-03-30 2011-10-20 Sony Corp 電子機器、画像出力方法及びプログラム
US8966396B2 (en) * 2011-01-14 2015-02-24 Apple Inc. Information management with non-hierarchical views
JP2012150566A (ja) * 2011-01-17 2012-08-09 Sharp Corp 表示装置、表示方法、コンピュータプログラム、及び記録媒体
JP2012163925A (ja) * 2011-02-09 2012-08-30 Seiko Epson Corp 表示制御方法、表示装置および電子機器
JP5699681B2 (ja) 2011-02-25 2015-04-15 セイコーエプソン株式会社 表示制御方法、表示装置および電子機器
JP5772202B2 (ja) * 2011-05-12 2015-09-02 セイコーエプソン株式会社 表示装置、電子機器および表示制御方法
US8907988B2 (en) * 2011-06-30 2014-12-09 Bmc Software, Inc. Systems and methods for displaying and viewing data models
JP5975771B2 (ja) * 2012-07-26 2016-08-23 キヤノン株式会社 表示制御装置及び表示制御方法、プログラム、並びに記憶媒体
EP2759921B1 (en) * 2013-01-25 2020-09-23 Morpho, Inc. Image display apparatus, image displaying method and program
JP6231774B2 (ja) * 2013-05-23 2017-11-15 キヤノン株式会社 電子機器およびその制御方法
WO2016135677A1 (en) * 2015-02-26 2016-09-01 Realitygate (Pty) Ltd Navigating a set of selectable items in a user interface
JP2018084890A (ja) 2016-11-22 2018-05-31 サイジニア株式会社 情報処理装置、情報処理方法、およびプログラム
US10567598B2 (en) 2016-11-24 2020-02-18 Canon Kabushiki Kaisha Information processing apparatus and method of controlling the same
US20200034005A1 (en) * 2017-03-23 2020-01-30 Pioneer Corporation Display control apparatus, display control method, and display control program
US11402988B2 (en) * 2017-11-08 2022-08-02 Viacom International Inc. Tiling scroll display
US10908769B2 (en) * 2018-04-09 2021-02-02 Spatial Systems Inc. Augmented reality computing environments—immersive media browser
JP7302150B2 (ja) * 2018-09-20 2023-07-04 富士フイルムビジネスイノベーション株式会社 情報処理装置、及び情報処理プログラム

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005276178A (ja) 2004-02-17 2005-10-06 Microsoft Corp デジタルファイルおよびデータのための高速可視的ソート
US20080062141A1 (en) 2006-09-11 2008-03-13 Imran Chandhri Media Player with Imaged Based Browsing
WO2008139551A1 (ja) 2007-05-01 2008-11-20 Osaka Electro-Communication University 情報提示装置及び情報提示方法
JP2009282606A (ja) 2008-05-20 2009-12-03 Ricoh Co Ltd 画像閲覧装置およびプログラム
JP2010026343A (ja) 2008-07-23 2010-02-04 Softbank Mobile Corp 携帯端末装置、画像表示方法及び携帯端末プログラム
JP2012164292A (ja) 2011-02-09 2012-08-30 Seiko Epson Corp 表示制御方法、表示装置および電子機器

Also Published As

Publication number Publication date
CN111381740B (zh) 2023-11-14
US20200210033A1 (en) 2020-07-02
JP2020106896A (ja) 2020-07-09
US10901579B2 (en) 2021-01-26
CN111381740A (zh) 2020-07-07

Similar Documents

Publication Publication Date Title
JP7452727B2 (ja) 表示方法及び表示装置
JP5992934B2 (ja) 三次元ビューイングの方法
JP7183778B2 (ja) 表示方法及び表示装置
US20210064198A1 (en) Display method and display device
JP5347981B2 (ja) 情報表示装置及びプログラム
JP7272082B2 (ja) 表示方法及び表示装置
JP7331517B2 (ja) 表示方法および表示装置
JP7259589B2 (ja) 表示方法、表示装置、及び印刷装置
JP7334520B2 (ja) 描画順序決定方法、描画方法および描画装置
JP2009282827A (ja) 表示装置
JP2023017811A (ja) 画像処理装置
US11307740B2 (en) Display method for changing the display format of an image group based on a side length ratio
US11132168B2 (en) Display method, display device, and display program
JP2021015470A (ja) 表示方法及び表示装置
JP3591876B2 (ja) 図形処理装置及び方法
US20200285375A1 (en) Display Method And Display Apparatus
JP7115219B2 (ja) 表示方法、および表示装置
JP7298133B2 (ja) 表示方法、および表示装置
JP2813815B2 (ja) チラシ・カタログ類の割付装置
JP2020053093A (ja) コンテンツ表示装置
JP2002171396A (ja) 画像部品ブロックレイアウト装置、画像部品ブロックレイアウト方法、および記録媒体ならびにプログラム

Legal Events

Date Code Title Description
RD07 Notification of extinguishment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7427

Effective date: 20200810

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20210917

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20211006

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20211108

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20220817

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20220817

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20221013

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20221107

R150 Certificate of patent or registration of utility model

Ref document number: 7183778

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150