はじめに - レクチャー 4:マスタ

1.マスタのデモンストレーション

音声が流れますので、音量を調節して下さい。

2.マスタ

マスタは、デザイン全体で再使用可能なウィジェットの集まりです。よく作成されるマスタには、ヘッダ、フッタ、およびナビゲーションなどがあります。マスタはページに配置でき、またほかのマスタにも配置できます。マスタを変更すると、マスタが使用されているすべての場所にその変更が反映されます。

マスタは「マスタ」ウィンドウ枠で管理します。

マスタの追加、編成およびデザイン

マスタを追加するには、「マスタ」ウィンドウ枠のツールバーの「マスタの追加」ボタンをクリックするか、ウィンドウ枠を右クリックして「マスタの追加」を選択します。

マスタは、ツールバーを使用してフォルダに編成でき、またツールバーおよびコンテキストメニューを使用して「マスタ」ウィンドウ枠で再序列化できます。またサイトマップと同様にドラッグ & ドロップ機能も使用できます。

「マスタ」ウィンドウ枠にあるマスタをダブルクリックすると、デザイン作業のためにそのマスタが開きます。ページと同じく、ウィジェットをワイヤフレームにドラッグ & ドロップすることでマスタをデザインできます。

3.マスタのワイヤフレームへの追加

マスタを、ページまたはほかのマスタのワイヤフレームに追加するには、マスタを「マスタ」ウィンドウ枠から「ワイヤフレーム」ウィンドウ枠にドラッグ & ドロップします。

マスタの動作によっては、マスタのインスタンスにピンクまたはグレーのマスクがかかることがあります。マスクを取り除くには、メインメニューの「ワイヤフレーム」-「マスタのマスク」をクリックします。

デフォルトでは、マスタは「標準」動作に設定されています。マスタは、「背景に配置」や「カスタムウィジェット」動作にも変更可能です。マスタの動作を変更するには、「マスタ」ウィンドウ枠でマスタを右クリックし、「動作」サブメニューを使用します。

次に動作について説明します。

標準:

ワイヤフレームに配置すると、マスタのインスタンスはワイヤフレームのどこへでも移動および配置できます。マスタを変更すると、マスタのインスタンスに変更が反映されます。

背景に配置:

ワイヤフレームに追加すると、マスタのインスタンスはワイヤフレームの最下位レイヤーに固定されて配置されます。含まれるウィジェットは、マスタの中と同じ位置に配置されます。これは、マスタをワイヤフレームのテンプレートやレイアウトとして使用したい場合に有効です。

カスタムウィジェット:

マスタの動作をカスタムウィジェットとして設定すると、ワイヤフレームにあらかじめ組み込まれたテンプレートウィジェットのように扱えます。マスタで設定したウィジェットが、元のマスタとは関連せずワイヤフレームに追加されるため、プロパティ、アノテーション、インタラクションを各ウィジェット上で個別に変更することができます。例えばグレーの背景色を設定したタブ上のボタンなどの良く使う部品を、あらかじめプロパティを定義された独自の共通ウィジェット群として作成したい場合などに役立ちます。