考考你一个WPF布局

要创建如图一样布局，请问怎么实现？其实考题本身没有任何实用价值，只是一种思维的拓展。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

看似用DockPanel实现，那么就错了，因为Top Button没有占据Top的全部。
实际上是用了很简单Grid实现，如果你能用其他方式实现，欢迎跟帖。
 

<Window x:Class="GridDemo.ComplexGridWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ComplexGridWindow" Height="300" Width="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50" />
            <RowDefinition />
            <RowDefinition Height="50" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50" />
            <ColumnDefinition />
            <ColumnDefinition Width="50" />
        </Grid.ColumnDefinitions>

        <Button Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" Content="Top" />
        <Button Grid.Row="1" Grid.Column="2" Grid.RowSpan="2" Content="Right" />
        <Button Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Content="Bottom" />
        <Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Content="Left" />
        <Button Grid.Row="1" Grid.Column="1" Content="Fill" />
    </Grid>
</Window>

最后我想说的就是：学习不会一味的Follow code in book，而是要Thinking。