オブジェクトおよびコントロールの使用

オブジェクトとは、アートボードに配置できる要素のことです。たとえば、ビジュアル要素 (イメージ、メディア ファイル、コントロール、3D オブジェクトなど) をアートボードに追加すると、その要素はプロトタイプ内のオブジェクトになります。オブジェクトは、SketchFlow プロトタイプでも他の Microsoft Expression Blend プロジェクトと同じように動作します。

オブジェクトの使用

プロトタイプにオブジェクトを追加するにはいくつかの方法があります。アートボードに直接追加することも、[ツール] パネルから追加することもできます。また、Expression Blend にインポートしたオブジェクトを挿入する方法もあります。アートボードに追加したオブジェクトは、変更したり整列したりできます。

詳細については、「オブジェクトの描画」を参照してください。

コントロールの使用

コントロール (UI のデザイン要素) は、プロトタイプで表示されるコンポーネントです。コントロールは、アートボードに直接追加できます。カスタム コントロールも同様です。また、既存のオブジェクトをコントロールに変換することもできます。

アートボード上のオブジェクトまたはオブジェクトのグループから UserControl を作成して、アプリケーション フローにコンポーネント ノードとして追加できます。これは、複数の異なる画面で使用する UserControl (ナビゲーション バーなど) がある場合に特に便利です。

詳細については、「アートボード上のコンテンツの作成」および「インタラクティブ コントロールの選択と使用」を参照してください。

アートボード上のオブジェクトからコンポーネント画面を作成するには

1. コンポーネント画面に変換するオブジェクトまたはオブジェクトのグループを選択します。

   メモ :
   オブジェクトのグループを選択するには、その周りにある境界アウトラインをドラッグします。[リソース] パネルで直接オブジェクトを選択することもできます。

2. 選択項目を右クリックして、[コンポーネント画面の作成] をクリックします。

   メモ :
   コンポーネント画面とは、[SketchFlow マップ] パネルに表示される UserControl の 1 種です。

3. [コンポーネント画面の作成] ダイアログ ボックスで、[名前] ボックスに UserControl の名前を入力します。

SketchFlow スタイル

SketchFlow には、コントロールを手書きのように見せる一連のスキンがあります。スケッチ スタイルは未完成のように見えるので、レビュー担当者は、ビジュアル デザインにとらわれることなく、プロトタイプの対話式デザインに集中することができます。

スケッチ スタイルのコントロールは、[アセット] パネルの [スタイル] と [SketchFlow] の両方で選択できます。

メモ :
SketchStyles を既定スタイルとして使用しない場合は、[アセット] パネルの [スタイル] で [SketchStyles] を右クリックして、[既定スタイルとして設定] をオフにします。

Copyright ©2011 by Microsoft Corporation. All rights reserved.