方法 : 絶対配置に基づくレイアウトを構築する

[このドキュメントはプレビューのみを目的としており、以降のリリースで変更される可能性があります。プレースホルダーとして空白のトピックが含まれています。]

WPF Designer for Visual Studio には、絶対配置をサポートする Canvas パネル コントロールが用意されています。 Canvas を使用すると、要素をアプリケーション内の絶対位置に配置できます。

重要

可能な限り動的レイアウトを使用することをお勧めします。動的レイアウトは、最も柔軟性が高く、ローカリゼーションなどのコンテンツの変更に適応でき、エンド ユーザーのユーザー環境に対する制御レベルも最も高くなります。動的なレイアウトの例については、「方法 : 動的レイアウトを構築する」および「チュートリアル : 動的レイアウトの構築」を参照してください。

パネル コントロールの追加

既定では、新しい WPF アプリケーションには Grid パネルが配置された Window が含まれています。 絶対配置に基づくレイアウトを作成するためには、Canvas パネルを使用する必要があります。 この手順では、既定の Grid を削除し、Canvas を追加します。

パネル コントロールを追加するには

1. デザイン ビューでグリッドを選択します。

   注意

   グリッドを選択する場合には、グリッド内のクリックや Tab キーの使用など、さまざまな方法を使用できます。WPF Designerで要素を選択する方法の詳細については、「方法 : デザイン画面上で要素を選択して移動する」を参照してください。

2. Del キーを押して Grid を削除します。

3. [ツールボックス] の [コントロール] グループから Canvas コントロールを Window にドラッグします。

4. (省略可能) [プロパティ] ウィンドウで、Canvas の Height プロパティを Auto に設定します。

   Canvas が Window の高さに合わせて引き伸ばされます。

5. (省略可能) [プロパティ] ウィンドウで、Canvas の Width プロパティを Auto に設定します。

   Canvas が Window の幅に合わせて引き伸ばされます。

6. [ファイル] メニューの [すべてを保存] をクリックします。

パネルへのコントロールの追加

次に、パネルにコントロールを追加し、Canvas の添付プロパティである Left と Top を使用してコントロールを絶対位置に配置します。

パネルにコントロールを追加するには

1. [ツールボックス] からコントロールを Canvas にドラッグします。

2. [プロパティ] ウィンドウで、ドラッグしたコントロールに対して次のプロパティを設定します。

   • Canvas.Left

   • Canvas.Top

   注意

   同時に指定できないプロパティが 2 組あります。1 つは Left と Right、もう 1 つは Top と Bottom です。[プロパティ] ウィンドウには Left と Top だけが表示されますが、XAML エディターでは Right と Bottom を指定できます。Left と Right を同時に指定すると、最後の宣言のみが使用されます。Top と Bottom を同時に指定すると、最後の宣言のみが使用されます。

3. 手順 1. と 2. を繰り返して、必要なコントロールをすべてパネルに追加します。

4. [ファイル] メニューの [すべてを保存] をクリックします。

参照

処理手順

チュートリアル : 絶対配置に基づくレイアウトの構築

概念

絶対配置と動的配置によるレイアウト

WPF デザイナーでの整列

レイアウト

WPF および Silverlight デザイナーの概要

その他の技術情報

レイアウトのチュートリアル