WPF Grid layout

Question

Можно ли спроектировать что-то подобное с помощью Grid в WPF?Дизайн столбцов прост, а как насчет строк?Или есть лучшее решение, как другой контейнер?Представьте каждый прямоугольник как модуль (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, чтобы определить, на сколько строк он растягивается.