WPFグリッドレイアウト

Question

WPFでグリッドを使用して、このような設計が可能ですか？列をデザインするのは簡単ですが、行はどうですか？または、別のコンテナのように、より良い解決策がありますか？各矩形をモジュール（GroupBox）として想像してください。

Answer 1

2列の外側のグリッドを作成します。このグリッド内に、2つの他のグリッドを列ごとに1つずつ配置します。これは、所望のレイアウトにつながる。

ここでは、行う方法の例を示します。私は高さのためにいくつかの星を配置していることに注意してください。必要に応じて変更してください。

<Grid> 
<Grid.ColumnDefinitions> 
    <Grid.ColumnDefinition Width="*" /> 
    <Grid.ColumnDefinition Width="*" /> 
<Grid.ColumnDefinitions> 

<Grid Grid.Column="0"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <!-- Here content elements of the first column --> 

</Grid> 

<Grid Grid.Column="1"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <!-- Here content elements of the second column --> 

</Grid> 


</Grid> 

Answer 2

列と行を定義します。 それぞれGroupboxを目的の行と列に配置し、伸ばした行の数を定義するためにrowspanを設定します。