什么是WPF更好的用户界面布局，使用一个网格或嵌套的网格

我在WPF中制作一个用户界面，我有一堆功能区域，我使用网格来组织它。什么是WPF更好的用户界面布局，使用一个网格或嵌套的网格

现在我想要的网格不是统一的，因为某些功能区域将跨越网格中的多个单元格。我想知道解决这个问题的最佳做法是什么。我应该创建一个网格，然后为每个功能区域设置它跨越多个单元格，还是应该将其分割为多个嵌套网格。

在这张图片中，最左边的面板（用灰色条分隔的面板）就是我想要的。中间面板显示一个网格，其中蓝色线与功能区重叠。最右边的面板显示了我可以如何使用嵌套网格来完成它。你可以看到绿色的网格有一个水平分割。在底部的单元格是一个垂直分割的黄色网格。在左边的单元格是红色格子，再次是水平分割。 Grids http://www.freeimagehosting.net/uploads/08f2711bae.jpg

我只是想知道什么是最佳实践，中间或右侧面板。

更新：只是为了澄清，更多的 '代码为本' 的例子：

中间面板

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="25" /> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 

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

    <Menu   Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" /> 
    <uc:Info  Grid.Row="1" Grid.Column="0" /> 
    <uc:Control Grid.Row="2" Grid.Column="0" /> 
    <uc:Simulation Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" /> 
</Grid>

右侧面板：

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="25" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 

    <Menu Grid.Row="0"/> 

    <Grid Grid.Row="1"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="200" /> 
      <ColumnDefinition Width="*" /> 
     </Grid.ColumnDefinitions> 

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

      <uc:Info Grid.Row="0" /> 
      <uc:Control Grid.Row="1" /> 
     </Grid> 

     <uc:Simulation Grid.Column="1" /> 
    </Grid> 
</Grid>

更新：我不得不承认，现在我已经写出了两种方法的代码，“跨度”解决方案看起来好多了。

来源

2010-03-28 Matthijs Wessels