はじめに

UI Composer とは？

UI Composer は、UI Toolkit を利用してGUIを実装する際の「画面レイアウト」をサポートするためのツールです(図1)。

視覚的にWidgetのレイアウトやプロパティの設定を行うことが可能で、作業結果は UI Toolkit 用のソースコードに出力されます。

image/uitoolkit/composer/layout_complete.png

図1 UI Composer全体図

UI Composerを利用したUI開発の流れ

image/uitoolkit/development_flow.png

図2 UI Composerを利用したUI開発の流れ

UI Composer を利用する開発の流れは下記のような流れになります。

  1. UI Composer を使用して、Widgetの配置やプロパティの設定を行います。
  2. レイアウトなどの情報は C# のソースコードとして出力されます。レイアウト情報を格納したソースコードと、アプリケーションロジックやイベントハンドラを実装するためのソースコードが別々に出力されます。
  3. 出力されたソースコードを作成するアプリケーションのプロジェクトに取り込み、アプリケーションロジックやイベントハンドラなどのコードを追加します。
  4. アプリケーションをビルドし、シミュレータもしくはデバイス上でテストを行います。