2016-08-09 95 views
0

Guten Tag für alle, Ich habe Grid, das 4 Spalten Ich wollte Spalte 2 und Spalte 3, wie das Bild unten, aber das Problem ist jeder Eintrag zusammenführen wird einer bestimmten Grid.Column zugewiesen. Wie erreiche ich das? Danke und guten Tag. Mein XAML-Code:Wie Grid.Column im Grid Xamarin.Form

<ContentView Grid.Row="0" HorizontalOptions="StartAndExpand" Padding="10" VerticalOptions="CenterAndExpand"> 
    <Grid RowSpacing="0"> 
    <Grid.RowDefinitions> 
      <RowDefinition Height="1*"/> 
      <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 
    <Image Grid.Column="0" 
      Grid.Row="0" 
      Grid.RowSpan="2" 
      Source="contact.png" 
      HorizontalOptions="CenterAndExpand" 
      VerticalOptions="CenterAndExpand" 
      /> 
     <Label Grid.Row="0" 
      Grid.Column="1" 
      FontAttributes="Bold" 
      HorizontalOptions="Start" 
      Text="Number:" 
      TextColor="White" 
      VerticalOptions="Center"/> 
     <Label Grid.Row="1" 
      Grid.Column="1" 
      FontAttributes="Bold" 
      HorizontalOptions="Start" 
      Text="Name:" 
      TextColor="White" 
      VerticalOptions="Center"/> 

    <Entry Grid.Row="0" 
      Grid.Column="2" 
      FontAttributes="Bold" 
      IsEnabled="False" 
      HorizontalOptions="Start" 
      Text="911" 
      TextColor="White" 
      VerticalOptions="Center"/> 
    <Entry Grid.Row="1" 
      Grid.Column="2" 
      IsEnabled="False" 
      FontAttributes="Bold" 
      HorizontalOptions="Start" 
      Text="Andreson Smith" 
      TextColor="White" 
      VerticalOptions="Center"/> 
    </Grid> 
    </ContentView> 

enter image description here

Antwort

0

Sie wollen Grid.ColumnSpan auf die Elemente festlegen, die Sie mehrere Spalten in Anspruch nehmen wollen:

<Entry Grid.Row="0" 
     Grid.Column="2" 
     Grid.ColumnSpan="2" 
     FontAttributes="Bold" 
     IsEnabled="False" 
     HorizontalOptions="Start" 
     Text="911" 
     TextColor="White" 
     VerticalOptions="Center"/> 

Dieser Eintrag startet in Spalte # 2 und Span 2 Spalten, so "Spalten" # 2 und # 3 für dieses Element "zusammenführen".

+0

Dies wird in Label tun, gilt aber nicht für , auch wenn HorizontalOption auf FillandExpand oder CenterandExpand gesetzt ist –

+0

Ich hatte vergessen, den Anfangswert und die HorizontalOptions auf Start gesetzt, wodurch der Eintrag nur Platz für die Anfangseinstellung von Text oder Platzhalter. Wenn Sie jedoch HorizontalOptions = "FillAndExpand" einstellen, wird der Eintrag beide Spalten aufnehmen. Bitte posten Sie den aktualisierten Code und Screenshot von dem, was Sie mit FillAndExpand und ColumnSpan erhalten. – DavidS

+0

müssen Sie hinzufügen danke trotzdem löse ich schon: D –