基本 UI フレームワークのサンプル

更新 : 2007 年 11 月

このサンプルでは、DockPanel を使用することにより、領域を分割して基本的なユーザー インターフェイス (UI) の基盤を作成する方法を示します。ここでは 5 つの Rectangle 要素を作成し、それらを親 DockPanel 内にスタックすることで領域を分割します。それぞれの四角形は親 DockPanel 内にドッキング (配置) されます。最後の RectangleLastChildFill プロパティが true に設定されているため、残りの領域を満たします。

このサンプルでは、Windows Presentation Foundation の特定の機能を示します。そのため、アプリケーション開発のベスト プラクティスに従っていません。Windows Presentation Foundation (WPF) と Microsoft .NET Framework のアプリケーション開発ベスト プラクティスの包括的な説明については、適宜、次のトピックを参照してください。

ユーザー補助 - 「ユーザー補助のベスト プラクティス

セキュリティ - 「Windows Presentation Foundation のセキュリティ

ローカリゼーション - 「WPF のグローバリゼーションおよびローカリゼーションの概要

Download sample

サンプルのビルド

  • Windows ソフトウェア開発キット (SDK) をインストールして、そのビルド環境のコマンド ウィンドウを開きます。[スタート] メニューの [すべてのプログラム]、[Microsoft Windows SDK] の順にポイントし、[CMD シェル] をクリックします。

  • サンプルをハード ディスク ドライブにダウンロードします。通常は、ソフトウェア開発キット (SDK) のドキュメントからダウンロードします。

  • ビルド環境のコマンド ウィンドウからサンプルをビルドするには、サンプルのソース ディレクトリに移動します。コマンド プロンプトで「MSBUILD」と入力します。

  • Microsoft Visual Studio でサンプルをビルドするには、サンプル ソリューションかプロジェクト ファイルを読み込んで、Ctrl キーと Shift キーを押しながら B キーを押します。

サンプルの実行

  • コンパイルしたサンプルをビルド環境のコマンド ウィンドウから実行するには、サンプルのソース コード フォルダの下にある Bin\Debug または Bin\Release フォルダで .exe ファイルを実行します。

  • コンパイルしたサンプルを Visual Studio でデバッグしながら実行するには、F5 キーを押します。

解説

Dock プロパティの Fill 値を使用するパネルは、マークアップの最後に配置してください。そうしないと、Fill 値は使用可能なすべての領域を占有するため、後続の要素が見えなくなります。また、Fill 値は、親 DockPanel の全体の幅が基準となります。

参照

概念

パネルの概要

参照

Dock

DockPanel

その他の技術情報

DockPanel のサンプル