コードの編集は、設計作業を行う人にとって複雑なタスクである場合があります。Microsoft Expression Blend は創造的な人々を対象として設計されています。Expression Blend の [デザイン] ビューで、完全な Windows Presentation Foundation ベースまたは Microsoft Silverlight 1.0 ベースのアプリケーションを作成できます。Windows Presentation Foundation プロジェクトでも、他の Expression Blend プロジェクトで再利用できるスタイル リソースを作成できます。さらに、Microsoft Expression Design 2 からエクスポートしたアート アセットと XAML をインポートすることや、Microsoft Expression Encoder 2 で生成された Silverlight 1.0 をインポートすることもできます。
Expression Blend は、チーム開発にも適応するように設計されています。多くの場合、ソフトウェア開発チームは、ユーザー インターフェイス (UI) を開発するデザイナと、UI のバックグラウンドで動作するコードを開発するプログラマに分かれています。このため、Expression Blend には、開発者に引き渡すことのできる最低限のコードを生成する機能群や、イベント ハンドラまたは既存コントロールと同じように使用できるカスタム コントロールなど、既存のコードにフックする機能群が用意されています。
Expression Blend で実行可能なプロジェクト タスク
プロジェクトの作成 Windows Presentation Foundation ベースのアプリケーション (.exe) またはユーザー コントロール (.dll) 用のプロジェクトを作成できます。いずれの場合も、既定で WPF (Windows Presentation Foundation) の機能を完全に利用できます。
プロジェクトの作成 Silverlight 1.0 ベース アプリケーション用のプロジェクトを作成できます。
新しい XAML (Extensible Application Markup Language) ファイルの追加 XAML ファイルおよび関連するコードビハインド ファイルを追加して、アプリケーションの最上位のウィンドウ、ユーザー コントロール、アプリケーション内の移動可能なページ、または、再利用可能なスタイル、コントロール テンプレート、ブラシ リソースなどを含むリソース ディクショナリを作成できます。
既存ファイルの追加 イメージ、XML、ビデオ、オーディオ、ライセンス、XAML、コードなどの各種の既存ファイルをプロジェクトに追加するか、これらの既存ファイルへのリンクを作成できます。
既存のカスタム コントロールへの参照の追加 .dll ファイルに含まれる既存のカスタム コントロールへの参照を追加できます (WPF および Silverlight 2 のみ)。カスタム コントロールは、既存のソース コード ファイル (.vb または .cs) に含まれている場合もあります。Expression Blend プロジェクトに追加したカスタム コントロールは、Expression Blend に付属しているコントロールと同じ方法で使用できます。.cs ファイルに含まれるカスタム コントロールの例については、「試してみよう : カスタム WPF コントロールの作成」を参照してください。
.gif "ヒント")
ヒント :カスタム コントロールを含むソース コード ファイルを Expression Blend プロジェクトに追加する場合、[ツールボックス] の [アセット ライブラリ] にある [ユーザー コントロール] タブにコントロールを表示するには、プロジェクトをビルドする必要があります。
ソリューションへの新しいプロジェクトの追加 (WPF および Silverlight 2 のみ) Expression Blend 2 WPF プロジェクトにプロジェクトを追加、または既存のプロジェクトにリンクできます。
任意のファイルを開く プロジェクト内の任意のファイルを開くことができます。XAML ファイルが編集モードでアートボードに開かれます。作業中のドキュメントにイメージ ファイルを挿入でき、サウンドおよびビデオのファイルがアニメーションのタイムラインに開かれます。JavaScript エディタのアートボードに、Silverlight 1.0 プロジェクト内の JavaScript コードビハインド ファイルが開かれます。すべてのファイルを、各ファイルの種類に割り当てられた外部エディタで開くことができます。たとえば、Expression Blend の [プロジェクト] パネルの [ファイル] で .xml ファイルをダブルクリックすると、通常はこのファイルがメモ帳で開きます。コード ファイルは Microsoft Visual Studio 2008 で開かれます (インストールされている場合)。詳細については、「コードビハインド ファイルの編集」を参照してください。
Visual Studio 2008 プロジェクトまたはソリューションを開く WPF アプリケーション、Silverlight 1.0 サイト、または Silverlight 2 アプリケーションを開き、UI を作成できます。
アプリケーションのデバッグ アプリケーションをビルド (Ctrl + Shift + B) または実行 (F5) してデバッグし、[結果] パネルに通知されたエラーを解決できます。
.gif "Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif")
先頭に戻る
Expression Blend でのコードを使用しない機能
アプリケーションの外観 (UI) のデザインツールボックスから要素を追加して変換し、[プロパティ] パネルで要素のプロパティ (ブラシなど) を指定してスタイルを設定する方法で、UI をデザインできます。詳細については、「コントロール」、「図形とパスの描画」、「レイアウト」、および「外観」を参照してください。
アプリケーションの要素のアニメーション化 詳細については、「アニメーション」を参照してください。
ビデオ ファイルまたはオーディオ ファイルのタイムラインの変更 プロジェクトのビデオ ファイルやオーディオ ファイルをアートボードに追加した後、これらのファイルのタイムラインを変更できます。詳細については、「メディア」を参照してください。
トリガによるアニメーション タイムライン、オーディオ ファイル、ビデオ ファイルの操作 ボタンのクリックや要素上へのポインタの移動などのユーザー操作をトリガとして、アニメーション、オーディオ、ビデオを操作できます。詳細については、「トリガとユーザー インタラクティブ機能」(WPF のみ) および「イベント処理とユーザー操作」(WPF および Silverlight 2 のみ) を参照してください。
カスタム ユーザー コントロールの作成とデザイン (WPF および Silverlight 2 のみ) ユーザー コントロールは、Expression Blend で作成できるプロジェクトの一種です。ユーザー コントロールは、Visual Studio 2008 で開発されたカスタム コントロールと同じ方法で使用できます。例については、「試してみよう : WPF ユーザー コントロールの作成」および「既存のオブジェクトからのコントロールの作成」を参照してください。
既存コントロールの外観のカスタマイズ 既存のコントロールの外観をカスタマイズし、完成したスタイル テンプレートを同じ型の別のコントロールに適用できます (WPF および Silverlight 2 のみ)。コントロール テンプレートにアニメーションを追加することもできます。例については、「簡易スタイル」に記載されているトピックを参照してください。
新しい再利用可能なリソースの作成 [プロパティ] パネルでプロパティの名前をクリックし、[新しいリソースに変換] をクリックして、ブラシ リソースなどの再利用可能なリソースを新たに作成できます (WPF および Silverlight 2 のみ)。例については、「ブラシ リソースまたは色リソースの作成」を参照してください。
要素の変換 [ツール] メニューのオプションを使用して、要素をボタンやブラシ リソースに変換したり、イメージを 3D オブジェクトに変換したりできます (WPF のみ)。例については、「オブジェクトからのボタン作成」および「2D イメージの 3D イメージへの変換」を参照してください。
要素のプロパティを別のプロパティに格納されている値にバインド (WPF のみ) この機能は、要素の幅をスライド バーに対応させるなど、さまざまな場面で利用できます。例については、「試してみよう : 値コンバータの作成と適用」を参照してください。
データ ソースに要素のプロパティをバインド XML ファイル (WPF のみ) や共通言語ランタイム (CLR) オブジェクト (WPF および Silverlight 2 のみ) などのデータ ソースに要素のプロパティをバインドできます。XML データ ソースの使用方法の例については、「試してみよう : RSS ニュース リーダーの作成」を参照してください。
カスタム クラスのコード ファイルの追加 アプリケーションでインスタンス化できるカスタム クラスのコード ファイルを追加できます。例については、「試してみよう : カスタム WPF コントロールの作成」および「Silverlight アプリケーションのストーリーボードを制御するボタンの作成」を参照してください。
先頭に戻る
コードを使用する機能
イベント ハンドラでの複雑な動作の定義 アプリケーションの UI 要素を対話的に操作する場合は、イベント ハンドラで複雑な動作を定義します。キーの押下操作やマウスの動作などに応答するようにイベント ハンドラをプログラミングできます。イベントの一覧については、「WPF イベント クイック リファレンス」を参照してください。これは、アニメーション、メディア、ビデオ用のイベント トリガとは異なります。たとえば、イベント ハンドラでは、数式を使用してアプリケーションの動作をプログラミングできます。例については、「新しいイベント ハンドラ メソッドの作成」を参照してください。
.gif "メモ")
メモ :Silverlight 1.0 アプリケーションのすべてのユーザー操作は、JavaScript イベント ハンドラを使用して実現されます。例については、「Silverlight アプリケーションのストーリーボードを制御するボタンの作成」を参照してください。
既存コントロールのカスタマイズまたはカスタム コントロールの新規作成 WPF の Button コントロールに基づくカスタム コントロールの例については、「試してみよう : カスタム WPF コントロールの作成」を参照してください。
データの読み込み (WPF および Silverlight 2 のみ) Microsoft SQL Server のデータなどをデータ テーブルに読み込み、Expression Blend で使用できる CLR データ オブジェクトに変換します。例については、「試してみよう : CLR オブジェクト データ ソースの作成」を参照してください。
値コンバータの作成 (WPF および Silverlight 2 のみ) 値コンバータを作成し、データ バインドにカスタム ロジックを追加します。この機能は、ある要素のプロパティを、互換性のないデータ型のプロパティにバインドする場合に便利です。例については、「試してみよう : 値コンバータの作成と適用」を参照してください。
先頭に戻る
Visual Studio 2008 を使用する機能
アプリケーションのデバッグ アプリケーションを実行しているときに、1 行ずつステップ実行してデバッグできます。詳細については、「Visual Studio 2008 での Expression Blend アプリケーションのデバッグ」を参照してください。
コード ファイルの編集 Expression Blend の [プロジェクト] パネルでコード ファイルをダブルクリックすると、Visual Studio 2008 がインストールされている場合は、このツールでファイルが表示されます。詳細については、「コードビハインド ファイルの編集」を参照してください。
ヒント :コード ファイルを変更する場合、そのコード ファイルだけを開くよりも、Visual Studio 2008 でプロジェクトを開いた方が便利です。Visual Studio 2008 でプロジェクトを開くと、コードの入力時に一部の単語の入力候補を表示する IntelliSense 機能を利用できます。たとえば、Expression Blend 2 で新しいプロジェクトを作成して保存し、Visual Studio 2008 でプロジェクトを開きます。Window1.xaml.cs ファイルを開き、this.InitializeComponent(); の後の空白行の先頭にカーソルを移動し、「LayoutRoot」と入力します。表示されるドロップダウン リストには、この行に入力できるものがすべて表示されます。LayoutRoot の後ろにピリオドを追加すると、リストの内容が変化し、Window1.xaml ファイル内で定義されている LayoutRoot 要素のプロパティおよびメソッドがすべて表示されます。
WPF コントロールを含むプロジェクト ファイルまたは COM API への参照の追加 Expression Blend はプロジェクト ファイル (.csproj ファイルなど) への参照に対応し、.dll ファイルや .exe ファイルへの参照と同様に処理します。
先頭に戻る
コード追加に関する Expression Blend のサポート機能
関連するコードビハインド ファイルの作成 Expression Blend では、新しいアイテムの追加ウィザードを使用して作成した XAML ファイルに対応するコードビハインド ファイルを必要に応じて作成できます。Expression Blend の [プロジェクト] パネルでコード ファイルをダブルクリックすると、Visual Studio 2008 がインストールされている場合は、このツールでファイルが表示されます。詳細については、「コードビハインド ファイルの編集」を参照してください。
空のイベント ハンドラ メソッドのコードの生成 [プロパティ] パネルの [イベント]
.png "Cc294780.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(ja-jp,Expression.10).png")
ビューでイベントをダブルクリックすると、空のイベント ハンドラ メソッド用のコードが自動的に生成されます (WPF および Silverlight 2 のみ)。メモ :Silverlight 1.0 プロジェクトを作成すると、Expression Blend 2 によって、Page.xaml.js ファイルに MouseLeftButtonDown イベント ハンドラ メソッドの例が生成されます。そのイベント ハンドラ メソッドを変更する方法の例については、「Silverlight アプリケーションのストーリーボードを制御するボタンの作成」を参照してください。
Expression Blend によって、メソッドの初期コードがクリップボードにコピーされます。Visual Studio 2008 がインストールされている場合は、Expression Blend がプロジェクトを自動的に Visual Studio 2008 で開き、このメソッドをコードビハインド ファイルに貼り付けます。ファイルを手動で開き、メソッドをコードに貼り付けることもできます。その後、イベント ハンドラ メソッド内にプログラミング ロジックを追加するか、プログラミング ロジックを追加する担当者にコード ファイルを受け渡します。詳細については、「イベント処理とユーザー操作」を参照してください。
ヒント :同じプロジェクト ファイルを同じコンピュータ上の Visual Studio 2008 と Expression Blend で同時に開くことができます。一方のシステムでファイルに対する変更内容を保存すると、別のシステムに切り替えたときに、そのファイルを再読み込みするかどうかを確認するメッセージが表示されます。
ヒント :複数のユーザーが同時に同じプロジェクトで作業する場合は、Microsoft Visual SourceSafe などのソース コントロール システムを使用することをお勧めします。ソース コントロール システムでは、中央で管理されているリポジトリにプロジェクト ファイルを保管し、各自のコンピュータからファイルをチェックアウトしてローカルで編集することができます。ファイルの変更中に他のユーザーが同じファイルをチェックアウトできないようにしたり、複数のユーザーが同一ファイルに加えた変更点をマージするようにソース コントロール システムを構成したりすることができます。Visual SourceSafe は Visual Studio に統合されているため、Visual Studio でファイルを開いた時点で、このファイルをチェックアウトすることができます。詳細については、MSDN ライブラリの Visual SourceSafe に関するセクション (英語の可能性あり) を参照してください。
先頭に戻る
コード記述支援のリソース
Expression Blend アプリケーションのコードを記述するためのヘルプが必要な場合は、「情報とコミュニティのリソース」に記載されているリソースのいずれかを使用できます。ニュースグループ ディスカッションへのリンクも掲載されています。Silverlight 1.0 プロジェクトでの JavaScript の記述のヘルプについては、Silverlight ラーニング センター (英語の可能性あり) を参照してください。「情報とコミュニティのリソース」も参照してください。
先頭に戻る