(57)【要約】【課題】少ない記憶容量で種々のサイズの部品画像を生成することができるようにする。【解決手段】本発明のＧＵＩの部品画像生成装置１は、直交する縦横の二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する要素画像データ記憶手段１０と、該要素画像を前記二方向に配設することによりＧＵＩの部品画像を生成する部品画像生成手段１５とを備えている。そして、部品画像生成手段１５は、前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定するように構成されている。【選択図】　　　図１
2004070395.tif 000002
【特許請求の範囲】
【請求項１】
ある一方向において一端部、中央部、他端部の３つに区分された要素画像を記憶する記憶手段と、
該要素画像を前記一方向に配設することによりグラフィカルユーザインターフェースの部品画像を生成する生成手段とを備えたグラフィカルユーザインターフェースの部品画像生成装置であって、
前記生成手段は、前記一方向において前記部品画像が指定されたサイズとなるように、前記中央部の要素画像の前記一方向への配設数を設定するように構成されたグラフィカルユーザインターフェースの部品画像生成装置。
【請求項２】
交差する二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する記憶手段と、
該要素画像を前記二方向に配設することによりグラフィカルユーザインターフェースの部品画像を生成する生成手段とを備えたグラフィカルユーザインターフェースの部品画像生成装置であって、
前記生成手段は、前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定するように構成されたグラフィカルユーザインターフェースの部品画像生成装置。
【請求項３】
ある一方向において一端部、中央部、他端部の３つに区分された要素画像を記憶する記憶手段を使用し、
該要素画像を前記一方向に配設することによりグラフィカルユーザインターフェースの部品画像を生成するグラフィカルユーザインターフェースの部品画像生成方法であって、
前記一方向において前記部品画像が指定されたサイズとなるように、前記中央部の要素画像の前記一方向への配設数を設定する段階を含むグラフィカルユーザインターフェースの部品画像生成方法。
【請求項４】
交差する二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する記憶手段を使用し、該要素画像を前記二方向に配設することによりグラフィカルユーザインターフェースの部品画像を生成するグラフィカルユーザインターフェースの部品画像生成方法であって、
前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定する段階を含むグラフィカルユーザインターフェースの部品画像生成方法。
【請求項５】
ある一方向において一端部、中央部、他端部の３つに区分された要素画像を記憶する記憶手段を使用し、
該要素画像を前記一方向に配設することによりグラフィカルユーザインターフェースの部品画像を生成するグラフィカルユーザインターフェースの部品画像生成プログラムであって、
前記一方向において前記部品画像が指定されたサイズとなるように、前記中央部の要素画像の前記一方向への配設数を設定するステップを含むグラフィカルユーザインターフェースの部品画像生成プログラム。
【請求項６】
交差する二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する記憶手段を使用し、該要素画像を前記二方向に配設することによりグラフィカルユーザインターフェースの部品画像を生成するグラフィカルユーザインターフェースの部品画像生成方法であって、
前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定するステップを含むグラフィカルユーザインターフェースの部品画像生成プログラム。
【請求項７】
前記５又は６のいずれか一項に記載のグラフィカルユーザインターフェースの部品画像生成プログラムを記録したコンピュータ読み取り可能な記録媒体。
【発明の詳細な説明】
【０００１】
【発明の属する技術分野】
本発明は、ボタン、フレームなどのグラフィカルユーザインターフェースの部品画像生成装置、生成方法、生成プログラム、及び該プログラムを記録したコンピュータ読み取り可能な記録媒体に関するものである。
【０００２】
【従来の技術】
グラフィカルユーザインターフェース（以下、「ＧＵＩ」という。）を備えた装置の画面５０には、ボタン、フレーム等のＧＵＩの部品画像Ｐが画面デザインに応じて種々のサイズで表示されるとともに、操作内容や監視対象の状態に応じて異なる画像が表示されるようになっている。図７は、この種の装置の画面表示例を示し、同図（ａ）は通常の状態、同図（ｂ）は左上のボタンが押下された状態を示している。従来の装置では、サイズ、表示文字列、状態等が異なる個々の部品画像をそれぞれ記憶手段に記憶しておき、それを必要に応じて読み出して表示するように構成されている。このため、図７の場合であれば、３つのボタンについて、それぞれ通常の状態及び押下された状態を示すための合計６種類の画像が記憶されている。
【０００３】
【発明が解決しようとする課題】
ところが、個々の部品画像をそれぞれ記憶しているため、大容量の記憶手段が必要になる。特に、信頼性向上のためにハードディスク等の機械的な駆動手段を含む安価な記憶手段を使用できない装置では、部品画像をＰＲＯＭ（Ｐｒｏｇｒａｍｍａｂｌｅ　Ｒｅａｄ　Ｏｎｌｙ　Ｍｅｍｏｒｙ）等の半導体記憶素子に記憶させる必要があり、コストがかかるという問題がある。
【０００４】
本発明の目的は、上記課題を解決し、少ない記憶容量で種々のサイズの部品画像を生成することができるＧＵＩの部品画像生成装置、生成方法、生成プログラム、及び該プログラムを記録したコンピュータ読み取り可能な記録媒体を提供することにある。
【０００５】
【課題を解決するための手段】
上記目的を達成するために、本発明のＧＵＩの部品画像生成装置は、ある一方向において一端部、中央部、他端部の３つに区分された要素画像を記憶する記憶手段と、該要素画像を前記一方向に配設することによりＧＵＩの部品画像を生成する生成手段とを備えたＧＵＩの部品画像生成装置であって、前記生成手段は、前記一方向において前記部品画像が指定されたサイズとなるように、前記中央部の要素画像の前記一方向への配設数を設定するように構成されている。
【０００６】
また、本発明のＧＵＩの部品画像生成装置は、交差する二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する記憶手段と、該要素画像を前記二方向に配設することによりＧＵＩの部品画像を生成する生成手段とを備えたＧＵＩの部品画像生成装置であって、前記生成手段は、前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定するように構成されている。
【０００７】
また、本発明のＧＵＩの部品画像生成方法は、ある一方向において一端部、中央部、他端部の３つに区分された要素画像を記憶する記憶手段を使用し、該要素画像を前記一方向に配設することによりＧＵＩの部品画像を生成するＧＵＩの部品画像生成方法であって、前記一方向において前記部品画像が指定されたサイズとなるように、前記中央部の要素画像の前記一方向への配設数を設定する段階を含んでいる。
【０００８】
本発明のＧＵＩの部品画像生成方法は、交差する二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する記憶手段を使用し、該要素画像を前記二方向に配設することによりＧＵＩの部品画像を生成するＧＵＩの部品画像生成方法であって、前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定する段階を含んでいる。
【０００９】
本発明のＧＵＩの部品画像生成プログラムは、ある一方向において一端部、中央部、他端部の３つに区分された要素画像を記憶する記憶手段を使用し、該要素画像を前記一方向に配設することによりＧＵＩの部品画像を生成するＧＵＩの部品画像生成プログラムであって、前記一方向において前記部品画像が指定されたサイズとなるように、前記中央部の要素画像の前記一方向への配設数を設定するステップを含んでいる。
【００１０】
本発明のＧＵＩの部品画像生成プログラムは、交差する二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像を記憶する記憶手段を使用し、該要素画像を前記二方向に配設することによりＧＵＩの部品画像を生成するＧＵＩの部品画像生成方法であって、前記各方向において前記部品画像が指定されたサイズとなるように、該各方向における中央部の要素画像の該方向への配設数を設定するステップを含んでいる。
【００１１】
本発明のコンピュータ読み取り可能な記録媒体は、前記いずれかのＧＵＩの部品画像生成プログラムを記録している。
【００１２】
以上において、前記一方向又は前記交差する二方向は、特に限定されないが、表示装置の画素の配列方向に一致させることが好ましい。また、前記ＧＵＩの部品としては、特に限定されないが、ユーザが選択した操作や指示等を実行するためのボタン、文字列を表示するラベル、文字列の入力や表示を行うための文字列ボックス、画像を表示する画像ボックス、枠を表示するフレーム等を例示する。また、前記ＧＵＩの部品画像とは、前記ＧＵＩの部品の表示において、文字列を除いた画像の部分をいう。
【００１３】
【発明の実施の形態】
図１〜図４は本発明を具体化した第一実施形態のＧＵＩの部品画像生成装置１を示している。以下、本発明をこの装置に具体化した実施形態について、同装置を使用して実施する生成方法、生成プログラム、及び該プログラムを記録したコンピュータ読み取り可能な記録媒体とともに、図面を参照して説明する。
【００１４】
図１に示すように部品画像生成装置１は、公知のコンピュータを使用して構成されており、その全体の動作を制御する制御部２と、縦横方向にマトリクス状に配設された画素を備えた表示部３と、制御部２に対する操作・指示やデータを入力するためのキーボード、マウス等の入力部４とを備えている。なお、表示部３及び入力部４に代えて、例えば表示手段及び入力手段を備えたタッチパネルを採用することもできる。
【００１５】
制御部２は、記憶手段６として、ＧＵＩの部品画像Ｐを生成するための要素画像データを記憶した要素画像データ記憶手段１０と、該部品画像Ｐに合成する文字や記号のフォントデータを記憶したフォントデータ記憶手段１１等を備えている。
【００１６】
また、制御部２は、制御手段７として、ＧＵＩの部品画像Ｐを生成する部品画像生成手段１５と、該部品画像生成手段１５を使用してＧＵＩを実現するＧＵＩ制御手段１６等を備えている。
【００１７】
制御部２の各記憶手段１０，１１、及び各制御手段１５，１６を実現するプログラムは、制御部２が内蔵する記憶装置（図示略）に記憶されている。この記憶装置の記憶内容は、光磁気ディスク、コンパクトディスク、フレキシブルディスク、ＩＣメモリカード等のコンピュータ読取可能な記録媒体（コンピュータ読取のみ可能な記録媒体やコンピュータ読み書き可能な記録媒体を含む。）に記録することができる。そして、これらのプログラムが「部品画像生成プログラム」であり、これらのプログラムを記録したコンピュータ読取可能な記録媒体が「部品画像生成プログラムを記録したコンピュータ読取可能な記録媒体」である。
【００１８】
次に、各記憶手段を具体的に説明する。まず、要素画像データ記憶手段１０は、ボタン、フレーム等の各部品画像Ｐについて、直交する縦横の二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分された９つの要素画像Ｅと、該各要素画像Ｅの縦横のドット数とを含む要素画像データを例えば二次元の配列構造に記憶している。例えば図２は、ボタン画像を生成するための要素画像Ｅを示しており、同図（ａ）はボタンの通常の状態（以下、「通常状態」という。）、同図（ｂ）はボタンが押下された状態（以下、「押下状態」という。）のものである。なお、本例では、特定の要素画像を示すときは、縦方向のインデックス（上から順に１，２，３）及び横方向のインデックス（左から順にａ，ｂ，ｃ）で表記するものとし、例えば、図２に示すように、左上の要素画像をＥ［１，ａ］、右下の要素画像をＥ［３，ｃ］と表記する。
【００１９】
フォントデータ記憶手段は、文字や記号について、所定の縦横サイズ（ドット数）かつ所定の書体からなる例えばビットマップフォント形式のフォントデータＦを記憶している。フォントデータＦは部品画像Ｐのサイズに応じて適宜拡大・縮小されて使用される。
【００２０】
次に、部品画像生成手段１５の処理内容について、図３のフローチャートを参照しながら説明する。この部品画像生成手段１５は、要素画像Ｅを縦横方向に配設することによりＧＵＩの部品画像Ｐを縦横方向について指定されたサイズで生成するものであり、入力パラメータとして、生成する部品画像についての要素画像データ、縦サイズ・横サイズ（要素画像Ｅの配設数）、表示文字列、及び出力先エリアの指定を受け取る。本例では、要素画像データとして図２（ａ）に示す要素画像Ｅを含むもの、縦サイズ及び横サイズとして４及び８、表示文字列として「ヘルプ」がそれぞれ指定されているものとする。まず、部品画像生成手段１５は、縦横の各方向において部品画像Ｐが指定されたサイズとなるように、該各方向における中央部の要素画像Ｅの該方向への配設数を「指定されたサイズ−２」に設定する（ステップＳ２１）。本例では、縦サイズが４、横サイズが８に指定されているので、縦方向における中央部の要素画像Ｅ（Ｅ［２，ａ］、Ｅ［２，ｂ］、Ｅ［２，ｃ］）の縦方向への配設数を２に設定し、横方向における中央部の要素画像Ｅ（Ｅ［１，ｂ］、Ｅ［２，ｂ］、Ｅ［３，ｂ］）の横方向への配設数を６に設定する。次いで、要素画像データの各要素画像Ｅを要素画像データ記憶手段１０から読み出し、指定された出力先エリアへ配設してゆく（ステップＳ２２）。図４（ａ）は、要素画像Ｅの配設例を示している。次いで、指定された表示文字列のフォントデータＦをフォントデータ記憶手段１１から読み出し、配設された要素画像Ｅに合成する（ステップＳ２３）。図４（ｂ）は、部品画像ＰへのフォントデータＦの合成例を示している。そして、本処理を終了する（ステップＳ２４）。
【００２１】
以上のように構成された本発明によれば、従来例とは異なり、個々の部品画像Ｐをすべて記憶する必要がなく、サイズ及び表示文字列が異なるだけの部品画像Ｐについては、１種類の要素画像データで済むので、部品画像Ｐを記憶するための記憶容量を大幅に削減することができる。
【００２２】
また、部品画像Ｐの生成は、要素画像Ｅをマトリクス状に配設するだけなので、簡単な処理で実現でき、従来例と比較して部品画像の表示時の速度はほとんど変わらない。
【００２３】
また、要素画像Ｅの作成は、図２に示すように、直交する縦横の二方向においてそれぞれ一端部、中央部、他端部の３つにマトリクス状に区分けされたエリア内に部品画像Ｐを作成し、それを９分割すればよく、簡単に作成できるので、従来例と比較し、開発効率はほとんど変わらない。
【００２４】
次に、図５及び図６は本発明の第二実施形態を示している。本実施形態は、以下の点において主に第一実施形態と相違している。従って、第一実施形態と共通する部分については、同一符号を付することにより重複説明を省く。
【００２５】
（１）本実施形態の要素画像データ記憶手段１０は、ボタン、フレーム等の各部品画像Ｐについて、横方向において一端部、中央部、他端部の３つに区分された要素画像Ｅと、該各要素画像Ｅの縦横のドット数とを含む要素画像データを例えば一次元の配列構造に記憶している。例えば図５は、通常の状態のボタン画像を生成するための要素画像Ｅを示している。なお、本例では、特定の要素画像を示すときは、横方向のインデックス（左から順にａ，ｂ，ｃ）で表記するものとし、例えば、図５に示すように、左から順にＥ［ａ］、Ｅ［ｂ］、Ｅ［ｃ］と表記する。
【００２６】
（２）本実施形態の部品画像生成手段１５は、要素画像Ｅを横方向に配設することによりＧＵＩの部品画像Ｐを横方向について指定されたサイズで生成するものである。そして、部品画像生成手段１５は、横方向において部品画像Ｐが指定されたサイズとなるように、中央部の要素画像Ｅ［ｂ］の横方向への配設数を設定するように構成されている。図６（ａ）は、横サイズが７に指定された場合の要素画像Ｅの配設例を示しており、この場合は、中央部の要素画像Ｅ［ｂ］の配設数は５となる。そして、図６（ｂ）は、配設された要素画像ＥにフォントデータＦが合成された部品画像Ｐを示している。
【００２７】
本実施形態によれば、横方向のサイズのみ異なる部品画像Ｐについて、第一実施形態と同様の効果を得ることができる。
【００２８】
なお、本発明は前記実施形態に限定されるものではなく、例えば以下のように、発明の趣旨から逸脱しない範囲で適宜変更して具体化することもできる。
（１）ラベル、文字列ボックス、画像ボックス等の他の部品画像の生成に使用すること。
（２）第一実施形態の交差する二方向として、縦横方向以外の方向を採用すること。
（３）第二実施形態の一方向として、横方向以外の方向（例えば縦方向）を採用すること。
【００２９】
【発明の効果】
本発明に係るＧＵＩの部品画像生成装置、生成方法、生成プログラム、及び該プログラムを記録したコンピュータ読み取り可能な記録媒体によれば、少ない記憶容量で種々のサイズの部品画像を生成することができるという優れた効果を奏する。
【図面の簡単な説明】
【図１】本発明の第一実施形態に係るＧＵＩの部品画像生成装置の構成を示すブロック図である。
【図２】同装置で使用する要素画像を示す図である。
【図３】同装置の部品画像生成手段の処理の流れを示すフローチャートである。
【図４】同部品画像生成手段により要素画像から部品画像を生成する様子を示す図である。
【図５】本発明の第二実施形態に係るＧＵＩの部品画像生成装置で使用する要素画像を示す図である。
【図６】同装置の部品画像生成手段により要素画像から部品画像を生成する様子を示す図である。
【図７】ＧＵＩを備えた装置の画面例を示す図である。
【符号の説明】
１　部品画像生成装置
２　制御部
３　表示部
４　入力部
６　記憶手段
７　制御手段
１０　要素画像データ記憶手段
１１　フォントデータ記憶手段
１５　部品画像生成手段
１６　ＧＵＩ制御手段
Ｅ　要素画像
Ｆ　フォントパターン
Ｐ　部品画像
【図１】
2004070395.tif 000003
【図２】
2004070395.tif 000004
【図３】
2004070395.tif 000005
【図４】
2004070395.tif 000006
【図５】
2004070395.tif 000007
【図６】
2004070395.tif 000008
【図７】
2004070395.tif 000009