方法: 実行中のアプリケーションで Silverlight の画面をカスタマイズする

[カスタマイズ モード] 画面を使用して、アプリケーションの実行中に画面の外観を変更できます。これらの変更を適用した後に画面がどのように見えるかのプレビューを表示することもできます。[カスタマイズ モード] 画面を開くには、画面の上部にある [デザイン画面] をクリックします。

[!メモ]

[デザイン画面] ボタンは、実行中アプリケーションでのみ開いている画面の上部に表示されます。このボタンは、画面デザイナーで開いている画面の上には表示されません。

変更が完了したら、[保存] をクリックして、それらをコミットします。

ビデオへのリンク関連のビデオ デモについては、「操作方法: LightSwitch アプリケーションで [詳細の編集] 画面を作成する」を参照してください。

[カスタマイズ モード] 画面を使用して、次のデザイン タスクを実行できます。

  • 情報のグループを画面に追加します。

  • グループのレイアウトを変更します。

  • ボタンを追加します。

  • 項目を削除します。

  • アイテムを移動します。

  • 項目のキャプションを変更します。

  • 項目のラベルの位置を変更します。

  • 項目を表示または非表示にする

  • 項目のコントロールの種類 (ラベルやテキスト ボックスなど) を変更します。

  • 変更を元に戻します。

  • アイテムのプロパティを既定値にリセットします。

画面デザイナーを使用してデザイン タスクを実行する方法については、「方法: 画面デザイナーを使用して Silverlight の画面をデザインする」を参照してください。

情報のグループを画面に追加する

  1. [画面コンテンツ ツリー] で、項目のグループを追加するノードを選択します。

  2. [グループの追加] をクリックします。グループを追加します。

  3. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、項目 (フィールドやコマンドなど) を選択します。

  4. 画面の横で、[上へ移動] (項目をリスト内の上位の位置に移動します。) および [下へ移動] (項目をリスト内の下位の位置に移動します。) をクリックして、項目をグループに移動します。

グループのレイアウトを変更する

  1. [画面コンテンツ ツリー] で、変更するグループの横にある下向きの矢印をクリックします。

    ドロップダウン リストが表示されます。ドロップダウン リストには、グループで利用可能なすべてのコントロールの種類が表示されます。

  2. コントロールのドロップダウン リストで、コントロールの種類を選択します。

    選択するコントロールの種類は、グループのレイアウトに影響を与えます。各コントロールの種類の詳細については、「リファレンス: 画面デザイナーのプロパティ」を参照してください。

ボタンを追加する

  1. [画面コンテンツ ツリー] で、項目のグループを追加するノードを選択します。

  2. [ボタンの追加] をクリックして、[新しいボタン] をクリックします。

項目を削除する

  1. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、画面から削除する項目を選択します。

  2. [画面コンテンツ ツリー] の横の [削除] (選択したアイテムを削除します。) をクリックします。

項目を移動する

  1. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、項目 (フィールドやコマンドなど) を選択します。

  2. 画面の横で、[上へ移動] (項目をリスト内の上位の位置に移動します。) および [下へ移動] (項目をリスト内の下位の位置に移動します。) をクリックして、項目リスト内に項目を配置します。

項目のキャプションを変更する

  1. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、項目 (フィールドやコマンドなど) を選択します。

  2. [プロパティ] ウィンドウで、[表示名] フィールドを選択して、項目のキャプションとして表示するテキストを入力します。

項目のラベルの位置を変更する

  1. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、項目 (フィールドやコマンドなど) を選択します。

  2. [プロパティ] ウィンドウで、[ラベルの位置] の下のドロップダウン リストをクリックして、目的の位置を選択します。

    各オプションの説明を次の表に示します。

    ラベルの位置

    説明

    左揃え

    ラベルはコントロールの左に表示されます。

    右揃え

    ラベルはコントロールの右に表示されます。

    このページのトップへ

    ラベルはコントロールの上に表示されます。

    Bottom

    ラベルはコントロールの下に表示されます。

    なし

    選択したデータ フィールドのラベルは表示されません。

    Collapsed

    ラベルは折りたたまれて表示されます。

項目を表示または非表示にする

  1. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、項目 (フィールドやコマンドなど) を選択します。

  2. [プロパティ] ウィンドウで、[Is Visible] プロパティをオンまたはオフにします。

    [Is Visible] をオンにすると、項目が画面に表示されます。[Is Visible] をオフにすると、項目は画面に表示されません。

項目のコントロールの種類を変更する

  1. [カスタマイズ モード] 画面の [画面コンテンツ ツリー] で、項目の横のドロップダウン リストを選択します。

  2. ドロップダウン リストで、目的のコントロールの種類をクリックします。

    ほとんどのコントロールの種類は、組み込みのコントロールの種類です。コントロールの種類を、その他のツールを使用して作成するカスタム コントロールに設定することもできます。カスタム コントロールの詳細については、「方法: Silverlight の画面にカスタム コントロールを追加する」を参照してください。

変更を元に戻す

  • [カスタマイズ モード] 画面で、[キャンセル] をクリックします。

    [カスタマイズ モード] 画面を開いた後に行ったすべての変更が破棄されます。

    [!メモ]

    [カスタマイズ モード] 画面では、個々の編集を元に戻すことはできません。

アイテムのプロパティを既定値にリセットします。

  1. [画面コンテンツ ツリー] で、項目のグループを表すノードを選択します。

  2. [画面コンテンツ ツリー] の横の [項目のリセット] をクリックします。アイテムのプロパティを既定値にリセットします。

参照

処理手順

方法: 画面デザイナーを使用して Silverlight の画面をデザインする

その他の技術情報

画面: アプリケーションのユーザー インターフェイス