请教怎么做出这种样式

请问如何做出这种样式？


就是上下面是横栏，中间是左右框架，请提供个思路，给出代码最好

[解决办法]
这种方式的主窗口可以用<Grid></Grid>，但是要分别定义行和列：

XML code

    <Grid x:Name="LayoutRoot" ShowGridLines="True"         Width="640" Height="480" Background="White">        <Grid.RowDefinitions>            <RowDefinition Height="80"/>            <RowDefinition Height="*"/>            <RowDefinition Height="40"/>        </Grid.RowDefinitions>        <Grid.ColumnDefinitions>            <ColumnDefinition Width="0.3*"/>            <ColumnDefinition/>        </Grid.ColumnDefinitions>        <Button Content="Title" Grid.Row="0" Background="Blue" Grid.ColumnSpan="2"/>        <Button Content="LeftMenu" Grid.Row="1" Background="Red" Grid.Column="0"/>        <Button Content="Content" Grid.Row="1" Background="Gold" Grid.Column="1"/>        <Button Content="Footer" Grid.Row="3" Background="Blue" Grid.ColumnSpan="2"/>    </Grid>
[解决办法]
Silverlight布局，GRID是最灵活的，你要的上面的方式，可以使用GRID+DockPanel实现。

Silverlight Toolkits是开源项目，你可以下载源代码进行参考。

http://silverlight.codeplex.com

另外Silverlight布局教程，看这里：
http://silverlightchina.net/html/learn/2010/0207/682.html
http://silverlightchina.net/html/tips/2009/1209/365.html
http://silverlightchina.net/html/learn/2009/0706/25.html
http://silverlightchina.net/html/developer/2010/0125/633.html