2012-01-27 9 views
17

Ho il layout della griglia con 3 righe. Come faccio a dividere la 3a riga in 2 colonne.Come dividere una riga Grid in due colonne?

<Grid.RowDefinitions> 
    <RowDefinition Height="0.75*"/> 
    <RowDefinition Height="0.25*"/> 
    <RowDefinition Height="36"/> 
</Grid.RowDefinitions> 

risposta

38

due modi per farlo:

  • utilizzare layout nidificate. Metti un altro Grid nella terza riga e disponi di due colonne in quella sottogriglia.

    <Grid> 
        <Grid.RowDefinitions> ... </Grid.RowDefinitions> 
        <ThingInFirstRow Grid.Row="0" /> 
        <ThingInSecondRow Grid.Row="1" /> 
        <Grid Grid.Row="2"> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition /> 
          <ColumnDefinition /> 
         </Grid.ColumnDefinitions> 
         <ThingInLowerLeft Grid.Column="0" /> 
         <ThingInLowerRight Grid.Column="0" /> 
        </Grid> 
    </Grid> 
    
  • Stick con uno Grid, dare due colonne, e rendere le cose nelle prime due righe estendersi su entrambi colonne utilizzando ColumnSpan.

    <Grid> 
        <Grid.RowDefinitions> ... </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition /> 
         <ColumnDefinition /> 
        </Grid.ColumnDefinitions> 
        <ThingInFirstRow Grid.Row="0" Grid.ColumnSpan="2" /> 
        <ThingInSecondRow Grid.Row="1" Grid.ColumnSpan="2" /> 
        <ThingInLowerLeft Grid.Row="2" Grid.Column="0" /> 
        <ThingInLowerRight Grid.Row="2" Grid.Column="1" /> 
    </Grid> 
    
Problemi correlati