ユーザー・インターフェース・スケッチの作成

スケッチ・パレットで描画要素を選択し、それらをスケッチ・キャンバスにドラッグして、ユーザー・インターフェース・スケッチを作成することができます。 「パーツ」と呼ばれる再使用可能なグループまたは要素をスケッチに追加することができます。また、既存のイメージとスケッチを、スケッチに追加することもできます。
このタスクについて

(スケッチを作成する方法の映像を参照するには、ユーザー・インターフェース・スケッチの作成を参照してください。)

ユーザー・インターフェース・スケッチを作成するには、以下のようにします。
  1. プロジェクトを選択し、「ファイル」 > 「新規」 > 「ユーザー・インターフェース・スケッチ」をクリックします。
  2. 「新規ユーザー・インターフェース・スケッチ」ウィンドウで、スケッチの名前を入力します。
  3. 新規スケッチのプロジェクトおよびフォルダーを参照します。
  4. (オプション) 新規スケッチにタグを追加します。
  5. (オプション) 新規スケッチの初期内容のためのテンプレートを選択します。
  6. (オプション) 「次へ」をクリックし、スケッチに適用する属性グループを選択します。
  7. 「終了」をクリックします。 スケッチ・エディターが開きます。
  8. 描画要素をスケッチに追加するには、パレット内で要素を選択し、スケッチ・キャンバス内で要素の位置をクリックします。パレット内で要素を選択し、次にキャンバスでその要素のサイズをドラッグして、「サイズ変更とドロップ」ができます。テキスト・エリアなどのいくつかの要素は描画するサイズを満たすように拡大され、ラベルおよびテキスト・フィールドなどのその他の要素はサイズを満たすように複数コピーされます。
  9. キャンバス内で要素を右クリックし、要素で実行できるアクションのメニュー (切り取り、コピー、削除、テキストの編集、またはプロパティーおよび外観の変更など) を表示します。
  10. イメージ、パーツ、またはスケッチを追加するには、プロジェクト・エクスプローラーからエディターへドラッグするか、パレットから追加します。パレットからイメージ、パーツ、またはスケッチを追加するとき、「選択」ウィンドウが開きます。このウィンドウで、要素を検索し、選択します。このようにすると、スケッチで要素のインスタンスが作成されます。パーツとスケッチは、現在のスケッチの中でグローバルまたはローカルに変更できます。
    • 元のパーツまたはスケッチを変更するには、スケッチ内で選択された要素の上のアイコンをクリックします。 元のパーツまたはスケッチが開きます。別のスケッチで元の要素が上書きされていなければ、コンテンツ、フォーマット、または位置などのパーツまたはスケッチに行われるどの変更も、他のスケッチ内のすべてのパーツまたはスケッチのインスタンスに反映されます。
    • パーツまたはスケッチのローカル・インスタンスで要素を変更することができます。このローカル・インスタンスはこのスケッチ内の継承された要素を上書きします。例えば、スケッチにメニューを表示するパーツが含まれている場合、それが選択されていることを示すようにメニューの 1 つのコマンドのフォーマットを変更することができます。元のパーツは変更されないままです。要素の元のコンテンツに戻す場合、要素を選択して要素の上の「変更を戻す」アイコン をクリックすることができます。
  11. 「ファイル」 > 「保存」をクリックします。
次のタスク

ビジネス・プロセス・スケッチ内からユーザー・インターフェース・スケッチを作成することができます。ビジネス・プロセス要素を右クリックし、「新規スケッチで詳述」をクリックします。新規ユーザー・インターフェース・スケッチがプロセス要素でリンクとして追加されます。

画面フロー内からユーザー・インターフェース・スケッチを作成することができます。汎用要素で、「新規スケッチ」アイコンをクリックするか、要素を右クリックして、「関連」 > 「新規スケッチ」をクリックします。

スケッチ要素をパレットからストーリーボード・フレーム・エディターにドラッグして、ユーザー・インターフェース・スケッチをストーリーボードのフレームに追加することができます。汎用要素または画面フロー・エディターのどこかにそれをドラッグして、画面フローに追加することもできます。


フィードバック