学習プラットフォーム
Microsoft 開発者ブログ:
DevBlogs - Microsoft Developer BlogsMicrosoft
ドキュメントと学習:
Microsoft Learn: 新しいキャリアの機会を開くスキルを開発する
Microsoft Developer Platform:
Microsoft Developer
WPF の基本的な説明:
WPF (Windows Presentation Foundation) は、Microsoftによって開始されたWindows ベースのユーザー インターフェイスフレームワークであり、 .NET Framework 3.0の一部です。これは、統一されたプログラミング モデル、言語、およびフレームワークを提供し、インターフェイス設計者と開発者の作業を真に分離すると同時に、新しいマルチメディアインタラクティブ ユーザーグラフィカル インターフェイスを提供します。
Windows Presentation Foundation フレームワーク。Windows Presentation Foundation フレームワークは、開発者が今日持っているものをはるかに超えるメディア、ユーザー インターフェイス デザイン、ドキュメントのソリューションを提供します。Windows Presentation Foundation は拡張性を念頭に置いて設計されており、開発者は完全に Windows Presentation Foundation エンジンに基づいて、または既存の Windows Presentation Foundation コントロールを再分類することによって独自のコントロールを作成できます。Windows Presentation Foundation フレームワークの中核となるのは、図形、ドキュメント、画像、ビデオ、アニメーション、3D、およびコントロールとコンテンツを配置するためのパネルの一連のコントロールです。これらの「独自のコントロール」は、次世代のユーザー エクスペリエンスを開発するための構成要素を提供します。Microsoft は Windows Presentation Foundation を導入したときに、 Windows アプリケーションのユーザー インターフェイスを公的に表すマークアップ言語であるXAMLも導入し、開発者やデザイナーが UI の構築と再利用に使用するツールを強化しました。Web 開発者にとって、XAML は使い慣れた UI 記述パターンを提供します。また、XAML は UI デザインを基礎となるコードから分離するため、開発者とデザイナーがより緊密に連携できるようになります。
XAML言語の応用
XAML は、eXtensible Application Markup Language の英語の略語で、対応する中国語名は Extensible Application Markup Languageで、アプリケーションユーザー インターフェイスを構築するために Microsoftによって作成された新しい記述言語です。XAML は、プログラム ロジックから分離されたユーザー インターフェイスを定義するために簡単に拡張および検索できる構文を提供します。この実装は、ASP.NET の分離コード モデルに非常に似ています。XAML は解析される言語ですが、コンパイルすることもできます。その利点は、プログラムによるユーザー作成プロセスを簡素化し、適用時にコードと構成を追加できることです。
WPF レイアウトの基本
WPF レイアウトの原則
- ウィンドウには要素を 1 つだけ含めることができます
- 設定要素の寸法は表示しないでください
- 要素の位置を設定するために座標を使用しないでください
- レイアウトコンテナはネスト可能
WPFレイアウトコンテナ
-
StackPanel : 要素を水平または垂直に配置します。方向プロパティはそれぞれ: 水平 / 垂直
-
WrapPanel : 要素を水平または垂直に配置し、残りのスペースが不十分な場合は行または列を折り返します。
-
DockPanel : コンテナの境界と要素に従って Dock.Top、Left、Right、Bottom を設定します。
-
グリッド : テーブルと同様に、行と列を柔軟に設定し、コントロール要素を配置できます。より一般的に使用されます。
-
UniformGrid : 限られたコンテナー領域を均等に分割する行数と列数を指定します。
-
Canvas : 固定座標を使用して要素の位置を設定し、アンカーやドッキングなどの機能を持ちません。
レイアウトコンテナの詳しい説明
-
スタックパネル
StackPanel は主に要素を垂直または水平に配置し、コンテナの利用可能なサイズ内に限られた数の要素を配置するために使用されます。
合計サイズ (長さ/高さ) が StackPanel のサイズを超えることはできません。超えた場合、超過部分は表示されません。
-
ラップパネル
WrapPanel のデフォルトの配置方向は StackPanel の配置方向と逆であり、WrapPanel の向きはデフォルトで水平になります。
WrapPanel は StackPanel の機能を備えており、コンテナの幅と高さに自動的に適応して、サイズ変更後に行と列を折り返すことができます。
-
ドックパネル
デフォルトでは、DockPanel 内の要素には DockPanel.Dock プロパティがあり、これは Top、Left、Right、Bottom の列挙です。
デフォルトでは、DockPanel の要素には DockPanel.Dock 属性が追加されず、システムはデフォルトで Left を追加します。
DockPanel には LastChildFill 属性があり、デフォルトは true です。この属性の効果は、コンテナ内の最後の要素が最後の要素である場合、その要素がデフォルトで DockPanel のすべてのスペースを埋めることです。
-
グリッド
Webを勉強したことがある人ならテーブルを知っていると思いますが、それに似たものにグリッドというものがありますが、グリッドには空間を分割する機能があります。
RowDefinitions / ColumnDefinitions は、行と列をグリッドに割り当てるために使用されます。
ColumnSpan / RowSpan は、スペース要素の列と行のスパンを設定するために使用されます。
- キャンバス
このコンテナは「マップ」に相当し、その中に含まれるすべてのコントロール要素は XY を使用して配置されますが、一般的に使用されないため、単純にスイープオーバーします。
