チュートリアル : Windows Presentation Foundation での Windows フォームコントロールの配置

[アーティクル]
08/16/2008

更新 : 2007 年 11 月

このチュートリアルでは、WPF レイアウト機能を使用して、ハイブリッドアプリケーションで Windows フォームコントロールを配置する方法を示します。

このチュートリアルでは、以下のタスクを行います。

プロジェクトの作成。
既定のレイアウト設定の使用。
コンテンツに合わせたサイズの変更。
絶対配置の使用。
サイズの明示的な指定。
レイアウトプロパティの設定。
z オーダーの制限の理解。
ドッキング。
可視性の設定。
伸縮しないコントロールのホスト。
スケーリング。
回転。
パディングとマージンの設定。
動的レイアウトコンテナの使用。

このチュートリアルで示すタスクの完全なコード一覧については、「Windows Presentation Foundation での Windows フォームコントロールの配置のサンプル」を参照してください。

終了すると、WPF ベースのアプリケーションにおける Windows フォームレイアウトの機能を理解できます。

メモ :
使用している設定またはエディションによっては、ヘルプの記載と異なるダイアログボックスやメニューコマンドが表示される場合があります。設定を変更するには、[ツール] メニューの [設定のインポートとエクスポート] をクリックします。詳細については、「Visual Studio の設定」を参照してください。

使用している設定またはエディションによっては、ヘルプの記載と異なるダイアログボックスやメニューコマンドが表示される場合があります。設定を変更するには、[ツール] メニューの [設定のインポートとエクスポート] をクリックします。詳細については、「Visual Studio の設定」を参照してください。

前提条件

このチュートリアルを完了するには、次のコンポーネントが必要です。

Visual Studio 2008.

プロジェクトの作成

プロジェクトを作成し、設定するには

WpfLayoutHostingWf という名前の WPF アプリケーションプロジェクトを作成します。
ソリューションエクスプローラで、WindowsFormsIntegration.dll という名前の WindowsFormsIntegration アセンブリへの参照を追加します。
ソリューションエクスプローラで、System.Windows.Forms.dll という名前の System.Windows.Forms アセンブリへの参照を追加します。System.Drawing.dll という名前の System.Drawing アセンブリへの参照も追加します。
Window1.xaml をダブルクリックして、XAML ビューで開きます。

ファイルの先頭で、Windows フォーム名前空間を次のコードでマッピングします。

<Window x:Class="Window1"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"  
    Title="Layout Demo for Interoperability"
    >

<Window x:Class="WpfLayoutHostingWfWithXaml.Window1"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"  
    Title="Layout Demo for Interoperability"
    >

5 つの行と 3 つの列を作成して、既定の Grid 要素を設定します。

<Grid ShowGridLines="True">
  <Grid.RowDefinitions>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
  </Grid.RowDefinitions>

  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>

<Grid ShowGridLines="true">
  <Grid.RowDefinitions>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
  </Grid.RowDefinitions>

  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>

既定のレイアウト設定の使用

既定では、WindowsFormsHost 要素が、ホストされている Windows フォームコントロールのレイアウトを処理します。

既定のレイアウト設定を使用するには

Grid 要素に次のコードをコピーします。

<!-- Default layout. -->
<Canvas Grid.Row="0" Grid.Column="0">
  <WindowsFormsHost Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<!-- Default layout. -->
<Canvas Grid.Row="0" Grid.Column="0">
  <WindowsFormsHost Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

F5 キーを押してアプリケーションをビルドし、実行します。Windows フォームSystem.Windows.Forms.Button コントロールが Canvas に表示されます。ホストされているコントロールはそのコンテンツに基づいてサイズ設定され、WindowsFormsHost 要素はホストされているコントロールが収まるようにサイズ変更されます。

コンテンツに合わせたサイズの変更

WindowsFormsHost 要素を使用すると、ホストされているコントロールのサイズは、そのコンテンツが正しく表示されるように変更されます。

コンテンツに合わせてサイズ変更するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Sizing to content. -->
<Canvas Grid.Row="1" Grid.Column="0">
  <WindowsFormsHost Background="Orange">
    <wf:Button Text="Windows Forms control with more content" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<Canvas Grid.Row="2" Grid.Column="0">
  <WindowsFormsHost FontSize="24" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<!-- Sizing to content. -->
<Canvas Grid.Row="1" Grid.Column="0">
  <WindowsFormsHost Background="Orange">
    <wf:Button Text="Windows Forms control with more content" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<Canvas Grid.Row="2" Grid.Column="0">
  <WindowsFormsHost FontSize="24" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

F5 キーを押してアプリケーションをビルドし、実行します。長くなったテキスト文字列および大きくなったフォントサイズが正しく表示されるように 2 つの新しいボタンコントロールのサイズが変更され、ホストされているコントロールが収まるように WindowsFormsHost 要素のサイズが変更されます。

絶対配置の使用

絶対配置を使用して、ユーザーインターフェイス (UI) の任意の場所に WindowsFormsHost 要素を配置できます。

絶対配置を使用するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Absolute positioning. -->
<Canvas Grid.Row="3" Grid.Column="0">
  <WindowsFormsHost Canvas.Top="20" Canvas.Left="20" Background="Yellow">
    <wf:Button Text="Windows Forms control with absolute positioning" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<!-- Absolute positioning. -->
<Canvas Grid.Row="3" Grid.Column="0">
  <WindowsFormsHost Canvas.Top="20" Canvas.Left="20" Background="Yellow">
    <wf:Button Text="Windows Forms control with absolute positioning" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

F5 キーを押してアプリケーションをビルドし、実行します。WindowsFormsHost 要素は、グリッドセルの上辺から 20 ピクセル、左辺から 20 ピクセルの位置に配置されます。

サイズの明示的な指定

WindowsFormsHost 要素のサイズは、Width プロパティと Height プロパティを使用して指定できます。

サイズを明示的に指定するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Explicit sizing. -->
<Canvas Grid.Row="4" Grid.Column="0">
  <WindowsFormsHost Width="50" Height="70" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<!-- Explicit sizing. -->
<Canvas Grid.Row="4" Grid.Column="0">
  <WindowsFormsHost Width="50" Height="70" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

F5 キーを押してアプリケーションをビルドし、実行します。WindowsFormsHost 要素は、既定のレイアウト設定よりも小さい、幅 50 ピクセル、高さ 70 ピクセルに設定されます。それに合わせて、Windows フォームコントロールのコンテンツが再配置されます。

レイアウトプロパティの設定

ホストされているコントロールにレイアウト関連のプロパティを設定する場合は、常に WindowsFormsHost 要素のプロパティを使用します。ホストされているコントロールで直接レイアウトプロパティを設定すると、予期しない結果になります。

XAML でホストされているコントロールにレイアウト関連プロパティを設定しても無効です。

ホストされているコントロールでプロパティを設定した場合の結果を確認するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Setting hosted control properties directly. -->
<Canvas Grid.Row="0" Grid.Column="1">
  <WindowsFormsHost Width="160" Height="50" Background="Yellow">
    <wf:Button Name="button1" Click="button1Click" Text="Click me" FlatStyle="Flat" BackColor="Green"/>
  </WindowsFormsHost>
</Canvas>

<!-- Setting hosted control properties directly. -->
<Canvas Grid.Row="0" Grid.Column="1">
  <WindowsFormsHost Width="160" Height="50" Background="Yellow">
    <wf:Button Name="button1" Click="button1Click" Text="Click me" FlatStyle="Flat" BackColor="Green"/>
  </WindowsFormsHost>
</Canvas>

ソリューションエクスプローラで、Window1.xaml.cs をダブルクリックして、コードエディタでそのファイルを開きます。

次のコードを、Window1() コンストラクタの後、Window1 クラス定義にコピーします。

Private Sub button1Click(ByVal sender As Object, ByVal e As EventArgs)
    Dim b As System.Windows.Forms.Button = sender

    b.Top = 20
    b.Left = 20

End Sub

private void button1Click(object sender, EventArgs e )
{
    System.Windows.Forms.Button b = sender as System.Windows.Forms.Button;

    b.Top = 20;
    b.Left = 20;
}

F5 キーを押してアプリケーションをビルドし、実行します。
[Click me] ボタンをクリックします。button1Click イベントハンドラは、ホストされているコントロールで Top プロパティと Left プロパティを設定します。これにより、ホストされているコントロールは、WindowsFormsHost 要素内で再配置されます。ホストは同じ画面領域を維持しますが、ホストされているコントロールはクリップされます。代わりに、ホストされているコントロールは、常に WindowsFormsHost 要素全体を占めます。

z オーダーの制限の理解

表示される WindowsFormsHost 要素は常に他の WPF 要素の上に描画され、z オーダーの影響を受けません。

z オーダーの制限を確認するには

Window1.xaml ファイルで、次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Z-order demonstration. -->
<Canvas Grid.Row="1" Grid.Column="1">
  <Label Content="A WPF label" FontSize="24"/>
  <WindowsFormsHost Canvas.Top="20" Canvas.Left="20" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<!-- Z-order demonstration. -->
<Canvas Grid.Row="1" Grid.Column="1">
  <Label Content="A WPF label" FontSize="24"/>
  <WindowsFormsHost Canvas.Top="20" Canvas.Left="20" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

F5 キーを押してアプリケーションをビルドし、実行します。 WindowsFormsHost 要素がラベル要素の上に描画されます。

ドッキング

WindowsFormsHost 要素は、WPF のドッキングをサポートします。ホストされているコントロールを DockPanel 要素にドッキングするように、Dock 添付プロパティを設定します。

ホストされているコントロールをドッキングするには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Docking a WindowsFormsHost element. -->
<DockPanel LastChildFill="false"  Grid.Row="2" Grid.Column="1">
  <WindowsFormsHost DockPanel.Dock="Right"  Canvas.Top="20" Canvas.Left="20" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</DockPanel>

<!-- Docking a WindowsFormsHost element. -->
<DockPanel LastChildFill="false"  Grid.Row="2" Grid.Column="1">
  <WindowsFormsHost DockPanel.Dock="Right"  Canvas.Top="20" Canvas.Left="20" Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
</DockPanel>

F5 キーを押してアプリケーションをビルドし、実行します。WindowsFormsHost 要素が DockPanel 要素の右側にドッキングされます。

可視性の設定

Windows フォームコントロールを非表示にしたり、折りたたむには、WindowsFormsHost 要素で Visibility プロパティを設定します。コントロールを非表示にすると、そのコントロールは表示されませんが、レイアウト空間は使用されます。コントロールを折りたたむと、そのコントロールは表示されず、レイアウト空間も使用されません。

ホストされているコントロールの可視性を設定するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Setting Visibility to hidden and collapsed. -->
<StackPanel Grid.Row="3" Grid.Column="1">
  <Button Name="button2" Click="button2Click" Content="Click to make invisible" Background="OrangeRed"/>
  <WindowsFormsHost Name="host1"  Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
  <Button Name="button3" Click="button3Click" Content="Click to collapse" Background="OrangeRed"/>
</StackPanel>

<!-- Setting Visibility to hidden and collapsed. -->
<StackPanel Grid.Row="3" Grid.Column="1">
  <Button Name="button2" Click="button2Click" Content="Click to make invisible" Background="OrangeRed"/>
  <WindowsFormsHost Name="host1"  Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>
  <Button Name="button3" Click="button3Click" Content="Click to collapse" Background="OrangeRed"/>
</StackPanel>

ソリューションエクスプローラで、Window1.xaml.cs をダブルクリックして、コードエディタでそのファイルを開きます。

次のコードを Window1 クラス定義にコピーします。

Private Sub button2Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
    Me.host1.Visibility = Windows.Visibility.Hidden
End Sub


Private Sub button3Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
    Me.host1.Visibility = Windows.Visibility.Collapsed
End Sub

private void button2Click(object sender, EventArgs e)
{
    this.host1.Visibility = Visibility.Hidden;
}

private void button3Click(object sender, EventArgs e)
{
    this.host1.Visibility = Visibility.Collapsed;
}

F5 キーを押してアプリケーションをビルドし、実行します。
WindowsFormsHost 要素を非表示にするには、[Click to make invisible] ボタンをクリックします。
レイアウト全体から WindowsFormsHost 要素を非表示にする場合は、[Click to collapse] ボタンをクリックします。Windows フォームコントロールが折りたたまれ、周りの要素が再配置されて、そのスペースが使用されます。

伸縮しないコントロールのホスト

一部の Windows フォームコントロールは、サイズが固定され、レイアウト内の使用可能なスペースに合わせて伸縮しません。たとえば、MonthCalendar コントロールでは、固定されたスペースに月が表示されます。

伸縮しないコントロールをホストするには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Hosting a control that does not stretch. -->
<!-- The MonthCalendar has a discrete size. -->
<StackPanel Grid.Row="4" Grid.Column="1">
  <Label Content="A WPF element" Background="OrangeRed"/>
  <WindowsFormsHost Background="Yellow">
    <wf:MonthCalendar/>
  </WindowsFormsHost>
  <Label Content="Another WPF element" Background="OrangeRed"/>
</StackPanel>

<!-- Hosting a control that does not stretch. -->
<!-- The MonthCalendar has a discrete size. -->
<StackPanel Grid.Row="4" Grid.Column="1">
  <Label Content="A WPF element" Background="OrangeRed"/>
  <WindowsFormsHost Background="Yellow">
    <wf:MonthCalendar/>
  </WindowsFormsHost>
  <Label Content="Another WPF element" Background="OrangeRed"/>
</StackPanel>

F5 キーを押してアプリケーションをビルドし、実行します。WindowsFormsHost 要素はグリッド行で中央揃えになりますが、使用可能なスペースに合わせて伸縮されることはありません。ウィンドウが十分に大きい場合は、ホストされている MonthCalendar コントロールによって 2 か月以上の月が表示される場合もありますが、これらは行内で中央揃えになります。WPF レイアウトエンジンは、使用可能なスペースに合わせたサイズ変更ができない要素を中央揃えにします。

スケーリング

WPF 要素と異なり、Windows フォームコントロールは継続的にスケーリングすることはできません。WindowsFormsHost 要素は、可能であれば、ホストされているコントロールをスケーリングします。

ホストされているコントロールをスケーリングするには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Scaling transformation. -->
<StackPanel Grid.Row="0" Grid.Column="2">

  <StackPanel.RenderTransform>
    <ScaleTransform CenterX="0" CenterY="0" ScaleX="0.5" ScaleY="0.5" />
  </StackPanel.RenderTransform>

  <Label Content="A WPF UIElement" Background="OrangeRed"/>

  <WindowsFormsHost Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>

  <Label Content="Another WPF UIElement" Background="OrangeRed"/>

</StackPanel>

<!-- Scaling transformation. -->
<StackPanel Grid.Row="0" Grid.Column="2">

  <StackPanel.RenderTransform>
    <ScaleTransform CenterX="0" CenterY="0" ScaleX="0.5" ScaleY="0.5" />
  </StackPanel.RenderTransform>

  <Label Content="A WPF UIElement" Background="OrangeRed"/>

  <WindowsFormsHost Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>

  <Label Content="Another WPF UIElement" Background="OrangeRed"/>

</StackPanel>

F5 キーを押してアプリケーションをビルドし、実行します。ホストされているコントロールとその周りの要素は、ファクタ 0.5 でスケーリングされますが、ホストされているコントロールのフォントはスケーリングされません。

回転

WPF 要素とは異なり、Windows フォームコントロールは回転をサポートしません。回転変換が適用されても、WindowsFormsHost 要素は、他のWPF 要素と共に回転することはありません。回転値が 180 度の場合を除き、LayoutError イベントが発生します。

ハイブリッドアプリケーションでの回転の結果を確認するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Rotation transformation. -->
<StackPanel Grid.Row="1" Grid.Column="2">

  <StackPanel.RenderTransform>
    <RotateTransform CenterX="200" CenterY="50" Angle="180" />
  </StackPanel.RenderTransform>

  <Label Content="A WPF element" Background="OrangeRed"/>

  <WindowsFormsHost Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>

  <Label Content="Another WPF element" Background="OrangeRed"/>

</StackPanel>

<!-- Rotation transformation. -->
<StackPanel Grid.Row="1" Grid.Column="2">

  <StackPanel.RenderTransform>
    <RotateTransform CenterX="200" CenterY="50" Angle="180" />
  </StackPanel.RenderTransform>

  <Label Content="A WPF element" Background="OrangeRed"/>

  <WindowsFormsHost Background="Yellow">
    <wf:Button Text="Windows Forms control" FlatStyle="Flat"/>
  </WindowsFormsHost>

  <Label Content="Another WPF element" Background="OrangeRed"/>

</StackPanel>

F5 キーを押してアプリケーションをビルドし、実行します。ホストされているコントロールは回転しませんが、その周りの要素は 180 度の角度で回転します。

パディングとマージンの設定

WPF レイアウトのパディングとマージンは、Windows フォームのパディングとマージンに似ています。WindowsFormsHost 要素で Padding プロパティと Margin プロパティを設定するだけです。

ホストされているコントロールのパディングとマージンを設定するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Padding. -->
<!--<Canvas Grid.Row="2" Grid.Column="2">
  <WindowsFormsHost Padding="0, 20, 0, 0" Background="Yellow">
    <wf:Button Text="Windows Forms control with padding" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>-->


...


<!-- Margin. -->
<Canvas Grid.Row="3" Grid.Column="2">
  <WindowsFormsHost Margin="20, 20, 0, 0" Background="Yellow">
    <wf:Button Text="Windows Forms control with margin" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

<!-- Padding. -->
<Canvas Grid.Row="2" Grid.Column="2">
  <WindowsFormsHost Padding="0, 20, 0, 0" Background="Yellow">
    <wf:Button Text="Windows Forms control with padding" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>


...


<!-- Margin. -->
<Canvas Grid.Row="3" Grid.Column="2">
  <WindowsFormsHost Margin="20, 20, 0, 0" Background="Yellow">
    <wf:Button Text="Windows Forms control with margin" FlatStyle="Flat"/>
  </WindowsFormsHost>
</Canvas>

F5 キーを押してアプリケーションをビルドし、実行します。パディングとマージンの設定が、Windows フォームで適用される場合と同じように、ホストされている Windows フォームコントロールに適用されます。

動的レイアウトコンテナの使用

Windows フォームは、2 つの動的レイアウトコンテナ、FlowLayoutPanel と TableLayoutPanel を提供します。これらのコンテナは、WPF レイアウトで使用することもできます。

動的レイアウトコンテナを使用するには

次のコードを、前のコード例の後、Grid 要素にコピーします。

<!-- Flow layout. -->
<DockPanel Grid.Row="4" Grid.Column="2">
  <WindowsFormsHost Name="flowLayoutHost" Background="Yellow">
    <wf:FlowLayoutPanel/>
  </WindowsFormsHost>
</DockPanel>

<!-- Flow layout. -->
<DockPanel Grid.Row="4" Grid.Column="2">
  <WindowsFormsHost Name="flowLayoutHost" Background="Yellow">
    <wf:FlowLayoutPanel/>
  </WindowsFormsHost>
</DockPanel>

ソリューションエクスプローラで、Window1.xaml.cs をダブルクリックして、コードエディタでそのファイルを開きます。

次のコードを Window1 クラス定義にコピーします。

Private Sub InitializeFlowLayoutPanel()
    Dim flp As System.Windows.Forms.FlowLayoutPanel = Me.flowLayoutHost.Child

    flp.WrapContents = True

    Const numButtons As Integer = 6

    Dim i As Integer
    For i = 0 To numButtons
        Dim b As New System.Windows.Forms.Button()
        b.Text = "Button"
        b.BackColor = System.Drawing.Color.AliceBlue
        b.FlatStyle = System.Windows.Forms.FlatStyle.Flat

        flp.Controls.Add(b)
    Next i

End Sub

private void InitializeFlowLayoutPanel()
{
    System.Windows.Forms.FlowLayoutPanel flp =
        this.flowLayoutHost.Child as System.Windows.Forms.FlowLayoutPanel;

    flp.WrapContents = true;

    const int numButtons = 6;

    for (int i = 0; i < numButtons; i++)
    {
        System.Windows.Forms.Button b = new System.Windows.Forms.Button();
        b.Text = "Button";
        b.BackColor = System.Drawing.Color.AliceBlue;
        b.FlatStyle = System.Windows.Forms.FlatStyle.Flat;

        flp.Controls.Add(b);
    }
}

コンストラクタに InitializeFlowLayoutPanel メソッドの呼び出しを追加します。

Public Sub New()
    InitializeComponent()

    Me.InitializeFlowLayoutPanel()

End Sub

public Window1()
{
    InitializeComponent();

    this.InitializeFlowLayoutPanel();
}

F5 キーを押してアプリケーションをビルドし、実行します。WindowsFormsHost 要素は DockPanel 全体を占め、FlowLayoutPanel はその子コントロールを既定の FlowDirection に配置します。

参照

次の方法で共有

チュートリアル : Windows Presentation Foundation での Windows フォームコントロールの配置

前提条件

プロジェクトの作成

プロジェクトを作成し、設定するには

既定のレイアウト設定の使用

既定のレイアウト設定を使用するには

コンテンツに合わせたサイズの変更

コンテンツに合わせてサイズ変更するには

絶対配置の使用

絶対配置を使用するには

サイズの明示的な指定

サイズを明示的に指定するには

レイアウトプロパティの設定

ホストされているコントロールでプロパティを設定した場合の結果を確認するには

z オーダーの制限の理解

z オーダーの制限を確認するには

ドッキング

ホストされているコントロールをドッキングするには

可視性の設定

ホストされているコントロールの可視性を設定するには

伸縮しないコントロールのホスト

伸縮しないコントロールをホストするには

スケーリング

ホストされているコントロールをスケーリングするには

回転

ハイブリッドアプリケーションでの回転の結果を確認するには

パディングとマージンの設定

ホストされているコントロールのパディングとマージンを設定するには

動的レイアウトコンテナの使用

動的レイアウトコンテナを使用するには

参照

処理手順

概念

参照

その他の技術情報

その他のリソース

次の方法で共有

チュートリアル : Windows Presentation Foundation での Windows フォーム コントロールの配置

前提条件

プロジェクトの作成

プロジェクトを作成し、設定するには

既定のレイアウト設定の使用

既定のレイアウト設定を使用するには

コンテンツに合わせたサイズの変更

コンテンツに合わせてサイズ変更するには

絶対配置の使用

絶対配置を使用するには

サイズの明示的な指定

サイズを明示的に指定するには

レイアウト プロパティの設定

ホストされているコントロールでプロパティを設定した場合の結果を確認するには

z オーダーの制限の理解

z オーダーの制限を確認するには

ドッキング

ホストされているコントロールをドッキングするには

可視性の設定

ホストされているコントロールの可視性を設定するには

伸縮しないコントロールのホスト

伸縮しないコントロールをホストするには

スケーリング

ホストされているコントロールをスケーリングするには

回転

ハイブリッド アプリケーションでの回転の結果を確認するには

パディングとマージンの設定

ホストされているコントロールのパディングとマージンを設定するには

動的レイアウト コンテナの使用

動的レイアウト コンテナを使用するには

参照

処理手順

概念

参照

その他の技術情報

その他のリソース

チュートリアル : Windows Presentation Foundation での Windows フォームコントロールの配置

レイアウトプロパティの設定

ハイブリッドアプリケーションでの回転の結果を確認するには

動的レイアウトコンテナの使用

動的レイアウトコンテナを使用するには