考考你一个WPF布局

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

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

Code:
  1. <Windowx:Class="GridDemo.ComplexGridWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. Title="ComplexGridWindow"Height="300"Width="300">
  5. <Grid>
  6. <Grid.RowDefinitions>
  7. <RowDefinitionHeight="50"/>
  8. <RowDefinition/>
  9. <RowDefinitionHeight="50"/>
  10. </Grid.RowDefinitions>
  11. <Grid.ColumnDefinitions>
  12. <ColumnDefinitionWidth="50"/>
  13. <ColumnDefinition/>
  14. <ColumnDefinitionWidth="50"/>
  15. </Grid.ColumnDefinitions>
  16. <ButtonGrid.Row="0"Grid.Column="1"Grid.ColumnSpan="2"Content="Top"/>
  17. <ButtonGrid.Row="1"Grid.Column="2"Grid.RowSpan="2"Content="Right"/>
  18. <ButtonGrid.Row="2"Grid.Column="0"Grid.ColumnSpan="2"Content="Bottom"/>
  19. <ButtonGrid.Row="0"Grid.Column="0"Grid.RowSpan="2"Content="Left"/>
  20. <ButtonGrid.Row="1"Grid.Column="1"Content="Fill"/>
  21. </Grid>
  22. </Window>

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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值