(57)【要約】【課題】矩形のビットマップで直線的でないスクロールバーを実現するスクロールバー表示方法を提供することである。【解決手段】スクロールボックス２２を含むスクロールバー２１を表示するスクロールバー表示方法であって、矩形のビットマップからなる下レイヤー、中レイヤー、上レイヤーを下から順に重畳し、前記下レイヤーは、湾曲又は屈曲したスクロールボックス全体の画像を含み、前記中レイヤーは、少なくとも前記スクロールボックス全体の画像の一端からの一部を覆う第１画像及び／又は少なくとも前記スクロールボックス全体の画像の他端からの一部を覆う第２画像を含み、前記上レイヤーは、前記スクロールボックス全体の画像を透過させる形状の透過窓を含むこととする。【選択図】図２
2012177996.tif 000002
【特許請求の範囲】
【請求項１】
スクロールボックスを含むスクロールバーを表示するスクロールバー表示方法であって、
矩形のビットマップからなる下レイヤー、中レイヤー、上レイヤーを下から順に重畳し、
前記下レイヤーは、湾曲又は屈曲したスクロールボックス全体の画像を含み、
前記中レイヤーは、少なくとも前記スクロールボックス全体の画像の一端からの一部を覆う第１画像及び／又は少なくとも前記スクロールボックス全体の画像の他端からの一部を覆う第２画像を含み、
前記上レイヤーは、前記スクロールボックス全体の画像を透過させる形状の透過窓を含むことを特徴とするスクロールバー表示方法。
【請求項２】
前記下レイヤーの前記スクロールボックス全体の画像以外の背景画像と、前記中レイヤーの前記第１及び第２画像とが、同色であることを特徴とする請求項１記載のスクロールバー表示方法。
【請求項３】
前記透過窓が、前記スクロールボックス全体の画像と合同な形状であることを特徴とする請求項１又は２記載のスクロールバー表示方法。
【請求項４】
前記上レイヤーは、前記スクロールボックスの可動範囲を示す外枠画像を含み、該外枠画像は、前記透過窓の外縁に沿った形状であることを特徴とする請求項１〜３の何れかに記載のスクロールバー表示方法。
【請求項５】
前記上レイヤーは、前記外枠画像と前記透過窓との間に、前記第１及び第２画像と同色の内枠画像を含むことを特徴とする請求項４記載のスクロールバー表示方法。
【請求項６】
前記下レイヤーと上レイヤーとが合同な形状であり、前記上レイヤーの背景画像が、前記スクロールバー周囲の画像と同色であることを特徴とする請求項１〜５の何れかに記載のスクロールバー表示方法。
【請求項７】
前記第１及び第２画像は、描画により生成するか又は予め用意された各種長さの複数の矩形画像からそれぞれ選択することを特徴とする請求項１〜６の何れかに記載のスクロールバー表示方法。
【請求項８】
表示するスクロールボックスの長さ及び位置は、前記第１及び第２画像の長さで決定されることを特徴とする請求項１〜７の何れかに記載のスクロールバー表示方法。
【請求項９】
前記スクロールボックス全体の画像が、円弧状であることを特徴とする請求項１〜８の何れかに記載のスクロールバー表示方法。
【請求項１０】
請求項１〜９の何れかに記載のスクロールバー表示方法を備えたオーディオ装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ディスプレイに表示される様々な形状のスクロールバーに適用できるスクロールバー表示方法に関する。
【背景技術】
【０００２】
近年、車載用のオーディオ装置やナビゲーション装置の多機能化が進み、表示する情報量が増加し、文書や絵、図などのコンテンツがディスプレイやウィンドウなどの表示範囲に収まりきらないことが多くなっている。そのため、パーソナルコンピューター等で用いられていたスクロールバーが利用されるようになってきている。
【０００３】
スクロールバー上に表示されたスクロールボックスの大きさ（長さ）は、コンテンツ全体の中で表示されている部分の割合を表す。また、スクロールバー上でのスクロールボックスの表示位置は、コンテンツ全体に対する表示されている部分の相対的位置を表す。したがって、小さなディスプレイでも多くの情報を扱うことができる。このようなスクロール方法に関しては様々な技術が提案されている。
【０００４】
例えば特許文献１には、ディスプレイ装置を有するコンピュータシステムにおいて、該コンピュータシステムにて実行されるプログラムの複数の画像をスクロールする方法であって、前記プログラムは、前記ディスプレイ装置上に前記複数の画像の表示を行わせるものであり、前記複数の画像の表示を操作するためにスクロールバーを与え、該スクロールバーは、スクロールボックスを含み、該スクロールボックスは、初期的には、前記スクロールバー内の第１の位置を占めており、前記スクロールバー内の各位置は、前記複数の画像の一つに対応しており、前記アプリケーションプログラムからの指示に応答して前記ディスプレイ装置に前記複数の画像からの第１の画像を表示し、前記ディスプレイ装置に画像ファインダを表示し、前記スクロールバー内の前記スクロールボックスの第１の位置に対応する前記第１の画像を前記画像ファインダ内に表示し、前記スクロールバー内の第２の位置に前記スクロールボックスを置き換えるユーザ入力に応答して、前記スクロールバー内の前記スクロールボックスの第２の位置に対応する前記複数の画像の中からの第２の画像を前記画像ファインダ内に表示し、前記スクロールボックスの前記第２の位置への置き換えに応答して前記ディスプレイ装置上に前記第２の画像を表示することを特徴とする方法が開示されている。
【０００５】
ここで、一般的なスクロールバーの表示方法は以下のようになっている。図９は、スクロールバーを表示した画面の一例を示す図である。画面１００の右端に表示された垂直方向のスクロールバー１０１は、スクロールボックス１０２と、上スクロール矢印１０３と、下スクロール矢印１０４とを含んでいる。そして、上スクロール矢印１０３が選択されるとスクロールボックスが上方向へスクロールし、下スクロール矢印１０４が選択されるとスクロールボックスが下方向へスクロールする。
【０００６】
スクロールバー１０１はビットマップで構成されており、図１０に示す矩形の下レイヤー１０５に、図１１のａ〜ｉに示す上レイヤーとなる異なった長さの矩形のボックスの中から１つ（ここではｄ）を取り出して適切な位置に重畳することで構成されている。取り出すスクロールボックス１０２の大きさ（長さ）は、コンテンツ全体の中で表示されている部分の割合に応じて決定され、スクロールバー１０１上でのスクロールボックス１０２の表示位置は、コンテンツ全体に対する表示されている部分の相対的位置に応じて決定される。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】特表平９−５０５１７４号公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
上述のように、スクロールバーを構成する部材（下レイヤー、上レイヤー）は何れも矩形のビットマップで構成されている。矩形のビットマップは上記のような垂直なスクロールバー又は水平なスクロールバーを表現することは容易である。しかしながら、矩形のビットマップで直線的でないスクロールバー、つまり湾曲や屈曲しているスクロールバーを表現することは容易ではなく、さらなる工夫が必要とされる。
【０００９】
本発明は、矩形のビットマップで直線的でないスクロールバーを実現するスクロールバー表示方法を提供することを目的とする。また、そのスクロールバー表示方法を備えたオーディオ装置を提供することも目的とする。
【課題を解決するための手段】
【００１０】
上記目的を達成するために本発明は、スクロールボックスを含むスクロールバーを表示するスクロールバー表示方法であって、矩形のビットマップからなる下レイヤー、中レイヤー、上レイヤーを下から順に重畳し、前記下レイヤーは、湾曲又は屈曲したスクロールボックス全体の画像を含み、前記中レイヤーは、少なくとも前記スクロールボックス全体の画像の一端からの一部を覆う第１画像及び／又は少なくとも前記スクロールボックス全体の画像の他端からの一部を覆う第２画像を含み、前記上レイヤーは、前記スクロールボックス全体の画像を透過させる形状の透過窓を含むことを特徴とする。
【００１１】
上記のスクロールバー表示方法において、前記下レイヤーの前記スクロールボックス全体の画像以外の背景画像と、前記中レイヤーの前記第１及び第２画像とが、同色であることが好ましい。
【００１２】
また上記のスクロールバー表示方法において、前記透過窓が、前記スクロールボックス全体の画像と合同な形状であることが好ましい。
【００１３】
また上記のスクロールバー表示方法において、前記上レイヤーは、前記スクロールボックスの可動範囲を示す外枠画像を含み、該外枠画像は、前記透過窓の外縁に沿った形状であることが好ましい。
【００１４】
また上記のスクロールバー表示方法において、前記上レイヤーは、前記外枠画像と前記透過窓との間に、前記第１及び第２画像と同色の内枠画像を含むことが好ましい。
【００１５】
また上記のスクロールバー表示方法において、前記下レイヤーと上レイヤーとが合同な形状であり、前記上レイヤーの背景画像が、前記スクロールバー周囲の画像と同色であることが好ましい。
【００１６】
また上記のスクロールバー表示方法において、前記第１及び第２画像は、描画により生成するか又は予め用意された各種長さの複数の矩形画像からそれぞれ選択することが好ましい。
【００１７】
また上記のスクロールバー表示方法において、表示するスクロールボックスの長さ及び位置は、前記第１及び第２画像の長さで決定される。
【００１８】
また上記のスクロールバー表示方法において、前記スクロールボックス全体の画像が、円弧状であることが好ましい。
【００１９】
また本発明は、上記の何れかに記載のスクロールバー表示方法を備えたオーディオ装置とする。
【発明の効果】
【００２０】
本発明によると、矩形のビットマップからなる下レイヤー、中レイヤー、上レイヤーを下から順に重畳することにより、矩形のビットマップで直線的でない円弧状等のスクロールバーを実現することができる。よって、スクロールバーを多様な形状に設計できるので、画面デザインの選択肢が広がる。
【図面の簡単な説明】
【００２１】
【図１】本発明のオーディオ装置の構成を示すブロック図である。
【図２】本発明のスクロールバーを表示した画面の一例を示す図である。
【図３】本発明の下レイヤーを示す図である。
【図４】本発明の中レイヤーを示す図である。
【図５】本発明の上レイヤーを示す図である。
【図６】本発明の複数の矩形画像を示す図である。
【図７】本発明の下レイヤーに中レイヤーを重畳した状態を示す図である。
【図８】図７の画像に上レイヤーを重畳した状態を示す図である。
【図９】従来のスクロールバーを表示した画面の一例を示す図である。
【図１０】従来の下レイヤーを示す図である。
【図１１】従来の上レイヤーを示す図である。
【発明を実施するための形態】
【００２２】
以下では、本発明のスクロールバー表示方法を搭載した装置の一例として、車載用のオーディオ装置を用いて説明する。図１は、オーディオ装置の構成を示すブロック図である。
【００２３】
オーディオ装置１０は、各部を制御する制御部１１と、ＣＤ等の光ディスクに記録されたデータを再生するディスク再生部１２と、ラジオ放送信号を復調するチューナ部１３と、表示領域に曲目、メニュー画像、スクロールバー等を表示する液晶表示部１４と、操作部１５と、ＲＯＭやＲＡＭからなりスクロールバー表示方法を実現するプログラム等を格納するメモリ１６と、接続されたスピーカ（不図示）へ音声を出力する音声出力部１７とを備えている。
【００２４】
そして、制御部１０はスクロールバーの表示に関する制御を行う。以下に、制御部１０の制御について詳しく説明する。
【００２５】
図２は、スクロールバーを表示した画面の一例を示す図である。画面２０には、ＣＤの曲目が記されており、画面２０の右端に表示されたスクロールバー２１は、スクロールボックス２２と、上スクロール矢印２３と、下スクロール矢印２４とを含んでいる。そして、ユーザにより上スクロール矢印２３が選択されるとスクロールボックス２２を上方向へスクロールさせ、下スクロール矢印２４が選択されるとスクロールボックス２２を下方向へスクロールさせる。図２では、選曲するためのカーソル２９が７番の曲に位置している。
【００２６】
スクロールバー２１は矩形のビットマップからなる下レイヤー、中レイヤー、上レイヤーを下から順に重畳して構成されている。図３は下レイヤーを示す図、図４は中レイヤーを示す図、図５は上レイヤーを示す図である。
【００２７】
図３に示すように、下レイヤー２５は、円弧状のスクロールボックス全体の画像（スクロールボックスの最大長の画像）２５ａと、このスクロールボックス全体の画像２５ａを囲む矩形の背景画像２５ｂとから構成されている。なお、背景画像２５ｂはなるべく小さいことが好ましい。また、スクロールボックス全体の画像は、直線以外の形状が好ましく、円弧以外の湾曲した形状や屈曲した形状等でもよい。
【００２８】
図４に示すように、中レイヤー２６は、下レイヤー２５の背景画像２５ｂと同じ幅で背景画像２５ｂの一端（図４では上端）から他端方向へ延びる第１画像２６ａと、下レイヤー２５の背景画像２５ｂと同じ幅で背景画像２５ｂの他端（図４では下端）から一端方向へ延びる第２画像２６ｂとが、所定間隔を有して配置されたものである。この所定間隔の長さ及び位置が実際に表示されるスクロールボックス２２の長さ及び位置となる。つまり、制御部１０は、実際に表示されるスクロールボックス２２の長さ及び位置を、第１及び第２画像２６ａ、２６ｂの長さで決定する。
【００２９】
なお、第１及び第２画像２６ａ、２６ｂは、メモリ１６に格納されたプログラムに基づき描画処理により適宜決められた範囲を塗りつぶす（描画する）ことで生成する。どのような大きさ（長さ）の矩形画像を描画するかは、コンテンツ全体の中で現在表示されている部分の割合と、コンテンツ全体に対する現在表示されている部分の相対的位置とに応じて決定する。
【００３０】
なお、第１及び第２画像２６ａ、２６ｂは、メモリ１６に予め用意された各種長さの複数の矩形画像からそれぞれ選択するようにしてもよい。この場合、どの大きさ（長さ）の矩形画像を取り出すかは、コンテンツ全体の中で現在表示されている部分の割合と、コンテンツ全体に対する現在表示されている部分の相対的位置とに応じて決定する。図６は複数の矩形画像を示す図である。図６のＡ〜Ｊに示す第１及び第２画像２６ａ、２６ｂとなる異なった長さの矩形画像の中から第１及び第２画像２６ａ、２６ｂ（ここではＣ、Ｆ）となる画像を取り出す。
【００３１】
必ずしも第１画像２６ａと第２画像２６ｂの両方が必要なわけではなく、一方のみになる場合もある。例えば、スクロールボックスが最上端に位置する場合、第１画像２６ａは不要であり、スクロールボックスが最下端に位置する場合、第２画像２６ｂは不要となる。
【００３２】
なお、第１画像２６ａは、少なくともスクロールボックス全体の画像２５ａの一端（図４では上端）からの一部を覆う画像であって、上レイヤーからはみ出さなければ、その形状には特に限定はない。第２画像２６ｂは、少なくともスクロールボックス全体の画像２５ａの他端（図４では下端）からの一部を覆う画像であって、上レイヤーからはみ出さなければ、その形状には特に限定はない。
【００３３】
図５に示すように、上レイヤー２７は、スクロールボックス全体の画像２５ａを透過させる形状の透過画像（透過領域）である透過窓２７ａと、透過窓２７ａの外縁に沿った形状であって、スクロールボックス２２の可動範囲を示す外枠画像２７ｂと、外枠画像２７ｂと透過窓２７ａとの間を埋める内枠画像２７ｃと、外枠画像２７ｂを囲む矩形の背景画像２７ｄとから構成されている。上レイヤー２７は、下レイヤー２５を全て覆う形状であれば特に限定はないが、図５のように、下レイヤー２５と合同な形状で、下レイヤー２５にきっちり重ねられることが好ましい。また、画面２０全体の違和感をなくす観点から、背景画像２７ｄはスクロールバー２１周囲の画像と同色であることが好ましい。
【００３４】
透過窓２７ａは、スクロールボックス全体の画像２５ａを透過させる形状であれば特に限定はないが、図５のように、スクロールボックス全体の画像２５ａと合同な形状で、スクロールボックス全体の画像２５ａにきっちり重なる位置にあることが好ましい。透過窓２７ａをスクロールボックス全体の画像２５ａより大きく設ける場合は、スクロールボックス全体の画像２５ａの一部と第１及び第２画像２６ａ、２６ｂの一部とに加えて下レイヤー２５の背景画像２５ｂの一部も透過することになるので、違和感をなくすために背景画像２５ｂと第１及び第２画像２６ａ、２６ｂとを同色にしておくことが好ましい。
【００３５】
外枠画像２７ｂは、透過窓２７ａの外縁に沿った形状、図５では透過窓２７ａの外縁を間隔を有して囲む線で構成された枠であって、透過窓２７ａに相似する円弧状の画像となっている。なお、外枠画像２７ｂは、透過窓２７ａの外縁に沿った形状のうち最も小さい形状、つまり透過窓２７ａの外縁に一致する形状であってもよい。
【００３６】
内枠画像２７ｃは、中レイヤー２６の第１及び第２画像２６ａ、２６ｂと同色であることが好ましい。これにより、スクロールバー２１において、外枠画像２７ｂの内側のスクロールボックス２２以外の領域が同色になるので違和感が生じない。
【００３７】
図７は、下レイヤー２５に中レイヤー２６を重畳した状態を示す図である。制御部１０は、第１画像２６ａとしてスクロールボックス全体の画像２５ａの上端付近を塗りつぶし（覆い隠し）、第２画像２６ｂとしてスクロールボックス全体の画像２５ａの下端から中央付近までを塗りつぶし（覆い隠し）ている。そして、見た目にはスクロールボックス全体の画像２５ａの中央付近の一部が表示された状態となっている。
【００３８】
図８は、図７の画像に上レイヤー２７を重畳した状態を示す図である。さらに制御部１０は、下レイヤー２５の上に中レイヤー２６を、その上にさらに上レイヤー２７を重ねることで、外枠画像２７ｂによってスクロールボックス２２の可動範囲を示すことができ、透過窓２７ａによってスクロールボックス２２が透過され、背景画像２７ｄによって下レイヤー２５の背景画像２５ｂ及び中レイヤー２６を覆い隠すことができる。
【００３９】
そして、図８の状態にさらに上スクロール矢印２３と下スクロール矢印２４とを組み合わせることで図２のスクロールバー２１が完成する。
【００４０】
このように、矩形のビットマップからなる下レイヤー２５、中レイヤー２６、上レイヤー２７を下から順に重畳することにより、矩形のビットマップで直線的でない円弧状等のスクロールバーを実現することができる。よって、スクロールバーを多様な形状に設計できるので、画面デザインの選択肢が広がる。
【００４１】
なお、スクロールバーは画像の表示範囲を切り替えるときに操作部１５の矢印キー等によって操作されるが、他にも例えば、タッチパネルを用いている場合はスクロールバーに触れることで操作できるようにしてもよい。また、車載用であれば、車体に設けられたコマンダー（回転ホイール）に接続させて操作できるようにしてもよい。
【００４２】
上記のスクロールバーを表示するための一連の処理は、スクロールボックスの移動やスクロールボックスの大きさの変更が必要な場合に繰り返し実行される。
【産業上の利用可能性】
【００４３】
本発明は、車載用のオーディオ装置やナビゲーション装置をはじめ、据え置き型のオーディオ装置、携帯型のナビゲーション装置、携帯電話機等の各種携帯機器、パーソナルコンピューターなど、スクロールバーの表示機能を有する装置に利用することができる。
【符号の説明】
【００４４】
１０  オーディオ装置
２１  スクロールバー
２２  スクロールボックス
２５  下レイヤー
２５ａ  スクロールボックス全体の画像
２５ｂ  下レイヤーの背景画像
２６  中レイヤー
２６ａ  第１画像
２６ｂ  第２画像
２７  上レイヤー
２７ａ  透過窓
２７ｂ  外枠画像
２７ｃ  内枠画像
２７ｄ  上レイヤーの背景画像
【図１】
2012177996.tif 000003
【図２】
2012177996.tif 000004
【図３】
2012177996.tif 000005
【図４】
2012177996.tif 000006
【図５】
2012177996.tif 000007
【図６】
2012177996.tif 000008
【図７】
2012177996.tif 000009
【図８】
2012177996.tif 000010
【図９】
2012177996.tif 000011
【図１０】
2012177996.tif 000012
【図１１】
2012177996.tif 000013