grille d'émission de la mise en page en Xamarin ne peut pas obtenir le droit

Question

Luttant pour obtenir la mise en page correcte comme par image Comme vous si vous voyez Cani semblez lutter avec columnspan et rowspan

est ci-dessous ce que je l'ai fait

<Grid 
      ColumnSpacing="10" 
      RowSpacing="10" 
      HorizontalOptions="FillAndExpand" 
      VerticalOptions="FillAndExpand"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="50"/> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="Auto"/> 
      </Grid.ColumnDefinitions> 


      <Label Grid.Row="0" Grid.ColumnSpan="4" Text="Title" BackgroundColor="Beige" HorizontalOptions="FillAndExpand"/> 
      <Label Grid.Row="1" Grid.Column="3" Text="Label1" HorizontalOptions="Start"/>   
      <Label Grid.Row="1" Grid.Column="4" Text="Label2"/> 
      <Label Grid.Row="2" Grid.Column="1" Text="Label3" HorizontalOptions="Start"/> 
      <Label Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="4" Text="Label4" BackgroundColor="Gainsboro"/> 
     </Grid> 

Toutes les idées, les corrections

Answer 1

Vous avez fait erreur dans deux étiquettes. la colonne doit être 0, comme

Grid.Column = "0"

Essayez ceci:

<Grid 
    ColumnSpacing="10" 
    RowSpacing="10" 
    HorizontalOptions="FillAndExpand" 
    VerticalOptions="FillAndExpand"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="50"/> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 

    <Label Grid.Row="0" Grid.ColumnSpan="5" Text="Title" BackgroundColor="Gray" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/> 
    <Label Grid.Row="1" Grid.Column="3" Text="Label1" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>   
    <Label Grid.Row="1" Grid.Column="4" Text="Label2" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/> 
    <Label Grid.Row="2" Grid.Column="0" Text="Label3" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/> 
    <Label Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="4" Text="Label4" BackgroundColor="Silver" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" LineBreakMode="WordWrap"/> 
</Grid>