XAML-ビルディングブロック

この章では、XAMLアプリケーションの基本的かつ重要な構成要素のいくつかについて説明します。それはどのように説明します

• オブジェクトを作成して初期化するには、
• オブジェクトは、リソース、スタイル、およびテンプレートを使用して簡単に変更できます。
• 変換とアニメーションを使用してオブジェクトをインタラクティブにします。

オブジェクト

XAMLは通常、オブジェクトを作成およびインスタンス化できる宣言型言語です。これは、XMLに基づいてオブジェクトを記述する別の方法です。つまり、作成する必要のあるオブジェクトと、プログラムの実行前にオブジェクトを初期化する方法です。オブジェクトは

• コンテナ（スタックパネル、ドックパネル）
• UI要素/コントロール（ボタン、テキストボックスなど）
• リソース辞書

リソース

リソースは通常、複数回使用することが予想されるオブジェクトに関連する定義です。これは、コントロール用または現在のウィンドウ用にローカルに、またはアプリケーション全体用にグローバルにデータを保存する機能です。

スタイル

XAMLフレームワークは、アプリケーションの外観をパーソナライズおよびカスタマイズするためのいくつかの戦略を提供します。スタイルを使用すると、オブジェクトの一部のプロパティを柔軟に設定し、これらの特定の設定を複数のオブジェクトで再利用して、一貫した外観を実現できます。

• スタイルでは、高さ、幅、フォントサイズなど、オブジェクトの既存のプロパティのみを設定できます。
• コントロールのデフォルトの動作のみを指定できます。
• 複数のプロパティをスタイルに追加できます。

最初の図では、3つのボタンすべてに同じ高さと幅のプロパティが個別に設定されていることがわかります。しかし、2番目の図では、すべてのボタンで同じ高さと幅がスタイルに追加され、このスタイルがすべてのボタンに関連付けられていることがわかります。

テンプレート

テンプレートは、コントロールの全体的な外観と視覚的な外観を記述します。コントロールごとに、そのコントロールに外観を与えるデフォルトのテンプレートが関連付けられています。XAMLでは、コントロールの視覚的な動作と視覚的な外観をカスタマイズするときに、独自のテンプレートを簡単に作成できます。

次のスクリーンショットには、2つのボタンがあります。1つはテンプレート付きで、もう1つはデフォルトのボタンです。

これで、ボタンの上にマウスを置くと、次のように色も変わります。

テンプレートを使用すると、スタイルよりもコントロールの多くの部分にアクセスできます。コントロールの既存の動作と新しい動作の両方を指定できます。

アニメーションと変換

Windowsランタイム内のアニメーションと変換は、対話性と動きを構築することにより、XAMLアプリケーションを改善できます。Windowsランタイムアニメーションライブラリのアニメーションを使用して、インタラクティブなルックアンドフィールをXAMLアプリケーションに簡単に統合できます。アニメーションが使用されます

• ユーザーインターフェイスを強化したり、より魅力的にしたりするため。
• 変化にユーザーの注意を引くため。

次のスクリーンショットでは、正方形を見ることができます-

この正方形の上にマウスを置くと、以下に示すようにすべての方向に消費されます。