JP2008033695A - 表示内容のスクロール方法、スクロール装置およびスクロールプログラム - Google Patents

Abstract

【課題】 ディスプレイに表示された内容のスクロールを容易にする。
【解決手段】 ポインティングデバイスのポインタが表示領域１０の一点を始点としてドラッグを開始したとき、その開始点と所定の基準点との間の距離から、ポインタの単位移動量に対するスクロールのスクロール量を算出する。表示内容２０をポインタの移動方向にしたがった方向にスクロールさせるとともに、ポインタの移動量と、ポインタの単位移動量に対するスクロールのスクロール量とに対応する量だけ表示内容２０をスクロールさせる。
【選択図】 図１

Description

この発明は、表示内容のスクロール方法、スクロール装置およびスクロールプログラムに関する。

情報のデジタル化に伴い、多量の情報を扱う機会が増加している。そして、パーソナルコンピュータなどの情報処理装置では各種の情報を表示する方法として、ウィンドウシステムが一般化している。

このウィンドウシステムにおいては、ディスプレイの画面に表示される内容の面積が、ディスプレイの表示領域（表示窓）より大きくても、その表示内容をスクロールさせることにより、適切に表示できるようにしている。そして、そのようなスクロール表示を実現する方法として、例えば以下の技術がある。すなわち、
(A) スクロールバー
(B) ドラッグスクロール
(C) キープスクロール
これらの場合、例えば図１３に示すように、符号５０が表示領域（表示窓）であり、符号６０が表示内容であるとすると、表示領域５０には、ちょうど窓越しに表示内容６０を見た場合のように、表示内容の６０の一部が表示される。ここで、表示内容６０としては、地図や写真などの静止画、動画、文書、表、住所録などのコンテンツがあるが、さらに、それらコンテンツのサムネイルを集めた画像などの場合である。

そして、(A)項のスクロールバーの場合には、図１３に示すように、表示領域５０の右側に縦スクロールバー５１が表示されるとともに、その上下に縦スクロールボタン５１Ａ、５１Ｂが表示される。また、表示領域５０の下側に横スクロールバー５２が表示されるとともに、その左右に横スクロールボタン５２Ａ、５２Ｂが表示される。

そこで、マウス（図示せず）などにより、縦スクロールバー５１を上下に移動させると、表示領域５０に対する表示内容６０の位置が上下にスクロールし、横スクロールバー５２を左右に移動させると、表示領域５０に対する表示内容６０の位置が左右にスクロールする。また、縦スクロールボタン５１Ａまたは５１Ｂを押すと、あるいは横スクロールボタン５２Ａまたは５２Ｂを押すと、１回押すごとに、表示内容１０が単位量だけ上下あるいは左右にスクロールする。

したがって、この(A)項のスクロールバーの場合には、表示内容６０を連続的にスクロールさせて表示することができる。また、スクロールボタン５１Ａ〜５２Ｂをクリックする場合には、表示内容６０を所定量ずつ細かく非連続的にスクロールさせて表示することもできる。

また、(B)項のドラッグスクロールの場合には、例えば図１４Ａに示すように、表示領域５０の中の任意の点ＰAにマウスポインタ５３をあわせ、図１４Ｂに示すように、マウスポインタ５３を点ＰBまでドラッグすると、表示内容６０が、点ＰAから点ＰBまでの方向および距離に対応して、破線の位置から実線の位置までスクロールするものである。

したがって、ドラッグの移動量がスクロール量に対応するため、どの程度ドラッグすべきかわかりやすく、細かい操作が可能である。さらに、「表示内容をつかんで移動させる」というシンプルな１つの操作であるため直感的にわかりやすい。また、斜め方向のスクロールが容易である。

さらに、(C)項のキープスクロールの場合には、図１５Ａに示すように、表示領域５０の中の任意の点ＰAをクリックし、図１５Ｂに示すように、マウスポインタ５３を点ＰBまで移動させると、点ＰAから見た点ＰBの方向に、かつ、点ＰAと点ＰBとの間隔に対応した速度で、表示内容６０がスクロールするものである。そして、マウスポインタ５３の位置ＰBを保持していると、表示内容６０が連続的にスクロールされ、マウスボタンを離すと、スクロールが停止する。

したがって、マウスボタンを押したときの位置ＰAと、現在の位置ＰBとの距離がスクロール速度になるため、広い範囲を高速にスクロールできる。また、マウスボタンを押したときの位置ＰAと、現在の位置ＰBとの距離を保持しているだけで、表示内容６０を連続してスクロールさせることができる。

なお、先行技術文献として例えば以下のものがある。
特開平０２−０３７３９４号公報 特開平０７−１６８５５２号公報

ところが、(A)項のスクロールバーの場合、基本的には、連続的なスクロールはスクロールバー５１、５２の操作により行い、一目盛りずつの細かいスクロールはスクロールボタン５１Ａ〜５２Ｂにより行うことになるので、２つの操作方法が混在することなり、操作性に問題がある。

また、(B)項のドラッグスクロールの場合は、最大スクロール量はドラッグできる範囲、すなわち、表示領域５０よりも狭くなるので、広い範囲を端から端までスクロールさせる場合、何度もドラッグをする必要がある。

さらに、(C)項のキープスクロールの場合には、少しだけスクロールさせたいときには、マウスボタンを押したときの位置ＰAと、現在の位置ＰBとの距離を短くする必要があり、細かい操作には不向きである。

この発明は、以上のような問題点を解決しようとするものである。

この発明においては、
ディスプレイの表示画面に表示される内容を、ユーザの操作にしたがってスクロールさせる表示スクロール方法において、
ポインティングデバイスのポインタが上記表示画面上の一点を始点としてドラッグを開始したとき、その開始点と所定の基準点との間の距離から、上記ポインタの単位移動量に対する上記スクロールのスクロール量を算出し、
上記内容を上記ポインタの移動方向にしたがった方向にスクロールさせるとともに、
上記ポインタの移動量と、上記ポインタの単位移動量に対する上記スクロールのスクロール量とに対応する量だけ上記内容をスクロールさせる
ようにした表示内容のスクロール方法
とするものである。

この発明によれば、ドラッグする位置によりスクロール量が異なるので、同じドラッグ操作でも、細かくスクロールしたり、高速に大まかにスクロールしたりすることができる。これにより、大きな表示内容であっても、高速にあるいは低速に自由にスクロールすることができ、容易に目的とする部分を探し出して表示することができる。また、ドラッグのみの一種類の操作で高速あるいは低速のスクロールを実現でき、操作が簡単である。

〔１〕 この発明の概要
図１は、この発明における表示例を示し、この例においては、表示内容がＣＤのジャケットのサムネイルの場合である。そして、そのサムネイルを年代順に並べるとともに、そのサムネイルをユーザの操作にしたがって左右にスクロールさせて目的とするサムネイルを表示できるようにした場合である。

すなわち、図１において、符号１０はディスプレイの表示画面における表示領域（表示窓）を示し、この例においては、表示領域１０は横方向に長い長方形とされている。この場合、この表示領域１０は、ディスプレイの表示画面の全面を占めていてもよく、一部を占めるだけであってもよい。

そして、この表示領域１０の例えば上部に、表示内容２０が表示される。図１においては、表示内容２０は、複数のＣＤのジャケットのサムネイル２１の集まりであり、このサムネイル２１が左から右へとＣＤの発売年代順に並んで表示内容２０を形成している。このとき、サムネイル２１の数が多いので（多ければ）、表示領域１０に表示されるサムネイル２１は一部のものだけとなり、残りは表示領域１０の外に位置して表示されない。図１においては、サムネイル２１のうち、表示領域１０の中に表示されないサムネイルは破線により示している。

なお、以下の説明においては、サムネイル２１の配列ピッチは100ピクセルであるとする。また、図１においては、サムネイル２１（表示内容２０）のスクロールの状態ないし結果をわかりやすくするため、サムネイル２１として表示される画像をアルファベットとしている。

さらに、表示領域１０の下部に、円盤状のスクロールダイヤル３１が表示される。このスクロールダイヤル３１は、マウスポインタ３２により仮想的にまわすことができるものである。ここで、「スクロールダイヤル３１をマウスポインタ３２によりまわす」とは、スクロールダイヤル３１にマウスポインタ３２を合わせ、この合わせた状態でマウスボタンを押しながらマウスポインタ３２をスクロールダイヤル３１の円周方向に移動させる操作である。つまり、スクロールダイヤル３１を回転的にドラッグする操作である。

そして、例えば図２Ａに矢印３２Ａにより示すように、マウスポインタ３２によりスクロールダイヤル３１を時計方向にまわすと（ドラッグすると）、例えば図３Ａ→図３Ｂ→図３Ｃに示すように、表示内容２０が左から右へとスクロールしていき、表示領域１０の左の外側にあったサムネイル２１がやがて表示領域１０の中に表示され、さらに表示領域１０の右の外側へとスクロールしていく。

また、図２Ａに矢印３２Ｂにより示すように、マウスポインタ３２によりスクロールダイヤル３１を反時計方向にまわすと、例えば図３Ｃ→図３Ｂ→図３Ａに示すように、表示内容２０が右から左へとスクロールしていき、表示領域１０の右の外側にあったサムネイル２１がやがて表示領域１０の中に表示され、さらに表示領域１０の左の外側へとスクロールしていく。

つまり、マウスポインタ３２を使ってスクロールダイヤル３１を仮想的にまわすと、表示内容２０（サムネイル２１）が、そのまわした方向に所定の割り合いで水平移動し、横スクロールが行われる。

ただし、この発明においては、以上のようなスクロールに加え、スクロールダイヤル３１をまわすときに、マウスポインタ３２をスクロールダイヤル３１に合わせた位置（スクロールダイヤル３１の中心からの半径方向における距離）に対応して、表示内容２０が横スクロールするときのスクロール量（スクロール速度）を変更する。

すなわち、上述の図３は、図２Ａにも示すように、マウスポインタ３２をスクロールダイヤル３１の外周付近に合わせてスクロールダイヤル３１を、矢印３２Ａあるいは３２Ｂにより示すようにまわした（ドラッグした）場合である。そして、このようにマウスポインタ３２をスクロールダイヤル３１の外周付近に合わせてスクロールダイヤル３１をまわした場合には、図３Ａ〜Ｃにも示すように、スクロールダイヤル３１の単位回転量に対する表示内容２０のスクロール量は小さくされる。

例えば、マウスポインタ３２をスクロールダイヤル３１の外周付近に合わせてスクロールダイヤル３１を１°まわしたときには、表示内容２０は１ピクセルだけ移動させられる。図３は、スクロールダイヤル３１を100°まわしたので、表示内容２０が、図３Ａの状態から１ピクセルずつ100ピクセル移動して図３Ｂの状態になり、さらに、スクロールダイヤル３１を100°まわしたので、表示内容２０が、図３Ｂの状態から１ピクセルずつ100ピクセル移動して図３Ｃの状態になった場合である。したがって、サムネイル２１が１ピクセルずつ２駒分スクロールしたことになる。

また、図２Ｂにも示すように、マウスポインタ３２をスクロールダイヤル３１の中心付近に合わせてスクロールダイヤル３１を、矢印３２Ｃあるいは３２Ｄにより示すようにまわした場合にも、そのまわした方向に表示内容２０が移動するが、このようにマウスポインタ３２をスクロールダイヤル３１の中心付近に合わせてスクロールダイヤル３１をまわした場合には、スクロールダイヤル３１の単位回転量に対する表示内容２０のスクロール量は大きくされる。

例えば、マウスポインタ３２をスクロールダイヤル３１の中心付近に合わせてスクロールダイヤル３１を１°まわしたときには、表示内容２０は100ピクセル移動させられる。図４は、スクロールダイヤル３１を６°まわしたので、表示内容２０が、図４Ａの状態から１ピクセルずつ600ピクセル移動して図４Ｂの状態になり、さらに、スクロールダイヤル３１を６°まわしたので、表示内容２０が、図４Ｂの状態から１ピクセルずつ600ピクセル移動して図４Ｃの状態になった場合である。したがって、サムネイル２１が１ピクセルずつ12駒分スクロールしたことになる。

もちろん、マウスポインタ３２を、図２Ａと図２Ｂとの中間の位置に合わせてスクロールダイヤル３１をまわした場合は、サムネイル２１のスクロール量は、図３の場合と図４の場合との中間とされる。

つまり、スクロールダイヤル３１をまわしたとき、例えば図５に示すように、
Ｐ：スクロールダイヤル３１においてマウスポインタ３２を合わせた点
ｄ：スクロールダイヤル３１をまわしたときの点Ｐの移動量（距離）
ｒ：スクロールダイヤル３１の中心（基準点）から点Ｐまでの距離
（ｒ＞０で、スクロールダイヤル３１の半径よりも小さい）
θ：スクロールダイヤル３１の回転角［rad］
とすれば、
θ＝ｄ／ｒ ・・・ (1)
の関係がある。

そこで、このとき、
Ｌ：表示内容２０のスクロール量
α：正の定数
とすれば、回転角θを、表示内容２０のスクロール量に対応させるものであり、
Ｌ＝α・θ
とする。すなわち、(1)式から
Ｌ＝α・ｄ／ｒ ・・・ (2)
とする。すなわち、マウスポインタ３２をスクロールダイヤル３１に合わせた点Ｐと、中心との距離ｒに反比例してスクロールダイヤル３１の単位回転量に対する表示内容２０のスクロール量（移動量）Ｌを変更する。

したがって、図２Ａのように、スクロールダイヤル３１の外周付近にマウスポインタ３２を合わせてスクロールダイヤル３１をまわしたときには、(2)式において、距離ｒが大きいので、表示内容２０のスクロール量Ｌは小さくなる。また、図２Ｂのように、スクロールダイヤル３１の中心付近にマウスポインタ３２を合わせてスクロールダイヤル３１をまわしたときには、(2)式において、距離ｒが小さいので、表示内容２０のスクロール量Ｌは大きくなる。

なお、このとき、スクロールダイヤル３１の中心点（基準点）からマウスポインタ３２までの距離ｒと、スクロールダイヤル３１の回転量θに対する表示内容２０のスクロール量Ｌとの関係は、線形であっても非線形、例えば指数関数的であってもよく、あるいはステップ的（離散的）であってもよい。

このようにすれば、マウスポインタ３２によりスクロールダイヤル３１をまわすと、そのまわした方向に表示内容２０が横スクロールされるとともに、スクロールダイヤル３１をまわすためにマウスポインタ３２を合わせた位置（点Ｐ）に対応してそのスクロール量Ｌが変化する。

したがって、あまり離れていない位置のサムネイル２１を表示する場合には、図２Ａに示すように、スクロールダイヤル３１の外周付近をドラッグしてスクロールダイヤル３１をまわせばよく、逆に大きく離れた位置のサムネイル２１を表示する場合には、図２Ｂに示すように、スクロールダイヤル３１の中心付近をドラッグしてスクロールダイヤル３１をまわせばよい。

こうして、上述のスクロール方法によれば、現在の表示位置と、目的とする表示位置との関係に対応して最適なスクロールを行うことができる。また、スクロールダイヤル３１をまわすのであるから、表示内容２０のスクロール量が表示領域１０より大きくでも問題がない。

〔２〕 ハードウェアおよびソフトウェアの説明
ここでは、上記のスクロールを実現するためのハードウェアおよびソフトウェアについて、説明する。

〔２−１〕 ハードウェアの例
図６において、符号１００はこの発明を適用したパーソナルコンピュータの一例を示す。このパーソナルコンピュータ１００は、一般のパーソナルコンピュータと同様に構成されているものであり、ＣＰＵ１０１と、ＲＯＭ１０２と、ＲＡＭ１０３とを有する。ＣＰＵ１０１は各種のプログラムを実行するものであり、ＲＯＭ１０２には、ＣＰＵ１０１により実行されるＢＩＯＳや基本的なデータが書き込まれている。また、ＲＡＭ１０２は、ＣＰＵ１０１がプログラムを実行するときのワークエリアとなるものであり、これらメモリ１０２、１０３はシステムバス１１１を通じてＣＰＵ１０１に接続されている。

さらに、システムバス１１１には、大容量のストレージとしてハードディスク装置１０４が接続されている。この場合、ハードディスク装置１０４には、このパーソナルコンピュータ１００を機能させるためのＯＳと、〔１〕により説明したサムネイルの表示を実現するためのプログラムとが蓄積されているとともに、さらに、楽曲として再生されるデジタルオーディオデータおよびその楽曲のジャケットをサムネイル２１として表示する画像データとが蓄積されている。

また、システムバス１１１には、ＬＡＮインターフェイス回路１０５が接続され、パーソナルコンピュータ１００は、ＬＡＮインターフェイス回路１０５を通じて外部のネットワーク１３１に接続される。このネットワーク１３１には、図示はしないが、ホームサーバ、ＮＡＳ、外部のサーバあるいは上位のネットワークなどが接続されている。

さらに、パーソナルコンピュータ１００には、オーディオ再生回路１０６および表示制御回路１０７が設けられ、これらもシステムバス１１１に接続されている。オーディオ再生回路１０６は、これにデジタルオーディオデータが供給されたとき、そのデジタルオーディオデータをアナログオーディオ信号にＤ／Ａ変換し、そのアナログオーディオ信号をスピーカ１２１Ｌ、１２１Ｒに供給するものである。

また、表示制御回路１０７は、図示はしないがビデオＲＡＭを有し、このビデオＲＡＭに表示データが供給されるとともに、所定の周期で繰り返し読み出されてビデオ信号に変換され、このビデオ信号がディスプレイ１２２に供給されて画像を表示するものである。さらに、文字入力手段およびポインティングデバイスとして、キーボード１０８およびマウス１０９がシステムバス１１１に接続されている。

〔２−２〕 ソフトウェアの例
〔２−２−１〕 基本部分の処理内容
図７において、符号２００は、〔１〕により説明したサムネイルの表示を実現するためのルーチンの一例を示す。このルーチン２００は、ハードディスク装置１０４に用意され、ＣＰＵ１０１によりＲＡＭ１０３にロードされて実行されるものである。なお、図７においては、ルーチン２００は、この発明に関係する部分だけを抜粋して示している。また、ユーザは、必要な操作をキーボード１０８あるいはマウス１０９により行う。

すなわち、ルーチン２００の実行を指示すると、ＣＰＵ１０１の処理がルーチン２００のステップ２０１からスタートし、次にステップ２０２において、初期設定が行われる。この初期設定としては、ハードディスク装置１０４から所定の画像データを読み出して表示制御回路１０７に供給し、ディスプレイ１２２に表示領域１０およびスクロールダイヤル３１を表示するとともに、例えば、ハードディスク装置１０４に蓄積されているサムネイル２１の画像データを読み出して表示制御回路１０７に供給し、この結果、ディスプレイ１２２に例えば図１に示すようにサムネイル２１を年代順に表示する処理が含まれる。

続いて、ステップ２１１において、マウス１０９の左ボタンが押されているか否か判別され、左ボタンの押圧待ちとなる。そして、マウス１０９の左ボタンが押されると、処理はステップ２１１からステップ２１２に進み、このときのマウスポインタ３２の座標（点Ｐ）が取得され、次にステップ２１３において、ステップ２１２により取得したマウスポインタ３２の位置が、スクロールダイヤル３１の円の中に位置しているか否かが判別される。

そして、中に位置しているときには、スクロールダイヤル３１を仮想的にまわすことができるときなので、ステップ２１４において、スクロールダイヤル３１の中心（基準点）からマウスポインタ３２までの距離ｒが検出されるとともに、その距離ｒからスクロールダイヤル３１を単位量、例えば１°まわしたときの表示内容２０のスクロール量、すなわち、「スクロール率」が算出される。

続いて、処理はステップ２２１に進み、このステップ２２１において、マウスポインタ３２が移動（ドラッグ）されたか否かが判別され、移動されたときには、処理はステップ２２１からステップ２２２に進み、移動後のマウスポインタ３２の座標が取得される。そして、次にステップ２２３において、ステップ２１４で算出したスクロール率と、ステップ２１２で取得したマウスポインタ３２の座標と、ステップ２２２で取得したマウスポインタ３２の座標とから、(2)式にしたがって、表示内容２０のスクロール量Ｌが算出され、ステップ２２４において、ステップ２２３により算出したスクロール量Ｌだけ、表示内容２０がスクロールされる。

さらに、ステップ２２５において、マウス１０９の左ボタンが押され続けているか否かが判別され、押され続けているときには、処理はステップ２２５からステップ２２１に戻る。しかし、押されていないときには、処理はステップ２２５からステップ２２６に進み、ルーチン２００を終了する。

したがって、〔１〕により説明したように、マウスポインタ３２によりスクロールダイヤル３１をまわすと、そのまわした方向に表示内容２０が横スクロールされるとともに、スクロールダイヤル３１をまわすためにマウスポインタ３２を合わせた位置に対応してそのスクロール量が変化する。

そして、この場合、あまり離れていない位置のサムネイル２１を表示するときには、図２Ａに示すように、スクロールダイヤル３１の外周付近をドラッグしてスクロールダイヤル３１をまわせばよく、逆に大きく離れた位置のサムネイル２１を表示するときには、図２Ｂに示すように、スクロールダイヤル３１の中心付近をドラッグしてスクロールダイヤル３１をまわせばよい。こうして、このルーチン２００によれば、現在の表示位置と、目的とする表示位置との関係に対応して最適なスクロールを行うことができる。

〔２−２−２〕 関連部分の処理内容
ステップ２１３において、ステップ２１２により取得したマウスポインタ３２の位置を判別した場合に、マウスポインタ３２がスクロールダイヤル３１の円の中に位置していないときには、処理はステップ２１３からステップ２３１に進み、このステップ２３１において、マウスポインタ３２が表示領域１０に表示されているサムネイル２１に位置しているか否かが判別される。

そして、サムネイル２１に位置しているときには、処理はステップ２３１から２３２に進み、このステップ２３２において、マウスポインタ３２が位置しているサムネイルに対応する楽曲のデジタルオーディオデータが、ハードディスク装置１０４から読み出され、この読み出されたデジタルオーディオデータが再生回路１０６に供給されてアナログオーディオ信号にＤ／Ａ変換され、この信号がスピーカ１２１Ｌ、１２１Ｒに供給される。

したがって、表示領域１０に表示されたサムネイル２１を指示すると、そのサムネイル２１として表示されている楽曲を再生できることになる。なお、この楽曲の再生を終了すると、図７のルーチン２００の場合には、ＣＰＵ１０１の処理はステップ２３２からステップ２２６に進み、ルーチン２００を終了する。

一方、ステップ２３１において、マウスポインタ３２がサムネイル２１の中に位置していないときには、処理はステップ２３１からステップ２４１に進み、このステップ２４１において、このときのマウスポインタ３２の位置に対応した処理、例えば終了処理が実行される。

さらに、ステップ２２１において、マウスポインタが移動されていないときには、処理はステップ２２５に進む。したがって、この場合には、ユーザに対して何も処理が行われないことになる。

〔３〕 他の例
〔３−１〕 ハードウェアの例
図８は、この発明を、ノート型のパーソナルコンピュータに適用した場合の一例を示す。この例においては、ポインティングデバイスとして、マウスポインタ１０９に代えてタッチパッド１１９が接続されている。このタッチパッド１１９は、タッチパネルやタブレットなどのように、スタイラスや指などにより入力面に触れて座標を入力をするものであり、その入力面が例えば図９に示すように、横に長い長方形に構成されている。そして、その入力面をスタイラスや指などで触れると（軽く押すと）、その触れたこと、およびその触れた点の座標が読み取られるものである。

さらに、この例においては、表示領域１０には、スクロールダイヤル３１は表示されずに、表示内容２０だけが表示される。

そして、図９ＡあるいはＢに示すように、タッチパッド１１９に円（あるいは弧）を描くと（円を描くように触れると）、表示領域１０に表示された表示内容２０が、その円の描画方向に対応してスクロールされるとともに、このとき、タッチパッド１１９に描いた円の半径が、(2)式の距離ｒとされる。

したがって、図９Ａに示すように、タッチパッド１１９に大きく円を描いたときには、図２Ａの示すように、スクロールダイヤル３１の外周付近にマウスポインタ３２を合わせてスクロールダイヤル３１をまわしたときに対応し、例えば図３に示すように、表示内容２０がその描いた円の方向に対応してスクロールされるとともに、そのスクロール量は小さくされる。

また、図９Ｂに示すように、タッチパッド１１９に小さく円を描いたときが、図２Ｂの示すように、スクロールダイヤル３１の中心付近にマウスポインタ３２を合わせてスクロールダイヤル３１をまわしたときに対応し、したがって、例えば図４に示すように、表示内容２０がその描いた円の方向に対応してスクロールされるとともに、そのスクロール量は大きくされる。

こうして、このタッチパッド１１９を使用する場合は、タッチパッド１１９に円を描くと、その描いた方向に表示内容２０が横スクロールされるとともに、描いた円の半径ｒに対応してそのスクロール量が変化する。

したがって、あまり離れていない位置のサムネイル２１を表示する場合でも、逆に大きく離れた位置のサムネイル２１を表示する場合でも、そのサムネイル２１を容易に表示することができる。

〔３−２〕 表示の例（その１）
図１０に示す例においては、スクロールダイヤル３１自体が大きく表示され、このスクロールダイヤル３１上に、３つの表示内容２０Ａ〜２０Ｃが三重に表示される場合である。この場合、第１の表示内容２０Ａは、複数のサムネイル２１が、スクロールダイヤル３１の外周に沿ってらせん状に配列されるとともに、そのらせんの中心軸がスクロールダイヤル３１の回転軸に一致した状態とされ、かつ、その１周分のサムネイル２１がスクロールダイヤル３１上に配列されているかのように表示される。

また、第２の表示内容２０Ｂは、第１の表示内容２０Ａの内側に同様に表示され、第３の表示内容２０Ｃは、第２の表示内容２０Ｂの内側に同様に表示される。そして、このとき、表示内容２０Ａ〜２０Ｃのサムネイル２１Ａ〜２１Ｃのうち、同一半径上に位置するものは、同じコンテンツのサムネイルとされる。

したがって、スクロールダイヤル２１をまわしていくと、そのらせん状に配列されたサムネイル２１が円周方向にスクロールされて順に見えていくことになる。

そして、この場合も、スクロールダイヤル３１をまわすときのマウスポインタ３２の位置が中心から離れるほど（距離ｒが大きくなるほど）、スクロール量Ｌが小さくされる。すなわち、表示内容２０Ａ、２０Ｂ、２０Ｃとなるほど、ドラッグしたときのスクロール量は大きくされる。

したがって、スクロールダイヤル３１の外周付近で、スクロールダイヤル３１をまわす操作をしたときは、細かくスクロールができ、中心付近のまわす操作をしたときは、高速で大まかなスクロールができる。また、表示内容２０であるサムネイル２１をらせん状に配列しているので、見掛け上、無限の長さの表示内容２０とすることができる。

〔３−３〕 表示の例（その２）
図１１に示す例においては、横長の表示内容２０を立体的に表示した場合である。すなわち、複数のサムネイル２１が横方向に帯状に配列されて表示内容２０が構成され、表示領域２１の左後方から正面前方に至り、さらに、右後方に至るかのように、あるいは逆に、表示領域２１の右後方から正面前方に至り、さらに、左後方に至るかのように、表示されている。このとき、中央のサムネイル２１は、正面に対して平行であるが、その左右のサムネイル２１、２１は中央から離れるほど小さく表示されている。

そして、マウス１０９あるいはタッチパッド１１９の操作にしたがって、サムネイル２１は左方向あるいは右方向にスクロールされる。また、このとき、スクロール量は、マウスポインタ３２が表示領域１０の中心に近づくほど小さくされ、したがって、表示内容２０の中央付近でドラッグ操作をしたときには、表示内容２０は小さくスクロールし、表示内容２０の左端付近あるいは右端付近でドラッグ操作したときは、表示内容２０は大きくスクロールされる。

このように設定することにより、表示内容２０の中央近辺では細かいスクロール操作ができ、表示内容２０の両端付近では高速で大まかなスクロールができるようになる。また、表示内容２０を立体表示することによって、手前に比べ奥の方が大きくスクロールすることを直感的に知ることができる。

〔４〕 その他
図２においては、矢印３２Ａ〜３２Ｄにより示すように、スクロールダイヤル３１をまわすようにマウス１０９をドラッグ操作する場合であるが、例えば図１２に示すように、横方向に移動させるかのようにドラッグ操作することもできる。そして、この場合も、スクロールダイヤル３１上のドラッグを開始した点と、中心との距離ｒにしたがって、スクロール量を変更すればよい。

また、上述において、ポインティングデバイスとして十字カーソルキーおよび決定キーを使用することもできる。すなわち、この場合には、決定キーを押すごとに、(2)式における距離ｒを順に変更するとともに、十字カーソルキーを押したとき、その押している期間、その押された十字カーソルキーに対応する方向に表示内容をスクロールさせればよい。つまり、ポインティングデバイスは、表示内容をドラッグするときのポインタの開始点の位置（座標）と、その移動量とを検出できるものであればよい。

さらに、上述においては、表示内容２０のサムネイル２１が、ＣＤのジャケットの場合であるとしたがが、年表、書籍の表紙、各種の資料、プライベートな写真、静止画、動画、ネットワーク１３１を通じてダウンロードができる楽曲などコンテンツのサムネイルなどすることもできる。そして、それらの場合、目的とするサムネイル２１をクリックしたとき、そのサムネイル２１を与えているコンテンツ（本体）を本来の大きさで表示したり、ダウンロードをしたりすることもできる。

〔略語の一覧〕
ＢＩＯＳ：Basic Input/Output System
ＣＤ ：Compact Disc
ＣＰＵ ：Central Processing Unit
Ｄ／Ａ ：Digital to Analog
ＬＡＮ ：Local Area Network
ＮＡＳ ：Network Attached Storage
ＯＳ ：Operating System
ＲＡＭ ：Random Access Memory
ＲＯＭ ：Read Only Memory

この発明の一形態の表示状態を示す図である。 この発明における操作方法および動作を説明するための図である。 この発明における操作方法および動作を説明するための図である。 この発明における操作方法および動作を説明するための図である。 この発明の動作を説明するための図である。 この発明の一形態を示す系統図である。 この発明の一形態を示すフローチャートである。 この発明の他の形態を示す系統図である。 この発明における操作方法および動作を説明するための図である。 この発明における操作方法および動作を説明するための図である。 この発明における操作方法および動作を説明するための図である。 この発明における操作方法および動作を説明するための図である。 この発明を説明するための図である。 この発明を説明するための図である。 この発明を説明するための図である。

符号の説明

１０…表示領域（表示窓）、２０…表示内容、２１…サムネイル、３１…スクロールダイヤル、３２…ポインタ、１００…パーソナルコンピュータ、１０１…ＣＰＵ、１０４…ハードディスク装置、１０９…マウス、１１９…タッチパッド、１２２…ディスプレイ

Claims (7)

1. ディスプレイの表示画面に表示される内容を、ユーザの操作にしたがってスクロールさせる表示スクロール方法において、
   ポインティングデバイスのポインタが上記表示画面上の一点を始点としてドラッグを開始したとき、その開始点と所定の基準点との間の距離から、上記ポインタの単位移動量に対する上記スクロールのスクロール量を算出し、
   上記内容を上記ポインタの移動方向にしたがった方向にスクロールさせるとともに、
   上記ポインタの移動量と、上記ポインタの単位移動量に対する上記スクロールのスクロール量とに対応する量だけ上記内容をスクロールさせる
   ようにした表示内容のスクロール方法。
2. 請求項１に記載の表示内容のスクロール方法において、
   上記基準点が上記表示画面に表示された円の中心であり、
   上記ポインタの移動方向が上記円の内部における円周方向である
   ようにした表示内容のスクロール方法。
3. 請求項２に記載の表示内容のスクロール方法において、
   上記開始点と上記基準点との間の距離が大きくなるほど、上記ポインタの単位移動量に対する上記スクロールのスクロール量を小さくする
   ようにした表示内容のスクロール方法。
4. 請求項１、請求項２あるいは請求項３に記載の表示内容のスクロール装置において、
   上記内容をスクロールさせるとき、立体的にスクロールさせる
   ようにした表示内容のスクロール方法。
5. ディスプレイの表示画面に表示される内容を、ユーザの操作にしたがってスクロールさせる装置において、
   ポインティングデバイスと、
   このポインティングデバイスのポインタが上記表示画面上の座標を始点としてドラッグを開始したとき、その開始点と所定の基準点との間の距離から、上記ポインタの単位移動量に対する上記スクロールのスクロール量を算出する算出手段と、
   上記内容を上記ポインタの移動方向にしたがった方向にスクロールさせるとともに、
   上記ポインタの移動量と、上記ポインタの単位移動量に対する上記スクロールのスクロール量とに対応する量だけ上記内容をスクロールさせるスクロール手段と
   を有する表示内容のスクロール装置。
6. 請求項５に記載の表示内容のスクロール装置において、
   上記ポインティングデバイスがマウスあるいはタッチパッドである
   ようにした表示内容のスクロール装置。
7. コンピュータにより実行され、ディスプレイの表示画面に表示される内容を、ユーザの操作にしたがってスクロールさせるプログラムであって、
   ポインティングデバイスのポインタが上記表示画面上の一点を始点としてドラッグを開始したとき、その開始点と所定の基準点との間の距離から、上記ポインタの単位移動量に対する上記スクロールのスクロール量を算出する第１のステップと、
   上記内容を上記ポインタの移動方向にしたがった方向にスクロールさせるとともに、
   上記ポインタの移動量と、上記ポインタの単位移動量に対する上記スクロールのスクロール量とに対応する量だけ上記内容をスクロールさせる第２のステップと
   を、コンピュータに実行させるための表示内容のスクロールプログラム。

Images