2011-09-15 3 views
0

Im nouveau ici et Im tout à fait un noob dans xaml, mais voici ce que je voudrais faire: obtenir 2 colonnes et diviser la 1ère colonne en 2 rangées.Colonnes et lignes

Je pense que la base est: (Je veux la 2ème colonne pour être un peu plus grand)

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="1.5*"/> 
</Grid.ColumnDefinitions> 

mais je ne parviennent pas à diviser la 1ère colonne:/ J'ai essayé:

<Grid.RowDefinitions> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="*"/> 
</Grid.RowDefinitions> 

mais je ne peux pas préciser que cette définition est seulement pour la 1ère colonne (attribut Grid.Column non disponible dans RowDefinition)

Répondre

3

Vous ne sp allumé des rangées/colonnes, mais indique plutôt que le contenu doit être placé au-dessus de plus d'une colonne à couvrir. Vérifiez les propriétés Grid.ColumnSpan ou Grid.RowSpan. Donc, fondamentalement, ce que vous voulez faire est de prendre ce que vous avez commencé, définir deux lignes et deux colonnes, puis spécifier que l'UIElement dans la deuxième colonne doit s'étendre sur les deux lignes, par ex.

<Image Grid.RowSpan="2" Grid.Row="0" Grid.Column="1" /> 
0

Je viens d'accepter, mais à la fin, j'ai utilisé le code suivant que fait exactement ce que je voulais avec la philosophie que je construis mes interfaces avec!

<Grid> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="1.5*"/> 
    </Grid.ColumnDefinitions> 

    <Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="40*"/> 
     <RowDefinition Height="60*"/> 
    </Grid.RowDefinitions> 
    </Grid> 
</Grid>