要创建如图一样布局,请问怎么实现?其实考题本身没有任何实用价值,只是一种思维的拓展。
看似用DockPanel实现,那么就错了,因为Top Button没有占据Top的全部。
实际上是用了很简单Grid实现,如果你能用其他方式实现,欢迎跟帖。
- <Windowx: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>
- <RowDefinitionHeight="50"/>
- <RowDefinition/>
- <RowDefinitionHeight="50"/>
- </Grid.RowDefinitions>
- <Grid.ColumnDefinitions>
- <ColumnDefinitionWidth="50"/>
- <ColumnDefinition/>
- <ColumnDefinitionWidth="50"/>
- </Grid.ColumnDefinitions>
- <ButtonGrid.Row="0"Grid.Column="1"Grid.ColumnSpan="2"Content="Top"/>
- <ButtonGrid.Row="1"Grid.Column="2"Grid.RowSpan="2"Content="Right"/>
- <ButtonGrid.Row="2"Grid.Column="0"Grid.ColumnSpan="2"Content="Bottom"/>
- <ButtonGrid.Row="0"Grid.Column="0"Grid.RowSpan="2"Content="Left"/>
- <ButtonGrid.Row="1"Grid.Column="1"Content="Fill"/>
- </Grid>
- </Window>
最后我想说的就是:学习不会一味的Follow code in book,而是要Thinking。