実行中のアプリケーションのカスタマイズ

このレッスンでは、実行中の LightSwitch アプリケーションを変更する方法を学びます。

実行中のアプリケーションのカスタマイズ

前のレッスン「画面の外観のカスタマイズ」では、画面デザイナーで画面をカスタマイズするいくつかの方法を説明しました。変更がすぐに表示されるように、アプリケーションの実行中に画面をカスタマイズすることもできます。

カスタマイズを有効にするには

F5 キーを押してアプリケーションを実行します。

アプリケーションが開き、[ContactList] 画面が表示されます。
アプリケーションウィンドウの右下隅で、[デザイン画面] をクリックします。

左側にツールバーのある [画面コンテンツ] ペインが表示され、アプリケーションウィンドウの下に [プロパティ] ペインが表示されます。

表示名を変更するには

[画面コンテンツ] ペインで、[DataGrid | 連絡先] ノードを選択します。
[プロパティ] ウィンドウで、[表示名] フィールドに「ビジネス用連絡先」と入力してタブキーを押します。

[画面コンテンツ] ペインのテキストがすぐに変わって、新しい値が反映されます。
[ContactName] ノードを選択します。
[プロパティ] ウィンドウで [表示名] フィールドに「名前」と入力します。
ContactCompany フィールド、ContactPhone フィールド、および ContactEmail フィールドでこのプロセスを繰り返します。値を "会社"、"電話"、および "電子メールアドレス" に変更します。
アプリケーションウィンドウの右上隅にある [保存] をクリックして、変更内容を保存します。

これでデザイナーが閉じられ、実行中のアプリケーションで変更が保存されます。

コントロールと表示順を変更するには

アプリケーションウィンドウの右下隅で、[デザイン画面] をクリックします。
[画面コンテンツ] ペインで、[DataGridRow | 連絡先] ノードを展開してから、[会社] ノードを選択します。
ドロップダウンリストで [ラベル] を選択します。

これにより、画面上の [会社] フィールドの変更が防止されます。
[電話] ノードを選択します。
ツールバーの [下へ移動] ボタンをクリックして、[電子メールアドレス] フィールドの下に移動します。

[電話] フィールドは、グリッドの最後の列になっています。
[追加] リストで [ContactState] を選択します。
[プロパティ] ウィンドウで、[表示名] プロパティを [状態] に変更します。
最上位の [行レイアウト | 連絡先] ノードを選択します。
ツールバーの [グループの追加] ボタンをクリックします。

新しい [行レイアウト | グループ] ノードが、選択された状態で表示されます。
[追加] リストで [- 選択された項目] を選択します。

新しい表示グループがグリッドの下に表示され、そこには、選択した連絡先のフィールドがあります。
[プロパティ] ウィンドウで、[読み取り専用のコントロールを使用] オプションを選択します。

新しいフィールドは、[ラベル] コントロールとして表示されます。
[プロパティ] ウィンドウで、[ラベルの位置] リストから [なし] を選択します。

フィールドラベルは削除されます。
アプリケーションウィンドウの右上隅にある [保存] をクリックして、変更内容を保存します。

これでデザイナーが閉じられ、実行中のアプリケーションで変更が保存されます。
アプリケーションウィンドウの右上隅にある [閉じる] をクリックして閉じます。

よく見る

このレッスンでは、実行中のアプリケーションで [ContactList] 画面の動作と外観を変更するいくつかのタスクを実行する方法を説明しました。手順は、画面デザイナーでのデザイン時に同じタスクを実行する手順に似ていますが、小さな違いがいくつかあります。たとえば、実行中のアプリケーションでは画面の表示名を変更できません。実際には、実行時またはデザイン時に変更するかどうかについての規則はなく、どちらにするかは、個人の選択に任されます。

このレッスンでは表示名の設定、コントロールの種類と順序の変更、新しいグループとフィールドの追加、ラベルの位置の設定、参照専用のフィールドの設定の方法を説明します。他の多くの画面のカスタマイズを、実行中のアプリケーションと画面デザイナーの両方で実行できます。詳細については、「画面: アプリケーションのユーザーインターフェイス」を参照してください。