(57)【要約】【課題】従来の開発支援ツールでは、部品が複数の状態を持つ場合にユーザが部品の配置状態を正確に把握するのが困難である。【解決手段】ＵＩ画面を構成するＵＩ部品の位置を設定する情報処理装置であって、ＵＩ部品の状態を指定する指定部と、指定部により指定された状態でＵＩ部品をＵＩ画面上に表示させるように制御する制御部と、指定部により指定された状態でＵＩ画面上に表示されたＵＩ部品の位置を設定する設定部と、を備える。【選択図】  図１
2012088791.tif 000002
【特許請求の範囲】
【請求項１】
ＵＩ画面を構成するＵＩ部品の位置を設定する情報処理装置であって、
前記ＵＩ部品の状態を指定する指定手段と、
前記指定手段により指定された前記状態で前記ＵＩ部品を前記ＵＩ画面上に表示させるように制御する制御手段と、
前記指定手段により指定された前記状態で前記ＵＩ画面上に表示された前記ＵＩ部品の位置を設定する設定手段と、
を備えることを特徴とする情報処理装置。
【請求項２】
前記指定手段により指定された前記状態は、前記ＵＩ部品が取り得る複数の異なるサイズのうちの１つの状態であることを特徴とする請求項１に記載の情報処理装置。
【請求項３】
指定手段と、制御手段と、設定手段とを備え、ＵＩ画面を構成するＵＩ部品の位置を設定する情報処理装置における情報処理方法であって、
前記指定手段が、前記ＵＩ部品の状態を指定する指定工程と、
前記制御手段が、前記指定工程により指定された前記状態で前記ＵＩ部品を前記ＵＩ画面上に表示させるように制御する制御工程と、
前記設定手段が、前記指定工程により指定された前記状態で前記ＵＩ画面上に表示された前記ＵＩ部品の位置を設定する設定工程と、
を備えることを特徴とする情報処理装置における情報処理方法。
【請求項４】
請求項３に記載の情報処理方法の各工程をコンピュータに実行させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、情報処理装置、情報処理方法、およびプログラムに関する。特に、機器を操作するためのユーザ・インタフェース（以下、「ＵＩ」と称する）画面の作成を行う情報処理装置、情報処理方法、およびプログラムに関する。
【背景技術】
【０００２】
機器のＵＩ画面を効率的に作成するための開発支援ツールが普及している。例えば、特許文献１では、ＵＩ部品の処理を個々にプログラミングで記述するのではなく、ＵＩ画面領域にＵＩ部品をドラッグ＆ドロップするという簡単な操作でＵＩ画面の作成を実現する方法が開示されている。また、特許文献２では、動的に表示形態が切り替わるＵＩ部品のプロパティを設定する方法が開示されている。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開平９−１１４６２１号公報
【特許文献２】特開２００９−２５９１２３号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
上述のような開発支援ツールを用いると、プログラムレスでＵＩ画面を簡単に作成できるので作業効率向上を図ることが可能となる。
【０００５】
しかしながら、いずれの先行技術においてもＵＩ部品が複数状態を持つ場合の配置方法の利便性については詳細に考慮されていない。特に、ＵＩ部品の状態に応じてサイズが異なるようなＵＩ部品に関しては、個々のＵＩ部品の状態の絵やサイズを確認しながら配置できるようにする必要がある。
【０００６】
上記の課題に鑑み、本発明は、各ＵＩ部品の状態におけるＵＩ部品を確認しながらＵＩ部品配置を行えるようにすることを目的とする。
【課題を解決するための手段】
【０００７】
上記の目的を達成する本発明に係る情報処理装置は、
ＵＩ画面を構成するＵＩ部品の位置を設定する情報処理装置であって、
前記ＵＩ部品の状態を指定する指定手段と、
前記指定手段により指定された前記状態で前記ＵＩ部品を前記ＵＩ画面上に表示させるように制御する制御手段と、
前記指定手段により指定された前記状態で前記ＵＩ画面上に表示された前記ＵＩ部品の位置を設定する設定手段と、
を備えることを特徴とする情報処理装置。
【発明の効果】
【０００８】
本発明によれば、ユーザはより正確にＵＩ部品の配置を把握することが可能になる。これにより、ＵＩ部品を配置しやすくなり、作業効率の向上が見込まれる。
【図面の簡単な説明】
【０００９】
【図１】第１実施形態に係るＵＩ画面作成装置の概略構成図。
【図２】（ａ）第１実施形態に係るＵＩ画面作成装置の概観を説明する図、（ｂ）ＵＩの動作の例を示す図（ｌｅｆｔ状態）、（ｃ）ＵＩの動作の例を示す図（ｃｅｎｔｅｒ状態）、（ｄ）ＵＩの動作の例を示す図（ｒｉｇｈｔ状態）。
【図３】（ａ）ＵＩ部品Ａの例を示す図、（ｂ）ＵＩ部品Ｂの例を示す図、（ｃ）ＵＩ部品Ｃの例を示す図。
【図４】従来のＵＩ画面作成装置の動作を説明する図。
【図５】第１実施形態に係るＵＩ画面作成装置の動作を説明する図。
【図６】第１実施形態に係るＵＩ部品の状態切り替え処理の動作手順を示すフローチャート。
【図７】第１実施形態に係るＵＩ部品が保持する情報を説明する図。
【図８】第１実施形態に係るＵＩ画面が保持する情報を説明する図。
【図９】第１実施形態に係るＵＩ画面作成装置の動作を説明する図。
【図１０】第１実施形態に係るＵＩ画面作成装置の動作を説明する図。
【図１１】（ａ）第２実施形態に係るＵＩ画面作成装置の概略構成図、（ｂ）第２実施形態に係る状態関係定義の例を示す図。
【図１２】第２実施形態に係る状態解釈処理の動作手順を示すフローチャート。
【図１３】第２実施形態に係るＵＩ画面作成装置の動作を説明する図。
【図１４】第２実施形態に係るＵＩ画面作成装置の動作を説明する図。
【発明を実施するための形態】
【００１０】
（第１実施形態）
第１実施形態では、各ＵＩ画面の状態に対して、配置されたＵＩ部品の状態を１つずつ指定する例について説明する。尚、本発明は、各ＵＩ画面の状態に変えて、複合ＵＩ部品の各状態に対して、配置されたＵＩ部品の状態を１つずつ指定してもよい。
【００１１】
図１を参照して、第１実施形態に係るＵＩ画面作成装置の構成について説明する。図１に示すように、本実施形態に係るＵＩ画面作成装置１００は、表示部１０１と、操作部１０２と、制御部１０３と、記憶部１０４と、プロパティ情報補正部１０５とを備える。
【００１２】
表示部１０１は、液晶ディスプレイやＣＲＴディスプレイ等の表示装置から構成され、画像や文字等により構成される各種の情報を表示する。タッチパネル式の表示装置を用いる場合は後述の操作部１０２としての機能も有する。
【００１３】
操作部１０２は、各種キーボードやスイッチ、ボタン、タッチパネル、ペン、またはタブレット等の入力装置から構成され、各種の指示やテキストデータ等を本ＵＩ画面作成装置１００に入力するための入力インタフェースとして機能する。
【００１４】
制御部１０３は、ワークメモリ（例えばＲＡＭ）やＣＰＵ、ＭＰＵ、ＲＯＭ等により構成されており、記憶部１０４に記憶されたプログラムやデータを読み出して各部を制御し、各種の処理を実行する。
【００１５】
記憶部１０４は、各種情報を保存するためのハードディスクドライブ装置や、情報処理システムに各種の情報を提供するためのＣＤ−ＲＯＭやＤＶＤ−ＲＯＭ等の記憶媒体により構成されている。ＵＩ画面やＵＩ部品が取り得る状態を保持する状態保持部としての機能も記憶部１０４に含まれる。
【００１６】
続いてプロパティ情報補正部１０５について説明する。ここで、プロパティ情報とは、配置されるＵＩ部品に関する座標、大きさ（幅、高さ）等の位置情報およびサイズ情報である。すなわち、ユーザが操作する際に指標となるＵＩ部品の情報である。プロパティ情報補正部１０５は、記憶部に保持された座標やスケール等を示す情報に従って、プロパティ情報をユーザが把握しやすい情報に補正する。詳細は後述する。
【００１７】
次に、上記構成を有する本実施形態に係るＵＩ画面作成装置１００の動作例について説明する。
【００１８】
図２は、本実施形態におけるＵＩ画面作成装置の概観を示す図である。図２に示すように、操作画面は、画面編集エリア２０１と、画面の状態選択エリア２０２と、部品表示エリア２０３と、プロパティ編集エリア２０４とを備える。
【００１９】
ユーザは画面編集エリア２０１においてＵＩ画面を編集する。ＵＩ画面が複数の状態を取り得る場合は、画面の状態選択エリア２０２により表示するＵＩ画面の状態を選択できる。ユーザが画面の状態選択エリア２０２からあるＵＩ画面の状態を選択すると、選択されたＵＩ画面の状態におけるＵＩ画面が画面編集エリア２０１に表示される。
【００２０】
部品表示エリア２０３は、ＵＩ部品の一覧を表示する。ユーザは部品表示エリア２０３に表示されたＵＩ部品をドラッグ／ドロップして、ＵＩ部品を画面編集エリア２０１上に配置する操作によってＵＩ画面を作成する。
【００２１】
プロパティ編集エリア２０４は、画面編集エリア２０１上で選択中のＵＩ部品のプロパティ（例えば、座標、スケール、色、透明度、または回転角）を表示する。ユーザは、そのプロパティの値を入力することにより画面編集エリア２０１上のＵＩ部品を編集できる。例えば、プロパティ編集エリア２０４においてユーザが座標の欄に数値（座標値）を入力すると、その座標値に従って画面編集エリア２０１上のＵＩ部品が移動する。
【００２２】
続いて、図２（ｂ）、（ｃ）、（ｄ）を参照して、本実施形態においてユーザが作成したいＵＩ画面の動作例を説明する。図２（ｂ）、（ｃ）、（ｄ）の各ＵＩ画面は、それぞれ［ｌｅｆｔ］、［ｃｅｎｔｅｒ］、［ｒｉｇｈｔ］の３つのＵＩ画面の状態を示す。また、各ＵＩ画面は、図３（ａ）、（ｂ）、（ｃ）に示される３つのＵＩ部品Ａ、Ｂ、Ｃで構成される。図３に示されるように、ＵＩ部品Ａ、Ｂ、Ｃはいずれも［ａｃｔｉｖｅ］、［ｉｎａｃｔｉｖｅ］の２つのＵＩ部品の状態を有する。アクティブ状態とは、ＵＩ画面における当該ＵＩ部品が所定の表示サイズである状態である。一方、非アクティブ状態とは、当該ＵＩ部品が所定サイズよりも小さい縮小表示サイズであるＵＩ部品の状態である。アクティブ状態または非アクティブ状態（［ａｃｔｉｖｅ］/［ｉｎａｃｔｉｖｅ］）のそれぞれのＵＩ部品の状態に応じて絵の大きさも表示位置も異なる。ＵＩ画面やＵＩ部品が実際に動作するためのロジックは別の手法（例えば、ツールを利用した作成、マニュアルコーディング等）を用いて実行されるため、本ＵＩ画面作成装置ではＵＩ部品の配置のみを操作対象とする。なお、本実施形態では、ＵＩ部品についてアクティブ状態と非アクティブ状態の２つのＵＩ部品の状態を考えているが、必ずしも２つのＵＩ部品状態に限定されるわけではない。表示サイズに応じて３つ以上のＵＩ部品の状態を考慮してもよい。
【００２３】
ここで、図４を参照して、ＵＩ画面作成装置で配置されたＵＩ部品の状態を切り替えない場合の動作例を説明する。ユーザ操作によりＵＩ画面にＵＩ部品Ａを配置し、各ＵＩ画面の状態（［ｌｅｆｔ］/［ｃｅｎｔｅｒ］/［ｒｉｇｈｔ］）においてＵＩ画面上の所望の位置にＵＩ部品を移動する（図４（ｂ））。このとき、ＵＩ画面が［ｃｅｎｔｅｒ］、［ｒｉｇｈｔ］の状態においてＵＩ部品Ａは［ｉｎａｃｔｉｖｅ］の状態になる予定だが、ＵＩ画面上では［ａｃｔｉｖｅ］の絵が表示されてしまう。このため、ユーザは正しい位置にＵＩ部品Ａを配置できているかＵＩ画面上では確認することができない。
【００２４】
続いて、ユーザ操作によりＵＩ画面にＵＩ部品Ｂを配置し、各ＵＩ画面状態（［ｌｅｆｔ］/［ｃｅｎｔｅｒ］/［ｒｉｇｈｔ］）において所望の位置にＵＩ部品を移動する（図４（ｃ））。ＵＩ部品Ａを配置した場合と同様に、ユーザはＵＩ画面が［ｌｅｆｔ］、［ｒｉｇｈｔ］の状態において正しい位置にＵＩ部品Ｂを配置できているかＵＩ画面上では確認することができない。更に、 ＵＩ画面が［ｃｅｎｔｅｒ］、［ｒｉｇｈｔ］の状態ではＵＩ部品Ａが実際の動作結果とは異なる状態（［ａｃｔｉｖｅ］）の絵で表示されているため、ＵＩ部品Ｂをどこに配置してよいのかわかりにくい。
【００２５】
続いて、ユーザ操作によりＵＩ画面にＵＩ部品Ｃを配置し、各ＵＩ画面の状態（[ｌｅｆｔ）/［ｃｅｎｔｅｒ］/［ｒｉｇｈｔ］）において所望の位置にＵＩ部品を移動する（図４（ｄ））。この場合も上述の通り、ＵＩ部品を正しい位置に配置できているか、また、どこに配置してよいのかわかりにくい。
【００２６】
そこで、ユーザが［ａｃｔｉｖｅ］の状態のＵＩ部品から［ｉｎａｃｔｉｖｅ］の状態のＵＩ部品への切り替えを行うことにより、［ｉｎａｃｔｉｖｅ］の状態のＵＩ部品の位置を移動できるようにする。
【００２７】
図５は、ＵＩ画面にＵＩ部品Ａ、Ｂ、Ｃを配置し、各ＵＩ画面の状態（［ｌｅｆｔ］/［ｃｅｎｔｅｒ］/［ｒｉｇｈｔ］）において、ＵＩ部品Ａ、Ｂ、Ｃの状態を所望の状態に切り替える操作の例を示す図である。このＵＩ部品の状態切り替え時の動作手順を図６のフローチャートを参照して説明する。ステップＳ６０１において、図５（ｂ）に示すように、ＵＩ画面上であるＵＩ部品が指定受付された後、右クリックされると、表示部１０１は表示メニュー「（ＵＩ部品の）状態の切替」を表示する。ユーザ操作によりメニュー「（ＵＩ部品の）状態の切替」が選択されると（ステップＳ６０２；ＹＥＳ）、選択されたＵＩ部品が取り得る状態を状態保持部より読み出す。選択されたＵＩ部品が取り得る状態とは、図５（ａ）の例ではＵＩ部品Ｃの取り得る状態である［ａｃｔｉｖｅ］または［ｉｎａｃｔｉｖｅ］である。続いて、ステップＳ６０３において、表示部１０１は、取り得る１または複数のＵＩ部品の状態を提示する。続いてユーザによりＵＩ部品の状態のうちの１つが選択されると（ステップＳ６０４；ＹＥＳ）、ステップＳ６０５において、表示部１０１は対応するＵＩ部品の状態に従ってＵＩ部品の絵を表示する（図５（ｃ））。すなわち、 状態［ａｃｔｉｖｅ］が選択された場合は［ａｃｔｉｖｅ］の状態の絵を表示し、状態［ｉｎａｃｔｉｖｅ］が選択された場合は［ｉｎａｃｔｉｖｅ］の状態の絵を表示する。続いてステップＳ６０６において、プロパティ情報補正部１０５はプロパティ情報を補正する。
【００２８】
ここでプロパティ情報の補正について説明するために、まず、本ＵＩ画面作成装置において保持するデータについて説明する。本ＵＩ画面作成装置では、ＵＩ部品が個々に保持する情報と、ＵＩ画面に配置されることで定まる情報とがある。例えば、ＵＩ部品の情報は図７に示すように、ＵＩ部品の原点からの座標（ｘ、ｙ）と大きさ（ｗ、ｈ）とをＵＩ部品の状態ごとに保持される。また、配置先のＵＩ画面では、図８に示されるように、ＵＩ画面に設定された座標系における各ＵＩ部品の原点の座標とスケール情報（ｓｃａｌｅＸ： ｘ方向の拡大率、ｓｃａｌｅＹ：ｙ方向の拡大率）とが、ＵＩ部品と同様にＵＩ部品の状態ごとに保持される。これにより、ＵＩ部品がどのＵＩ部品の状態で表示されていたとしても、いずれかのＵＩ部品の状態でＵＩ部品の位置が変更された場合は、そのＵＩ部品の他のＵＩ部品の状態においても相対的に位置が変更されることになる。大きさについても同様に、ＵＩ部品がどのＵＩ部品の状態で表示されていたとしても、いずれかのＵＩ部品の状態でＵＩ部品の大きさが変更された場合は、そのＵＩ部品の他のＵＩ部品の状態においても相対的に大きさが変更されることになる。すなわちアクティブ状態または非アクティブ状態の一方のＵＩ部品の状態が選択された場合、選択されなかった他方のＵＩ部品の状態に対応するプロパティ情報もさらに設定されることになる。ユーザに表示するプロパティ情報は、現在表示しているＵＩ画面の状態を示す情報とＵＩ部品の状態を示す情報とを含む構成であってもよい。その場合、ユーザ操作によりＵＩ画面上でＵＩ部品が移動されたり（位置更新）、拡大縮小されたり（サイズ更新）、ＵＩ部品の状態が切り替えられたりした場合は、プロパティ情報の補正（再算出）が必要になる。一例として、ＵＩ部品のｘ座標、ｙ座標、幅ｗ、高さｈの補正方法は以下のようになる。
【００２９】
[ＵＩ部品のｘ座標]＝[現在表示しているＵＩ画面の状態におけるｘ座標]＋[現在表示しているＵＩ部品の状態におけるｘ座標]
[ＵＩ部品のｙ座標]＝[現在表示しているＵＩ画面の状態におけるｙ座標]＋[現在表示しているＵＩ部品の状態におけるｙ座標]
[ＵＩ部品のｗ]＝[現在表示しているＵＩ画面の状態におけるｓｃａｌｅＸ]×[現在表示しているＵＩ部品の状態におけるｗ]
[ＵＩ部品のｈ]＝[現在表示しているＵＩ画面の状態におけるｓｃａｌｅＹ]×[現在表示しているＵＩ部品の状態におけるｈ]
続いて、図９および図１０を参照して、具体的なプロパティ補正の例を説明する。
【００３０】
図９では、ＵＩ画面の状態は［ｃｅｎｔｅｒ］であり、ＵＩ画面上にＵＩ部品Ａを配置し（図９（ａ））、ＵＩ部品Ａの状態を切り替え（図９（ｂ））、ＵＩ部品Ａを移動し（図９（ｃ））、再度ＵＩ部品Ａの状態を切り替えた例が示されている（図９（ｄ））。
【００３１】
まず、図９（ａ）のようにＵＩ画面にＵＩ部品が配置されているとき、ＵＩ部品Ａの状態を［ｉｎａｃｔｉｖｅ］に切り替えると、ＵＩ部品Ａの原点からの座標が変わるので以下のようにプロパティ情報の補正を行う（図９（ｂ））。
【００３２】
ＵＩ部品Ａのｘ座標（Ｘａ）＝０＋１＝１
ＵＩ部品Ａのｙ座標（Ｙａ）＝０＋１＝１
ＵＩ部品Ａのｗ（Ｗａ）＝1×３＝３
ＵＩ部品Ａのｈ（Ｈａ）＝1×４＝４
次に、ＵＩ部品Ａを移動すると、ＵＩ画面が保持するＵＩ部品Ａの原点座標が変わるので、以下のようにプロパティ情報の補正を行う（図９（ｃ））。
【００３３】
ＵＩ部品Ａのｘ座標（Ｘａ）＝１０＋１＝１１
ＵＩ部品Ａのｙ座標（Ｙａ）＝７＋１＝８
ＵＩ部品Ａのｗ（Ｗａ）＝1×３＝３
ＵＩ部品Ａのｈ（Ｈａ）＝1×４＝４
次に、再度ＵＩ部品Ａの状態を［ａｃｔｉｖｅ］に切り替えると、ＵＩ部品Ａの原点からの座標が変わるので以下のようにプロパティ情報の補正を行う（図９（ｄ））。
【００３４】
ＵＩ部品Ａのｘ座標（Ｘａ）＝１０＋０＝１０
ＵＩ部品Ａのｙ座標（Ｙａ）＝７＋０＝７
ＵＩ部品Ａのｗ（Ｗａ）＝1×１０＝１０
ＵＩ部品Ａのｈ（Ｈａ）＝1×５＝５
また、図１０は、ＵＩ画面の状態は［ｃｅｎｔｅｒ］であり、ＵＩ画面上にＵＩ部品Ａを配置し（ａ）、ＵＩ部品Ａの状態を切り替え（ｂ）、ＵＩ部品Ａをｘ方向に２倍拡大し（ｃ）、再度ＵＩ部品Ａの状態を切り替えた（ｄ）例を示している。
【００３５】
まず、図１０（ａ）のようにＵＩ画面にＵＩ部品が配置されているとき、ＵＩ部品Ａの状態を［ｉｎａｃｔｉｖｅ］に切り替えると、ＵＩ部品Ａの原点からの座標が変わるので、以下のようにプロパティ情報の補正を行う（図１０（ｂ））。
【００３６】
ＵＩ部品Ａのｘ座標（Ｘａ）＝０＋１＝１
ＵＩ部品Ａのｙ座標（Ｙａ）＝０＋１＝１
ＵＩ部品Ａのｗ（Ｗａ）＝1×３＝３
ＵＩ部品Ａのｈ（Ｈａ）＝1×４＝４
次に、ＵＩ部品ＡをＵＩ画面上でｘ方向に２倍拡大すると、ＵＩ画面が保持するＵＩ部品Ａの拡大率が変わる（図１０ではｓｃａｌｅＸが１から２になる）。また、ＵＩ部品Ａの座標について原点からの距離も２倍になる（図１０ではｘが１から２になる）。これに伴って現在表示しているＵＩ部品Ａの表示位置がずれないように、本実施形態ではＵＩ画面が保持するＵＩ部品Ａの原点座標をずらす（図１０では（０，０）から（−１，０）にずらす）。原点座標はＵＩ部品ＡのどのＵＩ部品の状態においても共通のため、ＵＩ部品Ａの他ＵＩ部品の状態においても表示位置がずれることになる。上記のように、拡大率およびＵＩ画面が保持するＵＩ部品Ａの原点座標が変わるため、以下のようにプロパティ情報の補正を行う（図１０（ｃ））。
【００３７】
ＵＩ部品Ａのｘ座標（Ｘａ）＝−１＋２＝１
ＵＩ部品Ａのｙ座標（Ｙａ）＝０＋１＝１
ＵＩ部品Ａのｗ（Ｗａ）＝２×３＝６
ＵＩ部品Ａのｈ（Ｈａ）＝1×４＝４
次に、再度ＵＩ部品Ａの状態を［ａｃｔｉｖｅ］に切り替えると、ＵＩ部品Ａの原点からの座標が変わるので以下のようにプロパティ情報の補正を行う（図１０（ｄ））。
【００３８】
ＵＩ部品Ａのｘ座標（Ｘａ）＝−１＋０＝−１
ＵＩ部品Ａのｙ座標（Ｙａ）＝０＋０＝０
ＵＩ部品Ａのｗ（Ｗａ）＝２×１０＝２０
ＵＩ部品Ａのｈ（Ｈａ）＝1×５＝５
以上のようにプロパティ情報の補正を行うことで、ＵＩ画面に表示している様子とそのプロパティ情報をユーザに矛盾なく提示することができる。
【００３９】
尚、本実施形態ではＵＩ部品をＵＩ画面に配置する例を示したが、ＵＩ画面ではなく、ＵＩ部品に複数のＵＩ部品を配置した場合（複合ＵＩ部品）であっても同様である。
【００４０】
以上説明したように、第１実施形態によれば、ＵＩ部品の状態を切り替えることができるので、ユーザはより正確にＵＩ部品の配置を把握することが可能になる。これにより、ＵＩ部品を配置しやすくなり、作業効率の向上が見込まれる。
【００４１】
（第２実施形態）
第１実施形態では、各ＵＩ画面あるいは複合ＵＩ部品の各状態において配置したＵＩ部品の状態を１つずつ指定する例について説明した。これに対して、本実施形態では、あらかじめＵＩ画面とＵＩ部品との間の状態関係、あるいは、複合ＵＩ部品と該複合ＵＩ部品を構成する各ＵＩ部品との間の状態関係を定義しておき関連付けて記憶しておく。そして、ＵＩ画面作成装置がその状態関係に基づいてＵＩ部品の状態の切り替えを行う例について説明する。
【００４２】
まず、図１１（ａ）を参照して、第２実施形態に係るＵＩ画面作成装置の構成の一例を説明する。本実施形態のＵＩ画面作成装置は、表示部１０１と、操作部１０２と、制御部１０３と、記憶部１０４と、プロパティ情報補正部１０５と、状態解釈部１１０１とを備える。表示部１０１と、操作部１０２と、制御部１０３と、記憶部１０４と、プロパティ情報補正部１０５とについては第１実施形態で説明した構成と同様である。
【００４３】
状態解釈部１１０１は、あらかじめ定義されたＵＩ画面とＵＩ部品との間の状態関係、あるいは、複合ＵＩ部品と該複合ＵＩ部品を構成する各ＵＩ部品との間の状態関係を解釈する処理を実行する。
【００４４】
続いて、上記構成を有する本実施形態に係るＵＩ画面作成装置の動作例について説明する。
【００４５】
図１１（ｂ）は、ＵＩ画面とＵＩ部品との間の状態関係を定義した表である。［ｌｅｆｔ］、［ｃｅｎｔｅｒ］、［ｒｉｇｈｔ］はＵＩ画面の状態の種類であり、それぞれのＵＩ画面の状態のときにＵＩ部品Ａ、Ｂ、Ｃが各々どのようなＵＩ部品状態になるかを定義している。このＵＩ画面の状態は、切替受付処理によって切替可能であってもよい。例えば、図１１（ｂ）の状態関係定義からは、ＵＩ画面の状態が［ｌｅｆｔ］のときは、ＵＩ部品Ａの状態は［ａｃｔｉｖｅ］と読み取れる。
【００４６】
このときの状態解釈部１１０１の動作を、図１２のフローチャートを参照して説明する。
【００４７】
ステップＳ１２０１において、状態解釈部１１０１は、ユーザによりＵＩ画面上にＵＩ部品が配置されると状態定義を参照する。ステップＳ１２０２において、配置されたＵＩ部品の状態定義があるか否かが判定される。配置されたＵＩ部品の状態定義があれば（ステップＳ１２０２；ＹＥＳ）、ステップＳ１２０３に進む。ステップＳ１２０３において、表示部１０１は、対応するＵＩ部品状態に従ってＵＩ部品を表示する。例えば、図１３のＵＩ画面上にＵＩ部品Ａ、Ｂ、Ｃを配置する。 ［ｌｅｆｔ］の状態を表示しているのであれば、図１１（ｂ）の表に基づいて、表示部１０１は、ＵＩ部品Ａに関しては［ａｃｔｉｖｅ］、ＵＩ部品Ｂに関しては［ｉｎａｃｔｉｖｅ］、ＵＩ部品Ｃに関しては［ｉｎａｃｔｉｖｅ］の状態の絵を表示する。同様に、［ｃｅｎｔｅｒ］の状態を表示しているのであれば、図１１（ｂ）の表に基づいて、表示部１０１は、ＵＩ部品Ａに関しては［ｉｎａｃｔｉｖｅ］、ＵＩ部品Ｂに関して［ａｃｔｉｖｅ］、ＵＩ部品Ｃに関しては［ｉｎａｃｔｉｖｅ］の状態の絵を表示する。このように、ＵＩ部品配置時に状態定義に従って所定のＵＩ部品の状態の絵を表示することができる。ＵＩ画面の状態が切り替えられることにより、ＵＩ画面に配置したＵＩ部品の状態も状態定義に従って対応する所定のＵＩ部品の状態の絵を表示することができる。
【００４８】
一方、配置されたＵＩ部品の状態定義がない場合は（ステップＳ１２０２；ＮＯ）、ステップＳ１２０４に進む。ステップＳ１２０４において、表示部１０１は、ＵＩ部品のいずれかのＵＩ部品の状態の絵を表示する。ここでは、ＵＩ部品にデフォルトのＵＩ部品の状態が設定されていればそのＵＩ部品の状態の絵を表示すればよい。デフォルトが設定されていない場合は、読み込んだ順でもよいので、いずれか１つのＵＩ部品の状態の絵を表示すればよい。
【００４９】
続いて、ステップＳ１２０５において、プロパティ情報を補正する。プロパティ情報の補正については第１実施形態と同様である。
【００５０】
なお、図１４に示されるように、配置先のＵＩ画面の状態数とＵＩ部品の状態数が同じ場合は、自動で順に割振るなど、状態定義を自動で行うことも可能である。
【００５１】
以上、第２実施形態によれば、あらかじめＵＩ画面とＵＩ部品との間の状態関係、あるいは、複合ＵＩ部品と該複合ＵＩ部品を構成する各ＵＩ部品との間の状態関係を定義しておくことにより、ＵＩ部品配置時にＵＩ部品の状態を反映することができる。これにより、ユーザはＵＩ部品の状態の切り替え作業も行わなくて済み、作業効率の向上が見込まれる。
【００５２】
（その他の実施形態）
また、本発明は、以下の処理を実行することによっても実現される。即ち、上述した実施形態の機能を実現するソフトウェア（プログラム）を、ネットワーク又は各種記憶媒体を介してシステム或いは装置に供給し、そのシステム或いは装置のコンピュータ（またはＣＰＵやＭＰＵ等）がプログラムを読み出して実行する処理である。
【図１】
2012088791.tif 000003
【図２】
2012088791.tif 000004
【図３】
2012088791.tif 000005
【図４】
2012088791.tif 000006
【図５】
2012088791.tif 000007
【図６】
2012088791.tif 000008
【図７】
2012088791.tif 000009
【図８】
2012088791.tif 000010
【図９】
2012088791.tif 000011
【図１０】
2012088791.tif 000012
【図１１】
2012088791.tif 000013
【図１２】
2012088791.tif 000014
【図１３】
2012088791.tif 000015
【図１４】
2012088791.tif 000016