更新 : 2007 年 11 月
Windows Presentation Foundation (WPF) Designer for Visual Studio には、絶対配置をサポートする Canvas パネル コントロールが用意されています。Canvas を使用すると、要素をアプリケーション内の絶対位置に配置できます。
![]() |
---|
可能な限り動的なレイアウトを使用することをお勧めします。動的レイアウトは、最も柔軟性が高く、ローカリゼーションなどのコンテンツの変更に適応でき、エンド ユーザーのユーザー環境に対する制御レベルも最も高くなります。動的なレイアウトの例については、「方法 : 動的レイアウトを構築する」および「チュートリアル : 動的レイアウトの構築」を参照してください。 |
パネル コントロールの追加
既定では、新しい WPF アプリケーションには Grid パネルが配置された Window が含まれています。絶対配置に基づくレイアウトを作成するためには、Canvas パネルを使用する必要があります。この手順では、既定の Grid を削除し、Canvas を追加します。
パネル コントロールを追加するには
デザイン ビューでグリッドを選択します。
メモ :
グリッドを選択する場合には、グリッド内のクリックや Tab キーの使用など、さまざまな方法を使用できます。WPF デザイナで要素を選択する方法の詳細については、「方法 : デザイン画面上で要素を選択して移動する」を参照してください。
Del キーを押して Grid を削除します。
(省略可能) [プロパティ] ウィンドウで、Canvas の Height プロパティを Auto に設定します。
(省略可能) [プロパティ] ウィンドウで、Canvas の Width プロパティを Auto に設定します。
[ファイル] メニューの [すべてを保存] をクリックします。
パネルへのコントロールの追加
次に、パネルにコントロールを追加し、Canvas の添付プロパティである Left と Top を使用してコントロールを絶対位置に配置します。
パネルにコントロールを追加するには
[ツールボックス] からコントロールを Canvas にドラッグします。
[プロパティ] ウィンドウで、ドラッグしたコントロールに対して次のプロパティを設定します。
Canvas.Left
Canvas.Top
メモ :
同時に指定できないプロパティが 2 組あります。1 つは Left と Right、もう 1 つは Top と Bottom です。[プロパティ] ウィンドウには Left と Top だけが表示されますが、XAML エディタでは Right と Bottom を指定できます。Left と Right を同時に指定すると、最後の宣言のみが使用されます。Top と Bottom を同時に指定すると、最後の宣言のみが使用されます。
手順 1. と 2. を繰り返して、必要なコントロールをすべてパネルに追加します。
[ファイル] メニューの [すべてを保存] をクリックします。