WPF Grid layout

Question

是否可以使用WPF中的Grid設計類似這樣的東西？設計欄很容易，但是行呢？還是有更好的解決方案，像另一個容器？將每個矩形想象爲模塊（GroupBox）。

Answer 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以定義它延伸的行數。