JP6038171B2 - ユーザインタフェース装置 - Google Patents

Description

本発明は、ユーザインタフェース装置に関し、特に入力部及び表示部を用いたユーザインタフェース装置に関するものである。

ユーザインタフェース装置の表示装置（表示部）において画面を表示する手法として、画面表示用の部品（ＵＩ部品）として予め設計された基本表示部品と、当該基本表示部品などを組み合わせて構成される複合表示部品とを用いる手法が知られている。

この手法では、上位の複合表示部品に予め割り当てた複数の表示状態のそれぞれに、基本表示部品及び複合表示部品の少なくともいずれか１つの表示部品を予め規定しておき、使用者の入力操作に応じたイベント処理に対応させて表示状態を遷移させる。このような状態遷移を伴う手法によれば、画面の表示を、イベント処理に適した表示状態に切り替えることができる。なお、特許文献１には、表示状態の状態遷移を行う技術が開示されている。

特開平０７−１２９３７５号公報

上述のようなユーザインタフェース装置において、状態遷移前の表示状態から状態遷移後の表示状態への切り替えは瞬間的に行われる。これに対して、ユーザインタフェース装置の高級感及び娯楽性などの観点から、状態遷移の中途にアニメーションを表示することは好適であると考えられる。

しかしながら、そのようなアニメーションを表示するためには、時間順に表示すべき複数の表示状態（例えば静止画など）を設計しなければならないことから、全体として設計に時間がかかるという問題があった。しかも、表示状態の設計作業は、エンジニアによってコーディングされることが多く、プログラムの知識を持たないグラフィックデザイナにとっては困難な作業であるという問題があった。

そこで、本発明は、上記のような問題点を鑑みてなされたものであり、状態遷移アニメーションの表示を実現するための設計作業の時間短縮化及び容易化が可能な技術を提供することを目的とする。

本発明に係るユーザインタフェース装置は、入力部及び表示部を用いるユーザインタフェース装置であって、画面表示用の部品として予め設計された基本表示部品を含んで構成される複合表示部品、または、基本表示部品と複合表示部品との両方、を含む状態別表示部品を表示状態ごとに格納する状態別表示部品格納部を備える。そして、ユーザインタフェース装置は、一の状態別表示部品による表示状態から他の状態別表示部品による表示状態への状態遷移と、イベント処理とを対応付けて格納するイベント処理格納部と、入力部で受け付けた入力操作に応じてイベント処理を実行するとともに、当該実行するイベント処理に対応付けられた状態遷移を表示部にて実行する実行部と、アニメーション用表示部品に適用可能なアニメーションパターンを格納する状態遷移アニメーション格納部とを備える。実行部は、状態遷移を実行する場合に、状態別表示部品の表示状態を用いた状態遷移アニメーションによる表示状態を規定するアニメーション用表示部品を作成し、当該状態遷移の中途に、アニメーション用表示部品を実行して状態遷移アニメーションを表示部にて表示し、状態遷移を実行しない場合に、状態遷移アニメーションに用いられた状態別表示部品の表示状態を表示部に表示する。実行部は、状態遷移前後の表示状態の画像をキャプチャすることによって生成される基本表示部品を含むアニメーション用表示部品を作成する。各表示状態の付加情報には、個別のアニメーションパターンを指定する指定情報が含まれ、実行部は、状態遷移を実行する場合に、当該状態遷移前または当該状態遷移後の表示状態の付加情報に含まれる指定情報によって指定されるアニメーションパターンに基づいて、当該状態遷移の中途に実行すべきアニメーション用表示部品を作成する。

本発明によれば、状態遷移の中途に実行すべきアニメーション用表示部品を自動的に作成して表示する。したがって、状態遷移アニメーションの表示を実現するための設計作業の時間短縮化及び容易化を実現することができる。

実施の形態１に係るユーザインタフェース装置の構成を示すブロック図である。 基本表示部品及び複合表示部品の関係の一例を示す図である。 表示状態の状態遷移の一例を示す図である。 実施の形態１に係る状態別表示格納部に格納される情報を示す図である。 実施の形態１に係るイベント処理格納部に格納される情報を示す図である。 実施の形態１に係るユーザインタフェース装置の動作を示すフローチャートである。 実施の形態１に係る表示部の表示例を示す図である。 実施の形態１に係る実行部の動作を示す図である。 実施の形態１に係る実行部の動作を示す図である。 実施の形態２に係るユーザインタフェース装置の構成を示すブロック図である。 実施の形態２に係る複合表示部品を示す図である。 実施の形態２の変形例１に係る複合表示部品を示す図である。 実施の形態２の変形例２に係る複合表示部品を示す図である。 実施の形態２の変形例３に係る複合表示部品を示す図である。

＜実施の形態１＞
図１は、本発明の実施の形態１に係るユーザインタフェース装置１の構成を示すブロック図である。ユーザインタフェース装置１は、入力部及び表示部を用いるユーザインタフェース装置である。以下、カーナビゲーション装置、ＰＮＤ（Portable Navigation Device）、及び、携帯端末（例えば携帯電話、スマートフォン、及びタブレット）などのナビゲーション装置に含まれているユーザインタフェース装置１について説明するが、これに限ったものではなく、入力部及び表示部を用いるユーザインタフェース機能を有する装置であればどのような装置に含まれてもよい。

ユーザインタフェース装置１は、入力部１１と、表示部１２と、基本表示部品格納部１３と、複合表示部品格納部１４と、状態集合格納部１５と、状態別表示格納部１６と、イベント処理格納部１７と、これらを統括的に制御する実行部１９とを備えて構成されている。

入力部１１は、例えば、使用者の手動操作を入力操作として受け付ける押しボタン装置、及び、使用者からの音声を入力操作として受け付ける音声認識装置などの入力装置から構成される。表示部１２は、例えば、液晶表示装置などの表示装置から構成される。なお、入力部１１及び表示部１２は、それぞれ個別のハードウェアから構成されてもよく、あるいは、一体的に構成されたハードウェア（例えばタッチパネル付き表示装置）から構成されてもよい。

基本表示部品格納部１３、複合表示部品格納部１４、状態集合格納部１５、状態別表示格納部１６、及び、イベント処理格納部１７は、例えば、ＨＤＤ（Hard Disk Drive）や半導体メモリなどの記憶装置から構成される。実行部１９は、例えば、ＣＰＵ（Central Processing Unit）などの演算処理装置から構成される。

次に、ユーザインタフェース装置１が備える上述の構成要素のうち、基本表示部品格納部１３、複合表示部品格納部１４、状態集合格納部１５、状態別表示格納部１６、イベント処理格納部１７、及び、実行部１９について詳細に説明する。

基本表示部品格納部１３は、画面表示用の部品（ＵＩ部品）として予め設計された基本表示部品を格納している。複合表示部品格納部１４は、基本表示部品を含んで構成される複合表示部品を格納している。

図２は、基本表示部品及び複合表示部品の関係の一例を示す図である。図２に示す例では、複数の表示状態（ここでは３つの表示状態Ａ１，Ａ２，Ａ３）が割り当てられた上位の複合表示部品Ｙ０が示されている。これら表示状態Ａ１，Ａ２，Ａ３のそれぞれには、下位の基本表示部品及び複合表示部品の少なくともいずれか１つの表示部品が規定される。具体的には、表示状態Ａ１は、下位の基本表示部品Ｘ１と、レイアウト（表示位置及び表示範囲）とにより規定される。同様に、表示状態Ａ２は、下位の複合表示部品Ｙ１と、レイアウトとにより規定され、表示状態Ａ３は、下位の基本表示部品Ｘ２及び複合表示部品Ｙ２と、レイアウトとにより規定される。

詳細は後述するが、実行部１９は、入力部１１で受け付けた入力操作に応じてイベント処理を実行するとともに、当該イベント処理に対応する状態遷移（例えば、表示状態Ａ１から表示状態Ａ２への状態遷移）を表示部１２にて実行する。

図３は、表示状態の状態遷移の一例を示す図である。図３に示される例では、入力操作に応じたイベント処理の実行に伴い、表示部１２の表示が、表示状態（図３（ａ））から、当該イベント処理に適した表示状態（図３（ｂ））に切り替えられている。

図１に戻って、状態集合格納部１５には、表示状態の集合（例えば上述の表示状態Ａ１，Ａ２，Ａ３）が格納される。

状態別表示格納部１６には、図４に示されるように、基本表示部品及び複合表示部品の少なくともいずれか１つの表示部品を含む状態別表示部品が表示状態ごとに格納されている。なお、図４に示される表示状態Ａ１，Ａ２，Ａ３は、図２に示した表示状態Ａ１，Ａ２，Ａ３と対応しており、例えば、表示状態Ａ１を規定する状態別表示部品（基本表示部品Ｘ１）が実行されると、それに対応する表示状態Ａ１が表示部１２に表示される。

イベント処理格納部１７（図１）には、図５に示されるように、一の状態別表示部品による表示状態から他の状態別表示部品による表示状態への状態遷移と、イベント処理とが対応付けられて格納されている。なお、図５に示される表示状態Ａ１，Ａ２，Ａ３は、図２及び図４に示した表示状態Ａ１，Ａ２，Ａ３と対応している。

実行部１９は、上述で簡単に説明したように、入力部１１で受け付けた入力操作に応じてイベント処理を実行するとともに、当該実行するイベント処理に対応付けられた状態遷移を表示部１２にて実行する。例えば、図５に示されるような状態遷移及びイベント処理の対応関係がイベント処理格納部１７に格納されている場合に、実行部１９がイベント処理Ｂ１を実行すると、当該イベント処理Ｂ１と対応付けられた表示状態Ａ１から表示状態Ａ２への状態遷移を実行する。つまり、表示部１２の表示が、状態別表示部品（基本表示部品Ｘ１）の実行により表示されている表示状態Ａ１から、状態別表示部品（複合表示部品Ｙ１）の実行により表示される表示状態Ａ２へ遷移する。

実行部１９は、状態遷移を実行する場合に、状態遷移アニメーションによる表示状態を規定するアニメーション用表示部品を作成する。そして、実行部１９は、当該状態遷移の中途に、作成したアニメーション用表示部品を実行して状態遷移アニメーションを表示部１２にて表示する。これら作成及び表示の詳細については、次にフローチャートを用いて説明する。

図６は、実施の形態１に係るユーザインタフェース装置１の動作を示すフローチャートであり、図７は、それに伴う表示部１２の表示例を示す図であり、図８及び図９は、実行部１９によるアニメーション用表示部品の作成を説明する図である。なお、図６に示す一連の動作は、実行部１９が上述の記憶装置に格納されるプログラムを実行することにより実現される。

次に、図６〜図９を用いて、ユーザインタフェース装置１の動作について説明する。

ここでは、状態別表示格納部１６に図４に示した情報が格納され、イベント処理格納部１７に図５に示した情報が格納されているという前提下において、ステップＳ１にて、表示部１２が、図７（ａ）に示すように表示状態Ａ１を表示している場合を説明する。なお、ステップＳ２〜Ｓ７の動作は、実行部１９内部の演算処理の一環として行われる動作であり、ステップＳ８でアニメーション用表示部品による状態遷移アニメーションを表示するまで、表示部１２は図７（ａ）に示す表示状態Ａ１を表示するものとする。

ステップＳ２にて、実行部１９は、入力部１１にて入力操作を受け付けたか否かを判定する。入力操作を受け付けたと判定した場合にはステップＳ３に進み、入力操作を受け付けていないと判定した場合にはステップＳ１に戻る。

ステップＳ３にて、実行部１９は、ステップＳ２で受け付けた入力操作に応じてイベント処理を実行する。それとともに、実行部１９は、状態遷移前の表示状態に対応する基本表示部品を作成する。例えば、図８に示されるように、実行部１９は、表示部１２に表示されている状態遷移前の表示状態Ａ１の画面（PreScreen）をキャプチャし、当該画面を示す基本表示部品Ｘ１１を作成する。

図６に戻ってステップＳ４にて、実行部１９は、ステップＳ３で実行したイベント処理に対応付けられた状態遷移を実行する。例えば、ステップＳ３でイベント処理Ｂ１が実行された場合には、実行部１９は、イベント処理格納部１７においてイベント処理Ｂ１に対応付けられた、表示状態Ａ１から表示状態Ａ２への状態遷移を実行する。

ステップＳ５にて、実行部１９は、ステップＳ４の状態遷移後の表示状態を作成する。例えば、ステップＳ４で表示状態Ａ１から表示状態Ａ２への状態遷移を実行した場合には、実行部１９は、表示状態Ａ２を規定する複合表示部品Ｙ１に基づいて、表示部１２に表示せずにデータとして表示状態Ａ２を作成する。

ステップＳ６にて、実行部１９は、状態遷移後の表示状態に対応する基本表示部品を作成する。例えば、図９に示されるように、実行部１９は、ステップＳ５で作成した状態遷移後の表示状態Ａ２の画面（PostScreen、ただしこの段階では表示部１２にはまだ表示されていない）をキャプチャし、当該画面を示す基本表示部品Ｘ１２を作成する。

ステップＳ７にて、実行部１９は、ステップＳ３，Ｓ６で作成した基本表示部品を含む複合表示部品を、上述したアニメーション用表示部品として作成する。

ここでは、実行部１９が、図８及び図９に示した基本表示部品Ｘ１１，Ｘ１２を含む複合表示部品Ｙ１１を、アニメーション用表示部品として作成する場合を例にして説明する。実行部１９は、図８に示した基本表示部品Ｘ１１による透過率ｔ％の画像と、図９に示した基本表示部品Ｘ１２による透過率（１００−ｔ）％の画像とを重ね合わせて合成画像を作成し、当該合成画像を表示する基本表示部品を作成する。実行部１９は、このような基本表示部品の作成を、例えばｔ＝０、１０、２０、…、１００のそれぞれについて行う。

それから、実行部１９は、ｔ＝０の場合に作成された基本表示部品Ｘ２０、ｔ＝１０の場合に作成された基本表示部品Ｘ２１、…、ｔ＝１００の場合に作成された基本表示部品Ｘ３０をこの順に表示する複合表示部品Ｙ１１を、アニメーション用表示部品Ｙ１１として作成する。なお、基本表示部品Ｘ２０は、基本表示部品Ｘ１１と実質的に同一であり、基本表示部品Ｘ３０は、基本表示部品Ｘ１２と実質的に同一である。

ステップＳ８にて、実行部１９は、ステップＳ７にて作成したアニメーション用表示部品を実行して、その状態遷移アニメーションを表示部１２にて表示する。例えば、実行部１９が、基本表示部品Ｘ２０〜Ｘ３０を含むアニメーション用表示部品Ｙ１１を実行した場合には、まず、表示部１２の表示状態が、図７（ａ）に示す基本表示部品Ｘ１による表示状態Ａ１から、図７（ｂ）に示す基本表示部品Ｘ２０による表示状態へと状態遷移する。

それから、表示部１２の表示状態が、図７（ｂ）に示す基本表示部品Ｘ２０による表示状態から、図７（ｃ）に示す基本表示部品Ｘ２１、Ｘ２２、…、Ｘ２９による表示状態、及び、図７（ｄ）に示す基本表示部品Ｘ３０による表示状態へと順に状態遷移する。

その後、ステップＳ９にて、実行部１９は、アニメーション用表示部品のアニメーションの終了イベントを取得する。例えば、実行部１９は、基本表示部品Ｘ３０の表示状態を表示部１２にて表示した場合には、アニメーション用表示部品Ｙ１１のアニメーションの終了イベントを取得する。実行部１９は、終了イベントを取得した場合に、ステップＳ１０に進む。

ステップＳ１０にて、実行部１９は、状態遷移後の表示状態を表示部１２にて表示する。例えば、基本表示部品Ｘ３０の表示状態を表示部１２にて表示して終了イベントを取得した場合には、図７（ｅ）に示すように複合表示部品Ｙ１による表示状態Ａ２を表示部１２に表示する。

以上のような本実施の形態１に係るユーザインタフェース装置１によれば、状態遷移の中途に実行すべきアニメーション用表示部品を自動的に作成して表示する。したがって、状態遷移アニメーションの表示を実現するための設計作業の時間を短縮化することができるとともに、当該設計作業を容易化することができる。

また、本実施の形態１によれば、状態遷移前後の表示状態に対応する基本表示部品（例えば基本表示部品Ｘ１１，Ｘ１２）を含むアニメーション用表示部品を作成する。したがって、状態遷移前後の表示状態と連続性を有する状態遷移アニメーションの表示を実現することができる。

なお、以上においては、一の画面（上記例では基本表示部品Ｘ１１による表示状態）をフェードアウトし、かつ、他の画面（上記例では基本表示部品Ｘ１２による表示状態）をフェードインする「クロスフェード」を、状態遷移アニメーションのアニメーションパターンに適用した場合について説明した。

しかし、アニメーション用表示部品が、状態遷移前または状態遷移後の表示状態に対して、配置、形状、大きさ及び色（明るさまたはコントラスト）の少なくともいずれか１つを変更することによって得られる表示状態に対応する基本表示部品（上記例では基本表示部品Ｘ２１〜Ｘ２９）を含むのであれば、アニメーションパターンは、上記クロスフェードに限ったものではない。

例えば、アニメーションパターンは、一の画面を固定したまま他の画面を当該一の画面の上に移動させて表示する「スライドイン」、一の画面を移動させて当該一の画面の下に固定された他の画面を表示する「スライドアウト」、一の画面から白画面または黒画面を経て他の画面を表示する「フェードアウト・イン」、一の画面を拡大または縮小して当該一の画面の下に固定された他の画面を表示する「ズームイン・ズームアウト」、一の画面を回転して当該一の画面の下に固定された他の他面を表示する「ロール」などであってもよい。

なお、本実施の形態１では、上述した複数種類のアニメーションパターンのいずれか１つが常に用いられるように、実行部１９が実行するプログラムに規定されていることを前提に説明した。しかしこれに限ったものではなく、例えば、次の実施の形態２で説明するように、ユーザインタフェース装置は、複数種類のアニメーションパターンの組み合わせを用いることができるように構成されてもよい。

また、上述のような連続性を有する表示を行わなくてもよいのであれば、アニメーション用表示部品は、状態遷移前後の表示状態に対応する基本表示部品（上記例では基本表示部品Ｘ１１，Ｘ１２）を含まなくてもよく、例えば黒画面のみを表示可能な一つの基本表示部品のみを含んでもよい。

また、ステップＳ３，Ｓ６で説明したキャプチャは、画面単位で行わなくてもよく、例えばレイアウト単位で行うものであってもよい。

＜実施の形態２＞
本発明の実施の形態２では、アニメーションパターンが複数用意されており、その中から指定されたアニメーションパターンを用いてアニメーション用表示部品を作成することが可能となっている。以下、このような本実施の形態２に係るユーザインタフェース装置について説明する。

図１０は、本実施の形態２に係るユーザインタフェース装置１の構成を示すブロック図である。なお、本実施の形態２に係るユーザインタフェース装置１において、実施の形態１で説明した構成要素と同一または類似するものについては同じ符号を付しており、以下においては異なる点を中心に説明する。

図１０に示すように、本実施の形態２に係るユーザインタフェース装置１の構成は、図１に示した実施の形態１に係るユーザインタフェース装置１に、状態遷移アニメーション格納部１８が追加されたものとなっている。なお、状態遷移アニメーション格納部１８は、例えば、基本表示部品格納部１３などと同様に上述の記憶装置から構成される。

この状態遷移アニメーション格納部１８には、アニメーション用表示部品に適用可能なアニメーションパターン（例えば上述したクロスフェード、スライドインなど）が格納されている。

図１１は、本実施の形態２に係る複合表示部品の一例を示す図である。

複合表示部品Ｙ０の特性及び特質を設定するためのプロパティは、状態遷移（Ａ１→Ａ２）、及び、状態遷移（Ａ２→Ａ３）の特性及び特質を設定するためのプロパティ（付加情報）を含んでいる。なお、ここでは、表示状態Ａ１から表示状態Ａ２への状態遷移を「状態遷移（Ａ１→Ａ２）」と記載し、表示状態Ａ２から表示状態Ａ３への状態遷移を「状態遷移（Ａ２→Ａ３）」記載しているが、以下においても同様に記載する。

図１１に示される例では、状態遷移（Ａ１→Ａ２）及び状態遷移（Ａ２→Ａ３）のプロパティを含む複合表示部品Ｙ０のプロパティには、共通の一のアニメーションパターン（ここではクロスフェード）を指定する指定情報が含まれている。

このような構成において、実行部１９は、状態遷移（Ａ１→Ａ２）を実行する場合に、複合表示部品Ｙ０のプロパティに含まれる指定情報（状態遷移（Ａ１→Ａ２）のプロパティに含まれる指定情報）によって指定される一のアニメーションパターン（クロスフェード）を、状態遷移アニメーション格納部１８から取得する。

それから、実行部１９は、当該取得した一のアニメーションパターン（クロスフェード）に基づいて、状態遷移（Ａ１→Ａ２）の中途に実行すべきアニメーション用表示部品を作成する。すなわち、実行部１９は、状態遷移（Ａ１→Ａ２）の中途にクロスフェードによる状態遷移アニメーションを表示可能な、アニメーション用表示部品を作成する。

また、実行部１９は、状態遷移（Ａ２→Ａ３）を実行する場合についても状態遷移（Ａ１→Ａ２）を実行する場合と同様に、状態遷移（Ａ２→Ａ３）の中途にクロスフェードによる状態遷移アニメーションを表示可能な、アニメーション用表示部品を作成する。

以上のような本実施の形態２に係るユーザインタフェース装置１によれば、複数の状態遷移に共通の一のアニメーションパターンに基づいて、当該複数の状態遷移のそれぞれの中途に実行すべき複数のアニメーション用表示部品を作成する。したがって、所望のアニメーションパターンを一括して用いることができるとともに、それによる表示を実現するのに必要な設定作業を簡素化することができる。

＜実施の形態２の変形例１＞
図１２は、実施の形態２の変形例１に係る複合表示部品の一例を示す図である。本変形例１では、各状態遷移（図５の右側に示される各状態遷移）のプロパティには、個別のアニメーションパターンを指定する指定情報が含まれている。図１２にはその一例が示されており、状態遷移（Ａ１→Ａ２）のプロパティには、アニメーションパターンとしてクロスフェードを指定する指定情報が含まれており、状態遷移（Ａ２→Ａ３）のプロパティには、アニメーションパターンとしてスライドインを指定する指定情報が含まれている。

このような構成において、実行部１９は、状態遷移（Ａ１→Ａ２）を実行する場合に、当該状態遷移（Ａ１→Ａ２）のプロパティに含まれる指定情報によって指定されるアニメーションパターン（クロスフェード）を、状態遷移アニメーション格納部１８から取得する。それから、実行部１９は、当該取得したアニメーションパターン（クロスフェード）に基づいて、状態遷移（Ａ１→Ａ２）の中途に実行すべきアニメーション用表示部品を作成する。

同様に、実行部１９は、状態遷移（Ａ２→Ａ３）を実行する場合に、当該状態遷移（Ａ２→Ａ３）のプロパティに含まれる指定情報によって指定されるアニメーションパターン（スライドイン）を、状態遷移アニメーション格納部１８から取得する。それから、実行部１９は、当該取得したアニメーションパターン（スライドイン）に基づいて、状態遷移（Ａ２→Ａ３）の中途に実行すべきアニメーション用表示部品を作成する。

以上のような本変形例１に係るユーザインタフェース装置１によれば、各状態遷移に個別のアニメーションパターンに基づいて、状態遷移の中途に実行すべきアニメーション用表示部品を作成する。したがって、各状態遷移に適したアニメーションパターンによる表示を実現することができる。

なお、複合表示部品Ｙ０以外の複合表示部品において状態遷移（Ａ１→Ａ２）が実行される場合にも、複合表示部品Ｙ０の状態遷移（Ａ１→Ａ２）と同じアニメーションパターン（上記例ではクロスフェード）に基づいて、状態遷移（Ａ１→Ａ２）の中途に実行すべきアニメーション用表示部品が作成されてもよい。

＜実施の形態２の変形例２＞
図１３は、実施の形態２の変形例２に係る複合表示部品の一例を示す図である。本変形例２では、各表示状態（図４の左側に示される各表示状態）のプロパティには、個別のアニメーションパターンを指定する指定情報が含まれている。図１３にはその一例が示されており、表示状態Ａ１、Ａ２，Ａ３のプロパティに、アニメーションパターンとしてクロスフェード、スライドイン、スライドアウトを指定する指定情報がそれぞれ含まれている。

このような構成において、実行部１９は、状態遷移（Ａ１→Ａ２）を実行する場合に、当該状態遷移前の表示状態Ａ１のプロパティに含まれる指定情報によって指定されるアニメーションパターン（クロスフェード）を、状態遷移アニメーション格納部１８から取得する。それから、実行部１９は、当該取得したアニメーションパターン（クロスフェード）に基づいて、状態遷移（Ａ１→Ａ２）の中途に実行すべきアニメーション用表示部品を作成する。

同様に、実行部１９は、状態遷移（Ａ２→Ａ３）を実行する場合に、当該状態遷移前の表示状態Ａ２のプロパティに含まれる指定情報によって指定されるアニメーションパターン（スライドイン）を、状態遷移アニメーション格納部１８から取得する。それから、実行部１９は、当該取得したアニメーションパターン（スライドイン）に基づいて、状態遷移（Ａ２→Ａ３）の中途に実行すべきアニメーション用表示部品を作成する。

以上のような本変形例１に係るユーザインタフェース装置１によれば、各表示状態に個別のアニメーションパターンに基づいて、状態遷移の中途に実行すべきアニメーション用表示部品を作成する。したがって、各表示状態に適したアニメーションパターンによる表示を実現することができる。

なお、状態遷移（Ａ１→Ａ２）以外の状態遷移であっても、状態遷移（Ａ１→Ａ２）と状態遷移前の表示状態が同じ状態遷移（例えば状態遷移（Ａ１→Ａ３）など）が実行される場合には、状態遷移（Ａ１→Ａ２）と同じアニメーションパターン（クロスフェード）に基づいて、アニメーション用表示部品が作成されてもよい。

また、以上の説明では、実行部１９は、「状態遷移前」の表示状態のプロパティに含まれる指定情報によって指定されるアニメーションパターンに基づいてアニメーション用表示部品を作成した。しかしこれに限ったものではなく、実行部１９は、「状態遷移後」の表示状態のプロパティに含まれる指定情報によって指定されるアニメーションパターンに基づいてアニメーション用表示部品を作成してもよい。

例えば、実行部１９は、状態遷移（Ａ１→Ａ２）を実行する場合に、当該状態遷移後の表示状態Ａ２のプロパティに含まれる指定情報によって指定されるアニメーションパターン（スライドイン）を取得し、それに基づいて状態遷移（Ａ１→Ａ２）の中途に実行すべきアニメーション用表示部品を作成してもよい。このように構成した場合にも、上述と同様に、各表示状態に適したアニメーションパターンによる表示を実現することができる。

＜実施の形態２の変形例３＞
図１４は、実施の形態２の変形例３に係る複合表示部品の一例を示す図である。本変形例３では、状態別表示部品に含まれる表示部品（図４の右側に示される基本表示部品Ｘ１及び複合表示部品Ｙ１などの各表示部品）のプロパティには、個別のアニメーションパターンを指定する指定情報が含まれている。図１４にはその一例が示されており、基本表示部品Ｘ１、複合表示部品Ｙ１、基本表示部品Ｘ２、及び、複合表示部品Ｙ２のプロパティに、アニメーションパターンとしてクロスフェード、スライドイン、スライドアウト、及び、スライドインを指定する指定情報がそれぞれ含まれている。

このような構成において、実行部１９は、状態遷移（Ａ１→Ａ２）を実行する場合に、当該状態遷移前の状態別表示部品に含まれる基本表示部品Ｘ１のプロパティを取得し、当該プロパティに含まれる指定情報によって指定されるアニメーションパターン（クロスフェード）を、状態遷移アニメーション格納部１８から取得する。それから、実行部１９は、当該取得したアニメーションパターン（クロスフェード）に基づいて、状態遷移（Ａ１→Ａ２）の中途に実行すべきアニメーション用表示部品を作成する。

同様に、実行部１９は、状態遷移（Ａ２→Ａ３）を実行する場合に、当該状態遷移前の状態別表示部品に含まれる複合表示部品Ｙ１のプロパティに含まれる指定情報によって指定されるアニメーションパターン（スライドイン）を、状態遷移アニメーション格納部１８から取得する。それから、実行部１９は、当該取得したアニメーションパターン（スライドイン）に基づいて、状態遷移（Ａ２→Ａ３）の中途に実行すべきアニメーション用表示部品を作成する。

以上のような本変形例１に係るユーザインタフェース装置１によれば、状態別表示部品に含まれる各表示部品（基本表示部品，複合表示部品）に個別のアニメーションパターンに基づいて、状態遷移の中途に実行すべきアニメーション用表示部品を作成する。したがって、各表示部品に適したアニメーションパターンによる表示を実現することができる。

なお、表示状態Ａ１以外の表示状態であっても、表示状態Ａ１と規定する表示部品が同じ表示状態（例えば基本表示部品Ｘ１及び基本表示部品Ｘ２によって規定される表示状態など）が実行される場合には、表示状態Ａ１と同じアニメーションパターン（クロスフェード）に基づいて、アニメーション用表示部品が作成されてもよい。

また、以上の説明では、実行部１９は、「状態遷移前」の状態別表示部品に含まれる表示部品のプロパティに含まれる指定情報によって指定されるアニメーションパターンに基づいてアニメーション用表示部品を作成した。しかしこれに限ったものではなく、実行部１９は、「状態遷移後」の状態別表示部品に含まれる表示部品のプロパティに含まれる指定情報によって指定されるアニメーションパターンに基づいてアニメーション用表示部品を作成してもよい。このように構成した場合にも、上述と同様に、各表示状態に適したアニメーションパターンによる表示を実現することができる。

さらに、図１４に示される表示状態Ａ３のように、状態別表示部品が複数の表示部品を含んでいて、複数のアニメーションパターンが取得される場合には、実行部１９は、予め定めた優先順位に基づいて一つのアニメーションパターンを選択し、当該選択した一つのアニメーションパターンに基づいてアニメーション用表示部品を作成してもよい。あるいは、実行部１９は、上記複数のアニメーションパターンを複数の表示部品による表示状態のそれぞれに適用してアニメーション用表示部品を作成してもよい。具体的には、実行部１９は、基本表示部品Ｘ２により実行される表示状態Ａ３の一部分に対してはスライドアウトの状態遷移アニメーションを、複合表示部品Ｙ２により実行される表示状態Ａ３の別部分に対してはスライドインの状態遷移アニメーションを表示可能なアニメーション用表示部品を作成してもよい。

なお、本発明は、その発明の範囲内において、各実施の形態を自由に組み合わせたり、各実施の形態を適宜、変形、省略したりすることが可能である。

１ ユーザインタフェース装置、１１ 入力部、１２ 表示部、１６ 状態別表示格納部、１７ イベント処理格納部、１８ 状態遷移アニメーション格納部、１９ 実行部。

Claims (4)

1. 入力部及び表示部を用いるユーザインタフェース装置であって、
   画面表示用の部品として予め設計された基本表示部品を含んで構成される複合表示部品、または、前記基本表示部品と前記複合表示部品との両方、を含む状態別表示部品を表示状態ごとに格納する状態別表示部品格納部と、
   一の前記状態別表示部品による表示状態から他の前記状態別表示部品による表示状態への状態遷移と、イベント処理とを対応付けて格納するイベント処理格納部と、
   前記入力部で受け付けた入力操作に応じて前記イベント処理を実行するとともに、当該実行するイベント処理に対応付けられた前記状態遷移を前記表示部にて実行する実行部と、
   前記アニメーション用表示部品に適用可能なアニメーションパターンを格納する状態遷移アニメーション格納部と
   を備え、
   前記実行部は、
   前記状態遷移を実行する場合に、前記状態別表示部品の前記表示状態を用いた状態遷移アニメーションによる表示状態を規定するアニメーション用表示部品を作成し、当該状態遷移の中途に、前記アニメーション用表示部品を実行して前記状態遷移アニメーションを前記表示部にて表示し、
   前記状態遷移を実行しない場合に、前記状態遷移アニメーションに用いられた前記状態別表示部品の前記表示状態を前記表示部に表示し、
   前記実行部は、
   前記状態遷移前後の前記表示状態の画像をキャプチャすることによって生成される前記基本表示部品を含む前記アニメーション用表示部品を作成し、
   各前記表示状態の付加情報には、個別の前記アニメーションパターンを指定する指定情報が含まれ、
   前記実行部は、
   前記状態遷移を実行する場合に、当該状態遷移前または当該状態遷移後の前記表示状態の前記付加情報に含まれる前記指定情報によって指定される前記アニメーションパターンに基づいて、当該状態遷移の中途に実行すべき前記アニメーション用表示部品を作成する、ユーザインタフェース装置。
2. 入力部及び表示部を用いるユーザインタフェース装置であって、
   画面表示用の部品として予め設計された基本表示部品を含んで構成される複合表示部品、または、前記基本表示部品と前記複合表示部品との両方、を含む状態別表示部品を表示状態ごとに格納する状態別表示部品格納部と、
   一の前記状態別表示部品による表示状態から他の前記状態別表示部品による表示状態への状態遷移と、イベント処理とを対応付けて格納するイベント処理格納部と、
   前記入力部で受け付けた入力操作に応じて前記イベント処理を実行するとともに、当該実行するイベント処理に対応付けられた前記状態遷移を前記表示部にて実行する実行部と、
   前記アニメーション用表示部品に適用可能なアニメーションパターンを格納する状態遷移アニメーション格納部と
   を備え、
   前記実行部は、
   前記状態遷移を実行する場合に、前記状態別表示部品の前記表示状態を用いた状態遷移アニメーションによる表示状態を規定するアニメーション用表示部品を作成し、当該状態遷移の中途に、前記アニメーション用表示部品を実行して前記状態遷移アニメーションを前記表示部にて表示し、
   前記状態遷移を実行しない場合に、前記状態遷移アニメーションに用いられた前記状態別表示部品の前記表示状態を前記表示部に表示し、
   前記実行部は、
   前記状態遷移前後の前記表示状態の画像をキャプチャすることによって生成される前記基本表示部品を含む前記アニメーション用表示部品を作成し、
   前記状態別表示部品に含まれる前記複合表示部品の付加情報には、個別の前記アニメーションパターンを指定する指定情報が含まれ、
   前記実行部は、
   前記状態遷移を実行する場合に、当該状態遷移前または当該状態遷移後の前記状態別表示部品に含まれる前記複合表示部品の前記付加情報に含まれる前記指定情報によって指定される前記アニメーションパターンに基づいて、当該状態遷移の中途に実行すべき前記アニメーション用表示部品を作成する、ユーザインタフェース装置。
3. 請求項１に記載のユーザインタフェース装置であって、
   前記実行部は、
   前記アニメーション用表示部品を実行して前記状態遷移アニメーションの終了イベントを取得した場合に、前記状態遷移後の前記表示状態を前記表示部にて表示する、ユーザインタフェース装置。
4. 請求項１に記載のユーザインタフェース装置であって、
   前記アニメーション用表示部品は、
   前記状態遷移前または前記状態遷移後の表示状態に対して、配置、形状、大きさ及び色の少なくともいずれか１つを変更することによって得られる表示状態に対応する前記基本表示部品をさらに含む、ユーザインタフェース装置。

Images