Visual Studio の初心者向けデモ (WPF 編)

初心者用のセミナーなどでは Visual Studio の開発生産性を示すデモがよく行われます。
Windows フォーム編に引き続き、
WPF 上のグリッドを特定のテーブルにバインドさせるだけの簡単なサンプルを作成する手順について記述します。
Northwind データベースの Products テーブルを対象とします。
Windows フォームとは違って、データの保存はできません。
  1. Visual Studio を起動する。
  2. [ファイル] – [新規作成] – [プロジェクト] をクリックし、
    テンプレートから [WPF アプリケーション] を選択して [OK] をクリックする。
      → ソリューションおよびプロジェクトが作成される。
  3. [データ] – [データ ソースの表示] をクリックする。
      → [データ ソース] ウィンドウが表示される。
  4. (1) [データ] – [新しいデータ ソースの追加] をクリックする。
    (2) [次へ] をクリックする。
    (3) [次へ] をクリックする。
    (4) [新しい接続] をクリックする。
    (5) [localhost\SQLEXPRESS] サーバーの [Northwind] データベースを選択して [OK] をクリックする。
    (6) [次へ] をクリックする。
    (7) [次へ] をクリックする。
    (8) [Products] テーブルを選択して [完了] をクリックする。
      → [データ ソース] ウィンドウに [Products] テーブルが作成される。
  5. [データ ソース] ウィンドウの [Products] テーブルを MainWindow にドラッグ アンド ドロップする。
      → DataGrid が配置される。
  6. productsDataGrid を右クリックし、[レイアウトのリセット] – [すべて] をクリックする。
      → productsDataGrid の領域が最大限に広がる。

  7. [デバッグ] – [デバッグなしで開始] をクリックする。
      → 作成されたアプリケーションが起動する。

 
バージョン情報
.NET Framework 4
Visual Studio 2010
 
参照

コメント / トラックバック2件 to “Visual Studio の初心者向けデモ (WPF 編)”

  1. Visual Studio の初心者向けデモ (Silverlight 編) « Do Design Space Says:

    […] Studio の開発生産性を示すデモがよく行われます。 Windows フォーム編、WPF 編に引き続き、 Silverlight […]

  2. Visual Studio の初心者向けデモ (Windows フォーム編) « Do Design Space Says:

    […] バージョン情報 .NET Framework 2.0, 3.0, 3.5, 4 Visual Studio 2005, 2008, 2010   参照 Visual Studio の開発生産性を示すデモ (WPF 編) Visual Studio の開発生産性を示すデモ (Silverlight 編)   カテゴリー: […]


コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。