3．WPFコンテンツをつくってみよう XAML編
XAMLで記述する簡単なアプリケーションを構築することからWPF体験を始めよう。
まずは、「Visual C# 2005 Express Edition」をダウンロードして「Visual C# 2005 Express Edition」をインストール。これだけではXBAPを構築できないので「Visual Studio 2005 extensions for .NET Framework 3.0（WCF&WPF）、November 2006CTP」をインストールする。インストールの順番を逆にしてしまうと正常にインストールできないため注意が必要だ。インストールが完了すると、Visual Studioのテンプレートに「XAML Browser Application（WPF）」が表示される。
では実際に、「ボタンをクリックすると「Hello World!」と表示されるWPFアプリケーション」をつくってみよう。Visual Studioを起動し、ファイルメニュー→“新しいプロジェクト”から「XAML Browser Application（WPF）」を選択する。
今回は仮にプロジェクト名を「testXaml1」としておく【8】。そして、任意の場所にプロジェクトを保存する。画面右のソリューションエクスプローラから【9】「Page1.xaml（デフォルト名）」をダブルクリックで開き、＜Grid＞～＜/Grid＞の中に「＜Button Width="90" Height="30" Content="Button" Click="Button_ClickPage1"/＞」と記述して保存【10】。
【8】プロジェクト名は任意。今回は仮に「testXaml1.xbap」としておく
【9】ソリューションエクスプローラにある「Page1.xaml」、「Page1.xaml.cs」にそれぞれソースを追記
| ＜Page x:Class="testXaml1.Page1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Page1" ＞ ＜Grid＞ ＜Button Width="90" Height="30" Content="Button" Click="Button_ClickPage1"/＞ ＜/Grid＞ ＜/Page＞ |
【10】「Page1.xaml」に＜Button～Click="Button_ClickPage1"/＞を記述する
次に、いま保存した「Page1.xaml」の直下にある（見あたらないときはファイル名の左側の白い三角をクリック）「Page1.xaml.cs（デフォルト名）」をダブルクリックで開き、【11】のようにソースを追記し、保存する。
| public partial class Page1 : System.Windows.Controls.Page { public Page1() { InitializeComponent(); } |
| private void Button_ClickPage1(object sender, RoutedEventArgs e) { MessageBox.Show("Hello World!"); } |
| } |
【11】「Page1.xaml.cs」に「private～MessageBox.Show("HelloWorld!"); }」を追記する
この状態でビルドメニュー→“ソリューションのビルド”を実行。そして、配布用ファイルを作成するためにプロジェクトメニュー→“TestXaml1のプロパティ”を選択し、左側のタブから発行画面を表示する。この画面にある「Publish Location」でPublishするディレクトリをtestXAML1内に設定し、「Publish Now」を実行する【12】。
【12】「アプリケーションの発行」画面
発行が正常に終了すると、発行設定で指定したディレクトリに「testXaml1.xbap」というxbap形式のファイルができる。これは「XAML Browser Application（XBAP）」というもので、Webブラウザ内で動くWPFのブラウザアプリケーション版である。これをダブルクリックするとブラウザが起動しボタンが表示されるので、クリックして「Hello World!」と表示すればWPFアプリケーションが完成だ【13】。
【13】発行が正常に完了すると、XAML Browser Application（XBAP）ができる。これをクリックして「Hello World!」と表示すればWPFアプリケーションが完成だ
