如何在网格 Xamarin.Form 中合并 Grid.Column

How to merge Grid.Column in Grid Xamarin.Form

大家好,我的网格有 4 列我想合并第 2 列和第 3 列,如下图所示,但问题是每个条目都分配给特定 Grid.Column .我如何实现这一目标?谢谢你和美好的一天。 我的 Xaml 代码:

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

您想对要占多列的元素设置Grid.Column和Grid.Column跨度:

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

此条目将从第 2 列开始并跨越 2 列,因此 "merging" 此元素的第 2 列和第 3 列。