2011年9月25日日曜日

◆画面に固定文字を表示する

LightSwitchでは画面表示項目は何かしらのデータにバインドされている。
そのため、これまでのように単純にコントロールを貼り付けて、プロパティで初期値を指定するというわけには行かないようだ。

とりあえず、固定文字表示用のデータ項目をローカルプロパティ(DBなどのデータソースに連結されない項目)として定義し画面ロード時に文字を設定する。

    1. プロジェクトを新規作成し「ソリューションエクスプローラー」で「画面」フォルダを右クリックして「画面の追加」を選択する。
      image
    2. 「新しい画面の追加」ダイアログにてテンプレートに「新規データ画面」、画面名に「CreateNew」、画面データに「なし」を設定してOKボタンをクリックする。
      image
    3. デザイナー画面上部のツールバーから「データ項目の追加」をクリックする。
      image
    4. 表示された「データ項目の追加」ダイアログで「ローカルプロパティ」をチェックし、名前に「タイトル」と指定する。
      同様にもう一つ、「サブタイトル」を追加する。
      image
    5. デザイナー画面中央ペインのコントロールツリーで「追加」ボタンをクリックし、表示されたメニューから「新しいグループ」をクリックする。
      2011-09-25 11h11_23
    6. 追加されたグループの「追加」ボタンをクリックし表示されたメニューから「タイトル」をクリックする。
      同様に「サブタイトル」も追加する。
      image
    7. 「プロパティ」ウインドウにて「タイトル」の「ラベル位置」を「なし」にする。
      「サブタイトル」も同様。
      image
      追加されたコントロールはデフォルトで「テキストボックス」になっているので「ラベル」に変更する。
      また、スタイルはデフォルトで「標準」になっているので適宜変更する。
      ここでは、「見出し1」と「見出し2」を指定した。
    8. デザイナー画面上部のツールバーから「コードの記述」をクリックし、表示されたメニューから「CreateNew_Created」をクリックする。
      image
    9. 表示されたコードエディタで以下のようにローカルプロパティに値を設定する。
              partial void CreateNew_Created()
      {
      // ここにコードを書き込んでください。
      タイトル = "LightSwitch";
      サブタイトル = "Visual Studio LightSwitch";
      }

以上でF5キーを押して実行して見ると以下のような画面が表示され、指定した固定文字が表示されるのを確認できる。
2011-09-25 11h40_01

0 件のコメント:

コメントを投稿