Merge

2014-05-21 12 views
5

Hi Tôi đã tìm kiếm một giải pháp không thành công ...Merge

Tôi muốn có một mạng lưới tương tự:

+-------+----------------+ 
|  |    | 
+-------+----------------+ 
|      | 
|      | 
|      | 
+-------+----------------+ 
|  |    |   
+-------+----------------+ 

Cảm ơn bạn trước!

Trả lời

17

Dường như 3 liên tiếp, 2 cột lưới có kích thước tương ứng:

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="2*" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="3*" /> 
    </Grid.ColumnDefinitions> 
</Grid> 

5 tế bào sẽ như thế nào:

  • Top-left: Grid.Column = "0", Grid.Row = "0"
  • Top-đúng: Grid.Column = "1", Grid.Row = "0"
  • Trung tâm: Grid.Column = "0", Grid.Row = "1", Grid.ColumnSpan = "2"
  • Dưới cùng bên trái: Grid.Column = "0", Grid.Row = "2 "
  • dưới bên phải: Grid.Column =" 1" , Grid.Row = "2"
10

Bây giờ, đó là một mạng lưới rất đơn giản. Hai cột và ba hàng với nội dung hàng thứ hai kéo dài hai cột ... nó không có được đơn giản hơn nhiều so với ...

<Grid Width="640" Height="480"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="3*"/> 
     <ColumnDefinition Width="7*"/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="25*"/> 
     <RowDefinition Height="50*"/> 
     <RowDefinition Height="25*"/> 
    </Grid.RowDefinitions> 
    <Border Grid.Column="0" Grid.Row="0" BorderBrush="Red" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    <Border Grid.Column="1" Grid.Row="0" BorderBrush="Green" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    <Border Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" Margin="1" BorderThickness="2" BorderBrush="Blue" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    <Border Grid.Column="0" Grid.Row="2" BorderBrush="Red" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    <Border Grid.Column="1" Grid.Row="2" BorderBrush="Green" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    </Grid> 

enter image description here