Xaml-building-blocks

提供:Dev Guides
移動先:案内検索

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

この章では、XAMLアプリケーションの基本的かつ重要なビルディングブロックのいくつかについて説明します。 どのように説明します

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

オブジェクト

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

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

リソース

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

スタイル

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

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

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

画像:/xaml/images/styles.jpg [スタイル]画像:/xaml/images/styles1.jpg [スタイル1]

テンプレート

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

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

デフォルトボタン

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

デフォルトボタン1

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

アニメーションと変換

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

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

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

Square

この正方形の上にマウスを移動すると、下に示すようにすべての方向にマウスが移動します。

Square1