XAML の作業

  • [アーティクル]

Extensible Application Markup Language (XAML) ("ザムル" と読みます) は、Microsoft が開発した XML ベースのマークアップ言語です。HTML が Web ページのビジュアル プレゼンテーションの背後にある言語であるのと同様に、XAML は、Microsoft Expression Blend で開発するアプリケーションのビジュアル プレゼンテーションの背後にある言語です。Expression Blend でアプリケーションを作成する際には、XAML コードを直接記述するか、Expression Blend の [デザイン] ビューでのビジュアル操作を通じて XAML コードを生成することになります。

Noteメモ :

Expression Blend の [デザイン] ビューで作業を行う場合は、XAML の知識がなくてもアプリケーションを作成できます。詳細については、「XAML の編集」の「Expression Blend のデザイン ビューを使用した XAML の編集」を参照してください。

デザイン アプリケーション間の仲介役として活躍する XAML

Microsoft Expression Design からアート アセットを XAML としてエクスポートし、その XAML を Expression Blend プロジェクトにインポートできます。他のデザイン アプリケーションには、デザイン アセットを XAML に変換するツールを備えているものも一部あります。インターネット上の信頼済みサイトで公開されている変換ツールが見つかれば、それを使用することも可能です。

XAML のインポートの詳細については、「Expression Design からエクスポートされた XAML のインポート」を参照してください。

Silverlight テンプレートを使用して作成した Microsoft Silverlight プロジェクトをインポートし、Microsoft Expression Encoder でビデオ プロジェクトをエンコードすることもできます。また、Expression Encoder に付属している Silverlight テンプレートを、Expression Blend で変更することもできます。

詳細については、「Silverlight の Expression Encoder テンプレートのカスタマイズ」を参照してください。

XAML、Windows Presentation Foundation (WPF)、および Microsoft .NET Framework

XAML は、Windows Presentation Foundation (WPF) の一部です。WPF は、Microsoft .NET Framework の、Windows ベースのアプリケーションと Web ブラウザー ベースのクライアント アプリケーションのビジュアル プレゼンテーションを処理する機能のカテゴリです。

WPF ベースのアプリケーションは Windows Vista または Windows 7 で実行できます。また、Microsoft .NET Framework (および Web ブラウザー ベースのクライアント アプリケーションの場合は Internet Explorer 7.0) がインストールされている場合は、以前のバージョンの Windows でも実行可能です。

WPF アプリケーションの詳細については、「Expression Blend アプリケーションの展開とパブリッシュ」を参照してください。

WPF では、C# などのプログラミング言語に代わるマークアップ言語として XAML を使用して、魅力的なユーザー インターフェイス (UI) を視覚的に作成できます。コントロール、テキスト、イメージ、図形、アニメーションなどの要素を定義して、XAML だけで複雑な UI ドキュメントを作成できます。ただし、XAML は HTML と同様に宣言型であるため、実行時のロジックをアプリケーションに追加する場合は、コードを追加する必要があります。たとえば、アプリケーションで XAML だけを使用する場合、UI 要素を作成してアニメーション化し、ある程度は (イベント トリガーを使用するなどの方法で) ユーザー入力に対して応答するように構成できます。ただし、アプリケーションで計算の実行や計算結果への応答、新しい UI 要素の自動作成などを行うには、コードを追加しなければなりません。XAML アプリケーションのコードは XAML ドキュメントとは別のファイルに保存されます。このように基礎となるコードから UI デザインを操作可能にすることで、開発者とデザイナーは互いに相手の作業を妨げることなく、同じプロジェクトで緊密に連携して作業できるようになります。

Expression Blend で XAML アプリケーションにコードを組み込む方法については、「XAML およびコードの作成と比較した場合のビジュアル デザイン」を参照してください。

XAML と WPF の詳細については、MSDN の「XAML の概要 Cc295302.xtlink_newWindow(ja-jp,Expression.40).png」または「Windows デベロッパー センター Cc295302.xtlink_newWindow(ja-jp,Expression.40).png」を参照してください。

WPF とは

WPF はマネージ コードを基本としていますが、マークアップ言語 (Extensible Application Markup Language (XAML)) を使用して、デザイナーがアプリケーションを作成しやすいようになっています。XAML ベースのアプリケーションでは現在、C# と Microsoft Visual Basic .NET をサポートしています。WPF アプリケーション全体を手続きコードで記述する場合、共通言語ランタイム (CLR) 言語を使用できます。

WPF の詳細については、「MSDN Cc295302.xtlink_newWindow(ja-jp,Expression.40).png」の「Windows Presentation Foundation Cc295302.xtlink_newWindow(ja-jp,Expression.40).png」または「学習およびコミュニティのリソース」を参照してください。

XAML と Silverlight

Silverlight プロジェクトでは、XAML はアプリケーションのビジュアル プレゼンテーションを表すためにも使用されます。

XAML と分離コード ファイルの関係

Expression Blend では、ドキュメントの XAML は .xaml ファイルに保存されます。XAML ドキュメントに基となるコードが存在する場合、このコードは、ドキュメントと同じ名前の .cs または .vb の拡張子が付いたファイルに保存されます。たとえば、XAML ドキュメントの名前が Window1.xaml の場合、コードのプログラミング言語が C# であれば、分離コード ファイルの名前は Window1.xaml.cs となります。

XAML ドキュメントを単独で、または分離コード ファイルと共に作成する方法については、「新しいプロジェクトを作成する」を参照してください。

プロジェクトをビルドする際には、WPF パーサーがそのプロジェクトの .xaml ファイルを読み取り、エラーが見つかった場合はエラー内容を報告します。同様に、Expression Blend で既存のプロジェクトを開くと、XAML パーサーがプロジェクト フォルダーに含まれる .xaml ファイルを読み取り、要素群を解析したうえで、[デザイン] ビューのアートボード上にドキュメントを表示します。どちらの場合も、パーサーでエラーが検出された場合はアートボードが使用できない状態になり、Expression Blend がエラー メッセージを表示します。このメッセージ内のリンクをクリックすると [XAML] ビューが開き、該当するエラーを解決できます。解析エラーは [結果] パネルの [エラー] タブにも表示されます。

詳細については、次のトピックを参照してください。

各コントロールの構文については、MSDN の 「コントロール ライブラリ Cc295302.xtlink_newWindow(ja-jp,Expression.40).png」または「クラス ライブラリ Cc295302.xtlink_newWindow(ja-jp,Expression.40).png」にある XAML 要素の説明を参照してください。

Copyright ©2011 by Microsoft Corporation. All rights reserved.