मर्ज ग्रिड कॉलम

Question

हाय मैं कोई सफलता के साथ एक समाधान के लिए खोज कर रहा है ...

मैं एक ग्रिड है कि जैसा दिखता हैं:

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

अग्रिम धन्यवाद!

Answer 1

यह एक 3-पंक्ति, आनुपातिक आकारों के साथ 2-स्तंभ ग्रिड की तरह दिखता है:

• ऊपरी-बाएं: Grid.Column =

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

  5 कोशिकाओं की तरह होगा "0", Grid.Row = "0"

• शीर्ष सही: Grid.Column = "1", Grid.Row = "0"
• केंद्र: Grid.Column = "0", Grid.Row = "1", Grid.ColumnSpan = "2"
• नीचे बाईं ओर: Grid.Column = "0", Grid.Row = "2 "
• निचले दाएं: Grid.Column =" 1 ", Grid.Row =" 2 "

Answer 2

अब, यह एक बहुत ही सरल ग्रिड है। दो कॉलम और दो स्तंभ तक फैली दूसरी पंक्ति सामग्री के साथ तीन पंक्तियों ... यह है कि तुलना में बहुत सरल नहीं मिलता है ...

<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>