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

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

Info

Publication number
JP2020106896A
JP2020106896A JP2018242243A JP2018242243A JP2020106896A JP 2020106896 A JP2020106896 A JP 2020106896A JP 2018242243 A JP2018242243 A JP 2018242243A JP 2018242243 A JP2018242243 A JP 2018242243A JP 2020106896 A JP2020106896 A JP 2020106896A
Authority
JP
Japan
Prior art keywords
images
image
thumbnail
bundle
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.)
Granted
Application number
JP2018242243A
Other languages
English (en)
Other versions
JP7183778B2 (ja
Inventor
山田　裕介
Yusuke Yamada
裕介 山田
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

    • 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/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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00—Digital computers in general; Data processing equipment in general
    • G06F15/02—Digital 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/025—Digital 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/0291—Digital 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
    • 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/04817—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 using icons
    • 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/0484—Interaction 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/04845—Interaction 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
    • 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
    • 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
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04808—Several 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

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)
  • Computer Hardware Design (AREA)
  • Computing Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

【課題】複数の画像の記載内容を確認可能な表示方法及び表示装置を提供する。【解決手段】本表示方法は、画像表示部２が、複数のサムネイル画像Ｔが第１方向に並ぶサムネイル画像束Ｇを表示し、サムネイル画像束Ｇは、隣り合うサムネイル画像Ｔと一部が重なって表示される状態で、サムネイル画像Ｔが等間隔で並ぶ静的部分５２と、隣り合うサムネイル画像Ｔ同士の間隔が、静的部分５２におけるサムネイル画像Ｔ同士の間隔よりも広く配置される動的部分５０と、を有し、サムネイル画像束Ｇの拡大指示を受けると、サムネイル画像束Ｇを占有する占有矩形Ｄの第１方向と交差する第２方向の長さを拡大指示に応じて拡大し、拡大指示の拡大率が大きくなると、動的部分５０のサムネイル画像Ｔが静的部分５２に移動し、動的部分５０のサムネイル画像Ｔの数を少なくし、複数のサムネイル画像Ｔの第１方向の長さと第２方向の長さを拡大指示の拡大率で拡大する。【選択図】図２

Description

本発明は、表示方法及び表示装置に関する。
複数のページで構成される文書を表示する技術として、例えば、特許文献１に開示された技術がある。特許文献１に開示された表示方法は、複数のページのサムネイル画像で構成されたサムネイル画像束を表示し、サムネイル画像束から所定のページを選択すると、選択された所定のページを拡大して表示する。
特開２０１２−１６４２９２号公報
しかしながら、特許文献１に記載されている表示方法は、拡大表示された１ページの記載内容を確認することが可能であるが、サムネイル画像束の複数ページの記載内容を同時に確認することができないという課題があった。
本願の表示方法は、複数の画像を表示部に表示させる表示方法であって、前記表示部は、前記複数の画像が第１方向に並ぶ画像束を表示し、前記画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第１方向と交差する第２方向の長さを前記拡大指示に応じて拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像が前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第１方向の長さと前記第２方向の長さを前記拡大率で拡大する。
上述の表示方法において、前記複数の画像は、第１の仮想軸上に配置され、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心にして回転し、さらに前記第１の仮想軸を中心にして回転して表示されることとしても良い。
上述の表示方法において、前記動的部分の前記画像の数が少なくなると、前記動的部分の前記第１方向の中央に配置する隣り合う前記画像同士が接するか、又は、重なる割合が小さくなることとしても良い。
上述の表示方法において、前記表示部の前記第１方向の長さが前記第２方向の長さより短い場合、前記拡大率を所定の拡大率とすることとしても良い。
上述の表示方法において、前記表示部は、更に前記第２方向に並ぶ複数の前記画像束を表示し、前記拡大指示を受けた前記画像束の前記占有矩形内の所定の位置を固定点とし、複数の前記画像束のそれぞれの前記占有矩形の前記第２方向の長さが前記拡大指示に応じて拡大することとしても良い。
上述の表示方法において、前記所定の位置は、前記占有矩形内の前記第２方向の何れかに位置することとしても良い。
本願の表示装置は、複数の画像で構成されている画像束を表示する表示部と、第１の仮想軸上に配置された前記複数の画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心にして回転し、さらに前記第１の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第１の仮想軸に沿った第１方向と交差する第２方向の長さを拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像を前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第１方向の長さと前記第２方向の長さを前記拡大率で拡大して表示させる制御部と、を備えている。
実施形態に係るビューアーの外観を示す図。 画像表示部に表示される拡大表示されたサムネイル画像束を示す図。 ビューアーのシステム構成を示すブロック図。 ビューアーのシステム構成を示すブロック図。 ビューアーの処理の一例を示すフローチャート。 ビューアーの処理の一例を示すフローチャート。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 サムネイル画像の生成処理を説明する図。 ビューアーの処理の一例を示すフローチャート。 サムネイル画像束を拡大表示する表示方法を説明する図。 サムネイル画像束を拡大表示する表示方法を説明する図。 縦長の画像表示部にサムネイル画像束を拡大表示する表示方法を説明する図。 縦長の画像表示部にサムネイル画像束を拡大表示する表示方法を説明する図。 複数のサムネイル画像束を拡大表示する表示方法を説明する図。 複数のサムネイル画像束を拡大表示する表示方法を説明する図。
［実施形態］
以下、本実施形態に係る表示方法及び表示装置について図面を参照して説明する。本実施形態では、表示装置として、画像を含む文献の一例である電子マニュアルや電子書籍あるいはユーザーが作成する文献を閲覧し編集可能なビューアーを例に挙げて説明する。なお、以下の説明で参照する図面では、説明及び図示の便宜上、部材ないし部分の縦横の縮尺を実際のものとは異なるように表す場合がある。また、説明に必要な構成要素以外は図示を省略する場合がある。また、以下では、説明の都合上、図１、図２、図９、図１０、図１１、図１２、図１３、及び図１４には、それぞれ、互いに直交する３つの軸としてＸ軸、Ｙ軸、及びＺ軸が図示されており、各軸を示す矢印の先端側を「＋」、基端側を「−」とする。また、Ｘ軸に沿う方向を第１方向としての「横方向」、Ｙ軸に沿う方向を第２方向としての「縦方向」、Ｚ軸に沿う方向を「奥行き方向」という。また、横方向の−Ｘ方向を左又は左側、＋Ｘ方向を右又は右側とし、縦方向の−Ｙ方向を下又は下側、＋Ｙ方向を上又は上側として説明する。また、本実施形態では第１方向を横方向、第２方向を縦方向としたが、第１方向が縦方向、第２方向が横方向であってもよい。つまり、第１方向と第２方向とは互いに交差していればよい。
＜ビューアーの概要＞
先ず、図１及び図２を参照して、実施形態に係るビューアー１０の概要について説明する。
図１は、本実施形態に係るビューアーの外観を示す図であり、ビューアー１０を表示部としての画像表示部２側から見た正面図である。図２は、画像表示部２に拡大表示された複数のサムネイル画像Ｔで構成されるサムネイル画像束Ｇを示す図である。
本実施形態に係るビューアー１０は、画像を表示する表示装置である。この例で、ビューアー１０は、文書の一例としての電子書籍を閲覧するための装置、いわゆる電子ブックリーダーである。電子書籍は、複数ページの画像を含む文献データである。ビューアー１０は、電子書籍をある単位で画像表示部２に表示する。ある単位とは例えば１ページずつである。電子書籍に含まれる複数ページのうち、表示の対象となるページを選択ページという。選択ページは、ユーザーによる図１に示すボタン７Ａ〜７Ｆあるいはタッチパネル７Ｇの操作に応じて変更される。すなわち、ユーザーは、ボタン７Ａ〜７Ｆあるいはタッチパネル７Ｇの操作により、電子書籍のページをめくることができる。また、ビューアー１０は、電子書籍の閲覧に加え、アプリケーションプログラムを実行する機能を有する。
本実施形態に係る画像表示部２は、電子マニュアルや電子書籍あるいはユーザーが作成する文献の各ページを縮小した複数の画像としてのサムネイル画像Ｔが横方向に並んで配置されている画像束としてのサムネイル画像束Ｇを表示する。サムネイル画像束Ｇを拡大表示する拡大指示があると、図２に示すように、拡大したサムネイル画像束Ｇを表示する。
なお、サムネイル画像束Ｇは、静的部分５２にサムネイル画像Ｔ同士が等間隔で配置され、中央の動的部分５０に隣り合うサムネイル画像Ｔ同士の間隔が、静的部分５２におけるサムネイル画像Ｔ同士の間隔よりも広くなるように配置されている。
サムネイル画像束Ｇは、画像表示部２の縦方向の中央に配置され、画像表示部２の下辺に沿って配置されている。
サムネイル画像Ｔは、画像表示部２の一部を占める大きさを有する画像であって、元画像を縮小又は拡大した画像である。元画像は、電子マニュアルや電子書籍あるいはユーザーが作成する文献データのページの画像である。また、元画像は、アプリケーションプログラムのアイコン、又はアプリケーションプログラムの動作画面であってもよい。なお、複数のサムネイル画像Ｔの各々には、アプリケーションプログラム及びその動作が割り当てられてもよい。
ビューアー１０は、画像表示部２が配置される面に、入力部７としてボタン７Ａ〜７Ｆ及びタッチパネル７Ｇを備える。入力部７は、外部からの入力を取り込む。入力部７は、ユーザーの操作を受け付け、入力信号として処理する。すなわち、ユーザーは、入力部７を操作して、ビューアー１０に所定の入力を行う。
＜ビューアーのシステム構成＞
次に、図３及び図４を参照して、ビューアー１０のシステム構成を説明する。
図３及び図４は、ビューアー１０のシステム構成を示すブロック図である。
ビューアー１０は、図３に示すように、バスＢＵＳに接続される画像表示部２と、制御部３と、ＶＲＡＭ（Video Random Access Memory）４と、ＲＡＭ（Random Access Memory）５と、文献記憶部６と、入力部７と、を備える。バスＢＵＳに接続される各部間での信号あるいは情報の受け渡しは、バスＢＵＳを介して行われる。
画像表示部２は、各元画像に対応する複数のサムネイル画像Ｔを横方向に並んで配置されているサムネイル画像束Ｇを表示する。また、画像表示部２は、サムネイル画像束Ｇを拡大表示する拡大指示があると、拡大したサムネイル画像束Ｇを表示する。画像表示部２は、後述する図７Ｅに示すように、第１の仮想軸としての第１仮想回転軸Ｑ及び第２の仮想軸としての第２仮想回転軸Ｍを含む仮想空間内における任意の視点から仮想空間内に配置されたサムネイル画像Ｔを横方向に並べたサムネイル画像束Ｇを見た画像である俯瞰画像を表示する。
画像表示部２は、液晶パネルなどに画像を表示させる信号を出力する図示しない表示駆動回路を含む。画像表示部２は、ＶＲＡＭ４に記憶される画像データを画像として表示する。
制御部３は、ビューアー１０の各部を制御する装置、例えば、ＣＰＵ（Central Processing Unit）、ＲＯＭ（Read Only Memory）等を有するマイクロコンピューターである。ＣＰＵは、ＲＡＭ５をワークエリアとして、ＲＯＭ又はＲＡＭ５に記憶されたプログラムを実行する。ＲＯＭは、例えば、ビューアー１０の基本的な動作を制御するためのＯＳ（Operating System）プログラムを記憶している。
制御部３は、ＲＯＭに記憶されたプログラムに基づいてビューアー１０の各部を制御する。例えば、制御部３は、各種画像データをＶＲＡＭ４に記憶させる制御や、入力部７から送られる入力信号からユーザーにより操作されるボタン７Ａ〜７Ｆ及びタッチパネル７Ｇや操作された内容を特定し、操作されたボタン７Ａ〜７Ｆ及びタッチパネル７Ｇや内容に基づいてビューアー１０を動作させる制御を行う。さらに、制御部３は、画像表示部２に表示する画像に対する画像処理を制御する。画像処理としては、例えば、拡大指示に伴うサムネイル画像束Ｇの拡大表示や選択ページの拡大表示やサムネイル画像Ｔに対する強調表示などの処理が行われる。
ＶＲＡＭ４は、画像表示部２に表示させる画像を示す画像データを記憶するメモリーである。ＶＲＡＭ４は、展開された画像データが記憶されるメモリーである。ＶＲＡＭ４に記憶される画像データは、画像表示部２に表示される。
ＲＡＭ５は、制御部３によって実行される画像処理の内容及び画像データとの関連付けが記憶されるメモリーである。
文献記憶部６は、書換え可能なメモリーであり、電子マニュアルや電子書籍あるいはユーザーが作成する文献などの文献データを記憶する。文献記憶部６は、複数の異なる文献データを記憶することができ、適宜文献データの書換えが可能である。文献記憶部６は、文献データに加え、各種のデータ及びアプリケーションプログラムを記憶する不揮発性のメモリーである。文献記憶部６は、例えば、ビューアー１０が内蔵する半導体メモリーであってもよいし、ＳＤメモリーカードなどの着脱可能な外部メモリーであってもよい。
入力部７は、図１に示すボタン７Ａ〜７Ｆを備える。入力部７は、ボタン７Ａ〜７Ｆが操作されると、操作されたボタンに対応する入力信号を制御部３へ送信する。入力部７は、タッチパネル７Ｇを備える。
制御部３は、図４に示すように、画像生成部としてのＧＵＩ基盤部３０と、画像データ処理部３２と、を備える。
ＧＵＩ基盤部３０は、第１仮想回転軸Ｑ上に配置される複数のサムネイル画像Ｔのそれぞれを、第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心にして回転し、さらに第１仮想回転軸Ｑを中心に回転してサムネイル画像Ｔを生成する。ＧＵＩ基盤部３０は、仮想空間内における任意の視点から仮想空間内に配置されたサムネイル画像束Ｇを見た画像である俯瞰画像を生成する。
ＧＵＩ基盤部３０は、有効矩形処理部３４と、画像配置部３６と、３Ｄ画像処理部３８と、タッチ処理部４０と、ファイル指示部４２と、を備える。
有効矩形処理部３４は、サムネイル画像表示領域を設定する。
画像配置部３６は、第２仮想回転軸Ｍを中心にして回転するサムネイル画像Ｔの回転角θを決定する。決定した回転角θに基づいて、ＧＵＩ基盤部３０でサムネイル画像Ｔを生成する。
画像配置部３６は、複数のサムネイル画像Ｔで構成されたサムネイル画像束Ｇを、隣り合うサムネイル画像Ｔと一部が重なって表示される状態で、サムネイル画像Ｔ同士が等間隔で並ぶ静的部分５２と、隣り合うサムネイル画像Ｔ同士の間隔が、静的部分５２におけるサムネイル画像Ｔ同士の間隔よりも広く配置されている動的部分５０と、に分け、静的部分５２と動的部分５０との共通の標準ページピッチを計算する。
画像配置部３６は、見開きのページの幅と動的部分５０のページで分け合う幅とを計算する。また、サムネイル画像束Ｇの動的部分５０に縦長のサムネイル画像Ｔや横長のサムネイル画像Ｔが混在している場合に累積正規分布を計算する。
画像配置部３６は、上述した計算を行い、サムネイル画像束Ｇを構成する複数のサムネイル画像Ｔの配置位置を決定する。
３Ｄ画像処理部３８は、例えば、ＦｒａｍｅＢｕｆｆｅｒ、ＧＰＵである。
タッチ処理部４０は、ユーザーのタッチパネル７Ｇへのタッチを検出する。タッチ処理部４０は、タッチパネル７Ｇからのタッチ信号を取得する。
ファイル指示部４２は、タッチ処理部４０から供給されるデータに基づいて、画像データ処理部３２に文献データのページの元画像の読み込みを指示する。ファイル指示部４２は、例えば、モバイル機器向けのオペレーションシステムのアンドロイド（登録商標）の機能である。
画像データ処理部３２は、例えば、ＰＤＦライブラリーである。
画像データ処理部３２は、画像サイズ取得部４４と、画像取得部４６と、ページ数取得部４８と、を備える。
画像サイズ取得部４４は、文献記憶部６から文献データのページの元画像の横方向の長さを取得する。画像サイズ取得部４４は、文献記憶部６から文献データのページの元画像の縦方向の長さを取得する。
画像取得部４６は、文献記憶部６から文献データのページの元画像を取得する。
ページ数取得部４８は、文献記憶部６から文献データのページ数を取得する。
アプリケーション部２８は、例えば、写真や文書などの印刷ソフト、年賀状印刷ソフト、写真や文書などをプロジェクターで投影する投影ソフトなどのアプリケーションソフトである。
＜ビューアーの動作＞
次に、図５〜図１０を参照し、ビューアーの動作を説明する。
図５、図６、及び図８は、ビューアー１０の処理の一例を示すフローチャートである。図７Ａ〜図７Ｅは、サムネイル画像の生成処理を説明する図である。図９及び図１０は、サムネイル画像束を拡大表示する表示方法を説明する図である。以降、図５のフローチャートに沿って、図２を参照しつつ制御部３の動作を説明する。
制御部３は、生成されたサムネイル画像Ｔを画像表示部２の右側から左側へページ番号の昇順で配置したサムネイル画像束Ｇを生成する。
制御部３は、サムネイル画像束Ｇの拡大指示を受けると、後述する図９及び図１０に示すサムネイル画像束Ｇを占有する占有矩形Ｄの縦方向の長さを拡大指示に応じて拡大し、拡大指示の拡大率が大きくなると、動的部分５０のサムネイル画像Ｔを静的部分５２へ移動し、動的部分５０のサムネイル画像Ｔの数を少なくする。その後、各サムネイル画像Ｔの横方向の長さと縦方向の長さを拡大指示の拡大率で拡大し、横方向に並べて配置した拡大サムネイル画像束Ｇを生成する。
画像配置部３６は、サムネイル画像束Ｇを静的部分５２と動的部分５０とに分け、静的部分５２におけるサムネイル画像Ｔの配置位置と、動的部分５０におけるサムネイル画像Ｔの配置位置と、を計算し、サムネイル画像束Ｇを構成する複数のサムネイル画像Ｔの配置位置を決定する。
画像配置部３６は、動的部分５０において、動的部分５０の横方向の中央に位置する隣り合うサムネイル画像Ｔ同士が接するか、又は、重なる割合が小さくなるようにサムネイル画像Ｔの配置を決定する。
図５のフローは、所定のイベント、例えば、ビューアー１０の電源が投入されたこと、又は、ビューアー１０において例えば、メニュー画面の表示が指示されたことを契機として開始される。
先ず、ステップＳ１０１において、制御部３は、処理対象となるサムネイル画像束Ｇ、この例ではサムネイル画像束Ｇに含まれる複数のサムネイル画像Ｔの元画像を文献記憶部６から取得する。
次に、ステップＳ１０２において、制御部３は、複数のサムネイル画像Ｔの並び順を示すデータを文献記憶部６から取得する。このデータは、サムネイル画像Ｔの識別子と、並び順を示す番号とを含む。
次に、ステップＳ１０３において、制御部３は、サムネイル画像束Ｇの表示に用いられるパラメーターを取得する。これらのパラメーターは、サムネイル画像束Ｇの識別子とともに、文献記憶部６に記憶されている。ここで取得されるパラメーターには、画像数や画像の幅寸法が含まれる。画像数は、サムネイル画像束Ｇに含まれるサムネイル画像Ｔの数を示すパラメーターである。画像の幅寸法は、サムネイル画像束Ｇの横方向の長さを示すパラメーターである。
次に、ステップＳ１０４において、制御部３は、ＧＵＩ基盤部３０で生成されたサムネイル画像Ｔを用いてサムネイル画像束Ｇを生成する。詳細には、制御部３は、ＧＵＩ基盤部３０がステップＳ１０１において取得した元画像を縮小又は拡大し、生成したサムネイル画像Ｔを用いてサムネイル画像束Ｇを生成する。
以下、図６のフローチャートに沿って、図７Ａ〜図７Ｅを参照しつつ制御部３のサムネイル画像Ｔを生成し、サムネイル画像Ｔを配置してサムネイル画像束Ｇを生成する動作を説明する。
先ず、ステップＳ２０１において、画像配置部３６は、後述する図７Ａに示す各ページの第２仮想回転軸Ｍを中心にして回転する回転角θを決める。なお、各ページの回転角θは、回転角θの所定の正規分布に従って計算される。
次に、ステップＳ２０２において、制御部３は、各ページのサムネイル画像Ｔを生成する。具体的には、ＧＵＩ基盤部３０において、第１仮想回転軸Ｑ上に配置される複数のサムネイル画像Ｔのそれぞれを、第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心にして回転し、さらに第１仮想回転軸Ｑを中心に回転してサムネイル画像Ｔを生成する。
ＧＵＩ基盤部３０は、図７Ａに示すように、ページＴａを仮想空間内の仮想水平面Ｎに設定された第１仮想回転軸Ｑ上に立てて配置し、第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心にして、ページＴａの横方向が表示領域の横方向に平行な基準位置Ｒから回転角θで回転させる。さらに、ＧＵＩ基盤部３０は、仮想空間内においてそれぞれの第２仮想回転軸Ｍを中心にして回転されたページＴａを、第１仮想回転軸Ｑを中心にして図示しない俯角φで回転させた画像を生成する。即ち、ＧＵＩ基盤部３０は、仮想空間内において、第２仮想回転軸Ｍを中心にして回転されたページＴａの上辺より上の視点から、ページＴａを図示しない俯角φで斜めに見下ろしている画像を生成する。換言すれば、各サムネイル画像は、仮想空間内においてページＴａの上辺より上の視点からページＴａを図示しない俯角φで斜視し、俯瞰している画像として生成される。なお、ページを回転させていない場合、ページの横方向が表示領域の横方向に平行な状態であり、回転角θは０°である。また、俯角φは予め定められた角度となっている。また、第２仮想回転軸Ｍは、ページの縦方向である第２方向の辺に沿って平行である構成に限定されるものではなく、ページの横方向の辺と交差する構成であってもよい。
具体的には、先ず、ＧＵＩ基盤部３０は、各ページを正面から見た図７Ｂに示す画像Ｔｂに対して、図７Ｃに示すように、横幅を変化させないようにしつつ、縦方向の変形を加え、図７Ｂの画像Ｔｂの右辺を左辺に対してＳ・ｓｉｎθ・ｔａｎφだけずらした画像Ｔｃを生成する。次に、ＧＵＩ基盤部３０は、図７Ｄに示すように、図７Ｃの画像Ｔｃを、ｃｏｓθの倍率で横方向に縮小した画像Ｔｄを生成する。この結果、画像Ｔｄの横幅は、Ｓ・ｃｏｓθとなる。そして、ＧＵＩ基盤部３０は、最後に図７Ｅに示すように、図７Ｄの画像Ｔｄをｃｏｓφの倍率で縦方向に縮小した画像Ｔｅを生成する。この結果、画像Ｔｅの縦方向の寸法は、Ｌ・ｃｏｓφとなる。これにより、ページを、第２仮想回転軸Ｍを中心にして回転角θで回転させ、さらに、第１仮想回転軸Ｑを中心に回転させたサムネイル画像Ｔが生成される。換言すれば、ページを、第２仮想回転軸Ｍを中心にして回転角θで回転させ、且つ、ページの上辺より上の視点からページを俯角φで見下ろした時のサムネイル画像Ｔが生成される。
図６に戻り、ステップＳ２０３において、画像配置部３６は、動的部分５０と静的部分５２との共通の標準ページピッチＬａを計算する。
標準ページピッチＬａは、「全体占有幅＊標準ページピッチ占有幅比率／（ページ数−１）」で計算される。ここで、ページピッチが所定の正規分布の場合、静的部分５２のページピッチは、標準ページピッチＬａとなり、動的部分５０のページピッチは、標準ページピッチＬａの間に正規分布に従ったページピッチＬＸが入ったピッチとなる。なお、全体占有幅とは、静的部分５２のページピッチの合計と動的部分５０のページピッチの合計とを加算し、さらに静的部分５２のページピッチ１個を加算した長さＷｍａｘである。また、標準ページピッチ占有幅比率とは、動的部分５０のページピッチＬＸを除いた標準ページピッチ占有幅の長さＷａの全体占有幅の長さＷｍａｘに対する比率である。
次に、ステップＳ２０４において、画像配置部３６は、見開きの幅を計算する。なお、見開きとは、図２に示す静的部分５２に配置された右向きのサムネイル画像Ｔと左向きのサムネイル画像Ｔが隣り合っているところである。
次に、ステップＳ２０５において、画像配置部３６は、動的部分５０のページで分け合う幅を計算する。
動的部分５０のページで分け合う幅は、「全体占有幅＊（１−標準ページピッチ占有幅比率）−見開きの実表示幅」で計算される。
次に、ステップＳ２０６において、画像配置部３６は、動的部分５０に縦長のサムネイル画像Ｔや横長のサムネイル画像Ｔが混在している場合の累積正規分布を計算する。累積正規分布の計算を行うことで、動的部分５０に縦長のサムネイル画像Ｔや横長のサムネイル画像Ｔが混在している場合の配置を算出することができる。
次に、ステップＳ２０７において、画像配置部３６は、上述で算出した各値に基づいて、各ページのＸ座標を算出し、この各ページのＸ座標に基づいて、ＧＵＩ基盤部３０で生成したサムネイル画像Ｔを第１仮想回転軸Ｑ上に配置し、サムネイル画像束Ｇを生成する。なお、Ｘ座標とは、最初のページの横方向に対向する両端部の左側の端部を０とし、左側の端部からの横方向となるＸ軸方向の長さである。
以上のフローにより、ＧＵＩ基盤部３０で生成された複数のサムネイル画像Ｔを、画像配置部３６において算出したＸ座標位置に配置したサムネイル画像束Ｇが生成される。
図５に戻り、ステップＳ１０５において、制御部３は、画像表示部２の横方向に沿って、右側から左側へページ番号の昇順で配置したサムネイル画像束Ｇを画像表示部２に表示する。
次に、ステップＳ１０６において、サムネイル画像束Ｇを拡大表示する拡大指示を受けない場合は、「Ｎｏ」として、動作を終了する。
また、サムネイル画像束Ｇを拡大表示する拡大指示を受けると、「Ｙｅｓ」としてステップＳ１０７へ進み、拡大したサムネイル画像束Ｇを生成する。
以下、図８のフローチャートに沿って、図９及び図１０を参照しつつ制御部３がサムネイル画像束Ｇを拡大し表示する動作を説明する。なお、図９は、拡大前のサムネイル画像束Ｇを示し、図１０は、拡大後のサムネイル画像束Ｇを示している。
先ず、ステップＳ３０１において、制御部３は、拡大指示の拡大率に伴い、動的部分５０のページ数を計算する。
なお、サムネイル画像束Ｇを拡大表示する拡大指示とは、図９に示すように、ユーザーが拡大表示前のサムネイル画像束Ｇを２本の指でタッチし、２本の指の間隔を横方向に広げるピンチアウトする動作である。
また、拡大率とは、ピンチアウト前の指の間隔Ｌ１とピンチアウト後の指の間隔Ｌ２との比「Ｌ２／Ｌ１」で決定され、例えば、「Ｌ２／Ｌ１」が２であれば、サムネイル画像束Ｇの拡大率を１４０％とする。この「Ｌ２／Ｌ１」と拡大率との関係は、ＲＡＭ５に記憶されている。従って、制御部３は、ピンチアウトの「Ｌ２／Ｌ１」を検出し、ＲＡＭ５から相応する拡大率を選択して、サムネイル画像束Ｇを拡大する。
ここで、サムネイル画像束Ｇを拡大する場合、サムネイル画像束Ｇの横方向と縦方向とを等倍率で拡大すると、サムネイル画像束Ｇの横方向が画像表示部２からはみ出してしまう。そのため、サムネイル画像束Ｇを占有する占有矩形Ｄ、言い換えれば、サムネイル画像束Ｇの外縁を囲む占有矩形Ｄの縦方向の長さのみを拡大し、拡大の拡大率が大きくなると、動的部分５０に配置されているサムネイル画像Ｔのうち静的部分５２に近い順にサムネイル画像Ｔを静的部分５２に移動し、動的部分５０に配置されているサムネイル画像Ｔの数を少なくしている。よって、サムネイル画像束Ｇを占有する占有矩形Ｄの横方向の長さをそのままとし、占有矩形Ｄの縦方向の長さのみを拡大することで、拡大したサムネイル画像束Ｇを画像表示部２内に表示することができる。
従って、ステップＳ３０１において、制御部３は、ＲＡＭ５に記憶されている拡大率と動的部分５０のページ数との関係式から、拡大指示の拡大率に伴う動的部分５０のページ数を算出する。
次に、ステップＳ３０２において、動的部分５０のページ数が減少したので、上述したステップＳ２０３と同様に、画像配置部３６は、動的部分５０と静的部分５２との共通の標準ページピッチＬａを再計算する。
次に、ステップＳ３０３において、上述したステップＳ２０４と同様に、画像配置部３６は、見開きの幅を再計算する。
次に、ステップＳ３０４において、上述したステップＳ２０５と同様に、画像配置部３６は、動的部分５０のページで分け合う幅を再計算する。
次に、ステップＳ３０５において、上述したステップＳ２０６と同様に、画像配置部３６は、動的部分５０に見開きがある場合の累積正規分布を再計算する。
次に、ステップＳ３０６において、ＧＵＩ基盤部３０は、拡大指示の拡大率で各ページのサムネイル画像Ｔを拡大する。言い換えれば、各サムネイル画像Ｔは、横方向と縦方向とを等倍率で拡大される。
次に、ステップＳ３０７において、上述したステップＳ２０７と同様に、画像配置部３６は、上述で算出した各値に基づいて、各ページのＸ座標を算出し、制御部３は、この各ページのＸ座標に基づいて、ＧＵＩ基盤部３０で生成した拡大されたサムネイル画像Ｔを第１仮想回転軸Ｑ上に配置し、拡大したサムネイル画像束Ｇを生成する。
以上のフローにより、ＧＵＩ基盤部３０で生成した複数の拡大したサムネイル画像Ｔを、画像配置部３６において算出したＸ座標位置に配置することで、拡大したサムネイル画像束Ｇが生成される。
図５に戻り、ステップＳ１０８において、制御部３は、図２又は図１０に示すように、画像表示部２の横方向に沿って、右側から左側へページ番号の昇順で配置した拡大したサムネイル画像束Ｇを画像表示部２に表示する。
次に、ステップＳ１０６に戻り、再び拡大指示を受けた場合は、「Ｙｅｓ」として、ステップＳ１０７に進み、再びサムネイル画像束Ｇを拡大し、表示する動作を繰り返す。また、拡大指示を受けない場合は、「Ｎｏ」として、拡大表示の動作を終了する。
なお、各ステップで算出された各種計算値は、ページごとにＲＡＭ５に記憶され、計算に必要な際に、その都度、ＲＡＭ５から読み出され各種計算に用いられる。
また、本実施形態では、ピンチアウト動作などによるサムネイル画像束Ｇの拡大指示を受けた場合について述べているが、ピンチイン動作などによるサムネイル画像束Ｇの縮小指示を受けた場合には、サムネイル画像束Ｇを占有する占有矩形Ｄの縦方向の長さを縮小指示に応じて縮小し、縮小の縮小率が大きくなると、静的部分５２のサムネイル画像Ｔを動的部分５０に移動し、動的部分５０のサムネイル画像Ｔの数を多くすることで縮小されたサムネイル画像束Ｇを表示するようにしても良い。
上述のような表示装置としてのビューアー１０や表示方法によれば、サムネイル画像束Ｇの拡大指示を受けると、サムネイル画像束Ｇ全体をそのまま拡大せず、サムネイル画像束Ｇを占有する占有矩形Ｄの縦方向の長さを拡大指示の拡大率に応じて広げる。そのため、動的部分５０に配置されたサムネイル画像Ｔは、拡大率に応じて、動的部分５０に配置されるサムネイル画像Ｔの数を少なくすることで、サムネイル画像束Ｇ全体の横方向の長さを変えることなく、各サムネイル画像Ｔの横方向の長さと縦方向の長さを拡大指示された拡大率で拡大することができる。そのため、動的部分５０に配置された複数のサムネイル画像Ｔの記載内容を同時に確認することができる。また、静的部分５２に配置されたサムネイル画像Ｔは、隣り合うサムネイル画像Ｔと一部が重なって拡大表示されるので、サムネイル画像Ｔの記載内容の一部も同時に確認することができる。
また、第１仮想回転軸Ｑ上に配置され、且つ第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心に回転させ、さらに第１仮想回転軸Ｑを中心に回転させた複数のサムネイル画像Ｔを横方向に並べて配置したサムネイル画像束Ｇが構成されることにより、サムネイル画像束Ｇを構成する複数のサムネイル画像Ｔの記載内容を俯瞰することができる。
また、動的部分５０に配置する隣り合うサムネイル画像Ｔ同士が接するか、又は、重なる割合が小さくなるように表示することで、動的部分５０に配置されたサムネイル画像Ｔの記載内容を容易に確認することができる。
次に、上述したサムネイル画像束Ｇを拡大表示する表示方法と異なる表示方法について、表示例１及び表示例２を参照して説明する。
［表示例１］
画像表示部２の横方向の長さが縦方向の長さより短い場合にサムネイル画像束Ｇを拡大表示する表示方法について、図１１及び図１２を参照して説明する。
図１１及び図１２は、縦長の画像表示部にサムネイル画像束を拡大表示する表示方法を説明する図である。なお、図１１は、拡大前のサムネイル画像束Ｇを示し、図１２は、拡大後のサムネイル画像束Ｇを示している。また、ビューアー１０における構成部位に関しては、上述と同符号を付して説明する。
図１１及び図１２に示すように、横方向の長さが縦方向の長さより短い画像表示部２にサムネイル画像束Ｇを拡大表示する場合、サムネイル画像束Ｇの占有矩形Ｄの横方向の長さに対して占有矩形Ｄの縦方向の長さを非常に大きく拡大して表示することができる。そのため、動的部分５０に配置されていたサムネイル画像Ｔが全て静的部分５２へ移動し、サムネイル画像束Ｇを構成する複数のサムネイル画像Ｔが全て静的部分５２に配置され、動的部分５０に配置されたサムネイル画像Ｔの記載内容を確認することができなくなる。また、拡大したサムネイル画像束Ｇが画像表示部２に表示されない部分が生じる。そのため、縦長の画像表示部２にサムネイル画像束Ｇを拡大表示する場合には、制御部３は、ＲＡＭ５に記憶された最大拡大率を横長の画像表示部２における拡大率より小さい所定の拡大率、所謂、動的部分５０にサムネイル画像Ｔが所定の数だけ配置される拡大率に設定し、サムネイル画像束Ｇを拡大する。
この表示方法によれば、縦長の画像表示部２の場合、複数のサムネイル画像Ｔが横方向に並んで配置されているサムネイル画像束Ｇを、拡大表示しようとすると、サムネイル画像束Ｇの占有矩形Ｄの縦方向の長さを非常に大きく拡大して表示することができる。そのため、動的部分５０に配置されていたサムネイル画像Ｔが全て静的部分５２へ移動するので、サムネイル画像Ｔの記載内容を確認することができなくなる。また、拡大したサムネイル画像束Ｇが画像表示部２からはみ出してしまう。そのため、最大拡大率を横長の画像表示部２における拡大率より小さい所定の拡大率とすることで、動的部分５０に配置されたサムネイル画像Ｔが所定の数だけ表示され、動的部分５０に配置された複数のサムネイル画像Ｔの記載内容を容易に確認することができる。
［表示例２］
画像表示部２に表示された複数のサムネイル画像束Ｇを拡大表示する表示方法について、図１３及び図１４を参照して説明する。
図３及び図１４は、複数のサムネイル画像束を拡大表示する表示方法を説明する図である。なお、図１３は、拡大前のサムネイル画像束Ｇ１，Ｇ２，Ｇ３を示し、図１４は、拡大後のサムネイル画像束Ｇ１，Ｇ２を示している。ビューアー１０における構成部位に関しては、上述と同符号を付して説明する。
図１３及び図１４に示すように、縦方向に並ぶ複数のサムネイル画像束Ｇ１，Ｇ２，Ｇ３が画像表示部２に表示され、ピンチアウト動作などの拡大指示されたサムネイル画像束Ｇ１を拡大表示する場合、拡大指示を受けたサムネイル画像束Ｇ１の占有矩形Ｄ内の所定の位置Ｐを固定点とし、複数のサムネイル画像束Ｇ１，Ｇ２，Ｇ３のそれぞれの占有矩形Ｄの縦方向の長さが拡大指示に応じて拡大し、表示される。つまり、制御部３は、サムネイル画像束Ｇ１の拡大表示を受けると、サムネイル画像束Ｇ１の占有矩形Ｄ内の所定の位置Ｐを固定点として、複数のサムネイル画像束Ｇ１，Ｇ２，Ｇ３のそれぞれの占有矩形Ｄの縦方向の長さを拡大し、画像表示部２に表示する。
また、固定点とする所定の位置Ｐは、拡大指示を受けたサムネイル画像束Ｇ１の占有矩形Ｄ内の縦方向に沿った位置であればどこでも良い。例えば、中央のサムネイル画像束Ｇ２に拡大指示を受けた場合、固定点をサムネイル画像束Ｇ２の上端とすると、サムネイル画像束Ｇ２とサムネイル画像束Ｇ２の上方に位置するサムネイル画像束Ｇ１とを同時に拡大表示することができる。また、固定点をサムネイル画像束Ｇ２の下端とすると、サムネイル画像束Ｇ２とサムネイル画像束Ｇ２の下方に位置するサムネイル画像束Ｇ３とを同時に拡大表示することができる。なお、固定点とする所定の位置Ｐは、ユーザーが拡大指示をする前に、拡大指示するサムネイル画像束Ｇ１，Ｇ２，Ｇ３の占有矩形Ｄ内を指でタッチすることで指定する。
この表示方法によれば、複数のサムネイル画像束Ｇ１，Ｇ２，Ｇ３が画像表示部２に表示された場合、拡大指示を受けたサムネイル画像束Ｇ１の占有矩形Ｄ内の所定の位置Ｐを固定点とし、複数のサムネイル画像束Ｇ１，Ｇ２，Ｇ３のそれぞれの占有矩形Ｄの縦方向の長さを拡大指示に応じて拡大する。そのため、拡大指示を受けたサムネイル画像束Ｇ１に隣接するサムネイル画像束Ｇ２も同時に拡大されるので、拡大指示を受けたサムネイル画像束Ｇ１と隣接するサムネイル画像束Ｇ２を構成する複数のサムネイル画像Ｔの記載内容を同時に確認することができる。
また、固定点となる所定の位置Ｐが占有矩形Ｄ内の縦方向の何れかに位置するので、拡大指示を受けたサムネイル画像束Ｇ１，Ｇ２，Ｇ３の縦方向に隣接するどちら側のサムネイル画像束Ｇ１，Ｇ２，Ｇ３と同時に拡大表示するか選択することができる。
以下に、上述した実施形態から導き出される内容を記載する。
表示方法は、複数の画像を表示部に表示させる表示方法であって、前記表示部は、前記複数の画像が第１方向に並ぶ画像束を表示し、前記画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第１方向と交差する第２方向の長さを前記拡大指示に応じて拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像が前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第１方向の長さと前記第２方向の長さを前記拡大率で拡大する。
この表示方法によれば、画像束の拡大指示を受けると、画像束全体をそのまま拡大せず、画像束を占有する占有矩形の第２方向の長さを拡大指示に応じて広げる。そのため、動的部分に配置された画像は、拡大率に応じて、動的部分に配置される画像の数を少なくすることで、画像束全体の第１方向の長さを変えることなく、各画像の第１方向の長さと第２方向の長さを拡大指示された拡大率で拡大することができるので、動的部分に配置された複数の画像の記載内容を同時に確認することができる。
上述の表示方法において、前記複数の画像は、第１の仮想軸上に配置され、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心にして回転し、さらに前記第１の仮想軸を中心にして回転して表示されることとしても良い。
この表示方法によれば、第１の仮想軸上に配置され、且つ第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転させ、さらに第１の仮想軸を中心に回転させた複数の画像を第１方向に並べて配置した画像束が構成されることにより、画像束を構成する複数の画像の記載内容を俯瞰することができる。
上述の表示方法において、前記動的部分の前記画像の数が少なくなると、前記動的部分の前記第１方向の中央に配置する隣り合う前記画像同士が接するか、又は、重なる割合が小さくなることとしても良い。
この表示方法によれば、動的部分に配置する隣り合う画像同士が接するか、又は、所定の割合で重なるように表示することで、動的部分に配置された画像の記載内容を容易に確認することができる。
上述の表示方法において、前記表示部の前記第１方向の長さが前記第２方向の長さより短い場合、前記拡大率を所定の拡大率とすることとしても良い。
この表示方法によれば、表示部の第１方向の長さが第２方向の長さより短い場合、複数の画像が第１方向に並んで配置されている画像束を、拡大表示しようとすると、占有矩形の第１方向の長さに対して占有矩形の第２方向の長さを非常に大きく拡大して表示することができる。そのため、動的部分に配置されていた画像が全て静的部分へ移動し、画像束を構成する複数の画像が全て静的部分へ配置され、動的部分に配置された画像の記載内容を確認することができなくなる。そのため、所定の拡大率とすることで、動的部分に配置された画像が所定の数だけ表示できるようにすることができ、動的部分に配置された複数の画像の記載内容を容易に確認することができる。
上述の表示方法において、前記表示部は、更に前記第２方向に並ぶ複数の前記画像束を表示し、前記拡大指示を受けた前記画像束の前記占有矩形内の所定の位置を固定点とし、複数の前記画像束のそれぞれの前記占有矩形の前記第２方向の長さが前記拡大指示に応じて拡大することとしても良い。
この表示方法によれば、複数の画像束が表示部に表示された場合、拡大指示を受けた画像束の占有矩形内の所定の位置を固定点とし、複数の画像束のそれぞれの占有矩形の第２方向の長さを拡大指示に応じて拡大する。そのため、拡大指示を受けた画像束に隣接する画像束も同時に拡大されるので、拡大指示を受けた画像束と隣接する画像束を構成する複数の画像の記載内容を同時に確認することができる。
上述の表示方法において、前記所定の位置は、前記占有矩形内の前記第２方向の何れかに位置することとしても良い。
この表示方法によれば、固定点となる所定の位置が占有矩形内の第２方向に位置するので、拡大指示を受けた画像束の第２方向に隣接するどちら側の画像束と同時に拡大表示するか選択することができる。
表示装置は、複数の画像で構成されている画像束を表示する表示部と、第１の仮想軸上に配置された前記複数の画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心にして回転し、さらに前記第１の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第１の仮想軸に沿った第１方向と交差する第２方向の長さを拡大し、前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像を前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第１方向の長さと前記第２方向の長さを前記拡大率で拡大して表示させる制御部と、を備えている。
この表示装置によれば、画像束の拡大指示を受けると、画像束全体を拡大せず、画像束を占有する占有矩形の第１方向と交差する第２方向の長さを拡大指示に応じて拡大する。そのため、動的部分に配置された画像は、拡大率に応じて、動的部分に配置される画像の数を少なくするので、画像束全体の第１方向の長さを同じとし、隣り合う画像同士の重なる領域が小さくすることができるので、動的部分に配置された複数の画像の記載内容を同時に確認することができる。
２…表示部としての画像表示部、３…制御部、４…ＶＲＡＭ、５…ＲＡＭ、６…文献記憶部、７…入力部、７Ａ〜７Ｆ…ボタン、７Ｇ…タッチパネル、１０…表示装置としてのビューアー、２８…アプリケーション部、３０…画像生成部としてのＧＵＩ基盤部、３２…画像データ処理部、３４…有効矩形処理部、３６…画像配置部、３８…３Ｄ画像処理部、４０…タッチ処理部、４２…ファイル指示部、４４…画像サイズ取得部、４６…画像取得部、４８…ページ数取得部、５０…動的部分、５２…静的部分、ＢＵＳ…バス、Ｇ…画像束としてのサムネイル画像束、Ｔ…画像としてのサムネイル画像、Ｔａ…ページ、Ｔｂ，Ｔｃ，Ｔｄ，Ｔｅ…画像、Ｑ…第１の仮想軸としての第１仮想回転軸、Ｍ…第２の仮想軸としての第２仮想回転軸、Ｎ…仮想水平面、Ｒ…基準位置、Ｄ…占有矩形、Ｌ１，Ｌ２…間隔、Ｐ…所定の位置、θ…回転角。

Claims (7)

  1. 複数の画像を表示部に表示させる表示方法であって、
    前記表示部は、前記複数の画像が第１方向に並ぶ画像束を表示し、
    前記画像束は、隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、
    隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有し、
    前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第１方向と交差する第２方向の長さを前記拡大指示に応じて拡大し、
    前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像が前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第１方向の長さと前記第２方向の長さを前記拡大率で拡大する、
    表示方法。
  2. 前記複数の画像は、
    第１の仮想軸上に配置され、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心にして回転し、さらに前記第１の仮想軸を中心にして回転して表示される、
    請求項１に記載の表示方法。
  3. 前記動的部分の前記画像の数が少なくなると、前記動的部分の前記第１方向の中央に配置する隣り合う前記画像同士が接するか、又は、重なる割合が小さくなる、
    請求項１又は請求項２に記載の表示方法。
  4. 前記表示部の前記第１方向の長さが前記第２方向の長さより短い場合、前記拡大率を所定の拡大率とする、
    請求項１乃至請求項３の何れか一項に記載の表示方法。
  5. 前記表示部は、更に前記第２方向に並ぶ複数の前記画像束を表示し、
    前記拡大指示を受けた前記画像束の前記占有矩形内の所定の位置を固定点とし、
    複数の前記画像束のそれぞれの前記占有矩形の前記第２方向の長さが前記拡大指示に応じて拡大する、
    請求項１乃至請求項４の何れか一項に記載の表示方法。
  6. 前記所定の位置は、前記占有矩形内の前記第２方向の何れかに位置する、
    請求項５に記載の表示方法。
  7. 複数の画像で構成されている画像束を表示する表示部と、
    第１の仮想軸上に配置された前記複数の画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心にして回転し、さらに前記第１の仮想軸を中心に回転して前記複数の画像を生成する画像生成部と、
    隣り合う前記画像と一部が重なって表示される状態で、前記画像が等間隔で並ぶ静的部分と、
    隣り合う前記画像同士の間隔が、前記静的部分における前記画像同士の間隔よりも広く配置される動的部分と、を有する前記画像束を表示させ、
    前記画像束の拡大指示を受けると、前記画像束を占有する占有矩形の前記第１の仮想軸に沿った第１方向と交差する第２方向の長さを拡大し、
    前記拡大指示の拡大率が大きくなると、前記動的部分の前記画像を前記静的部分に移動し、前記動的部分の前記画像の数を少なくし、前記複数の画像の前記第１方向の長さと前記第２方向の長さを前記拡大率で拡大して表示させる制御部と、を備えている、
    表示装置。
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 true JP2020106896A (ja) 2020-07-09
JP7183778B2 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
JP7521308B2 (ja) 2020-07-31 2024-07-24 セイコーエプソン株式会社 画像表示方法、画像表示装置及び表示制御プログラム
JP2022027105A (ja) * 2020-07-31 2022-02-10 セイコーエプソン株式会社 画像表示方法、画像表示装置及び表示制御プログラム

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07296010A (ja) * 1995-04-26 1995-11-10 Hitachi Ltd 画像表示方法及び装置
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 (26)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101484869B (zh) * 2005-01-05 2014-11-26 希尔克瑞斯特实验室公司 用于处理一到多个对象的调整大小和布局的方法和系统
JP4560554B2 (ja) 2006-02-06 2010-10-13 株式会社クリエイティヴ・リンク 表示処理装置、表示処理方法、及びコンピュータプログラム
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
JP4720878B2 (ja) * 2008-08-29 2011-07-13 ソニー株式会社 情報処理装置および方法、並びにプログラム
JP4984174B2 (ja) * 2008-08-29 2012-07-25 ソニー株式会社 情報処理装置および方法、並びにプログラム
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
US8780069B2 (en) * 2009-09-25 2014-07-15 Apple Inc. Device, method, and graphical user interface for manipulating user interface objects
JP2011210138A (ja) * 2010-03-30 2011-10-20 Sony Corp 電子機器、画像出力方法及びプログラム
US20120185456A1 (en) * 2011-01-14 2012-07-19 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
US11086474B2 (en) * 2018-04-09 2021-08-10 Spatial Systems Inc. Augmented reality computing environments—mobile device join and load
JP7302150B2 (ja) * 2018-09-20 2023-07-04 富士フイルムビジネスイノベーション株式会社 情報処理装置、及び情報処理プログラム

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07296010A (ja) * 1995-04-26 1995-11-10 Hitachi Ltd 画像表示方法及び装置
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
US10901579B2 (en) 2021-01-26
JP7183778B2 (ja) 2022-12-06
US20200210033A1 (en) 2020-07-02
CN111381740A (zh) 2020-07-07
CN111381740B (zh) 2023-11-14

Similar Documents

Publication Publication Date Title
JP4883791B2 (ja) 情報処理装置及び表示方法
JP7452727B2 (ja) 表示方法及び表示装置
JP3705826B2 (ja) 仮想３次元ウインドウ表示制御方法
JP2004192573A (ja) 情報処理装置及び情報表示方法
WO2018198703A1 (ja) 表示装置
JP7183778B2 (ja) 表示方法及び表示装置
JPWO2008139551A1 (ja) 情報提示装置及び情報提示方法
JP5955139B2 (ja) 画像配置制御装置、画像配置制御方法、及びプログラム
JP2023017811A (ja) 画像処理装置
US20210064198A1 (en) Display method and display device
JP7272082B2 (ja) 表示方法及び表示装置
JP5347981B2 (ja) 情報表示装置及びプログラム
JP7331517B2 (ja) 表示方法および表示装置
JP7334520B2 (ja) 描画順序決定方法、描画方法および描画装置
JP6161290B2 (ja) 表示制御装置、表示制御方法及びそのプログラム
JP7259589B2 (ja) 表示方法、表示装置、及び印刷装置
JP3591876B2 (ja) 図形処理装置及び方法
JP6373710B2 (ja) 図形処理装置および図形処理プログラム
JP7115219B2 (ja) 表示方法、および表示装置
JP2021015470A (ja) 表示方法及び表示装置
US11132168B2 (en) Display method, display device, and display program
JP2020135699A (ja) 表示方法及び表示装置
US20200285375A1 (en) Display Method And Display Apparatus
JP7298133B2 (ja) 表示方法、および表示装置
JP6635868B2 (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