ユーザー インターフェイスの概要

優れたWindows appを構築することは、直感的で応答性が高く、視覚的に洗練されたユーザー インターフェイスを作成することを意味します。 Windows プラットフォームには、すぐに使用できるコントロールや柔軟なレイアウト システムからスムーズなアニメーションやウィンドウ API まで、豊富な UI 構成要素が用意されているため、Windows で快適なエクスペリエンスを作成できます。

設計の原則、パターン、視覚的なガイダンスについては、「 デザインの概要」を参照してください。

コントロール

Windows には、 Fluent Design 言語に従う UI コントロールの包括的なライブラリが用意されています。 ボタン、チェック ボックス、テキスト ボックスなどの基本的な入力コントロールから、高度なコレクション ビュー、ダイアログ、メニュー、ピッカーまで、これらのコントロールはアプリ インターフェイスの構成要素を提供します。

コントロールの使用を開始する

レイアウト

レイアウト パネルと添付レイアウトを使用すると、さまざまな画面サイズと向きに合わせて UI 要素を配置できます。 StackPanel、Grid、RelativePanel などの組み込みのパネルを使用するか、特殊なシナリオ用のカスタム パネルを作成します。 変換と 3-D パースペクティブ効果により、さらに柔軟性が向上します。

レイアウト パネルについて

Navigation

ユーザーが後方ナビゲーション、ナビゲーション履歴、ページ間の切り替えなどのナビゲーション パターンを使用してアプリ内を移動できるようにします。 NavigationView、BreadcrumbBar、TabView などのナビゲーション コントロールを使用して、明確で一貫性のあるナビゲーション構造を作成します。

ナビゲーションを探索する

Motion

Motion を使用すると、アプリが動作し、ユーザーが操作する間に継続性の感覚が生まれます。 ページ切り替え、連動アニメーション、視差効果、XAML アニメーションを使用して、視覚的なフィードバックと注意を引き寄せるガイドを提供します。

モーションを探索する

Windowing

ウィンドウ API を使用すると、アプリ ウィンドウの管理、タイトル バーのカスタマイズ、アプリの画面表示方法の制御を行えます。 AppWindow クラスと関連 API を使用して、マルチウィンドウ エクスペリエンスの作成、全画面表示、コンパクト オーバーレイの実装を行います。

ウィンドウ化について学ぶ