Question

这是我的代码：

<ViewCell x:Name="noa">
   <Grid VerticalOptions="CenterAndExpand" Padding="20, 0">
      <Grid.ColumnDefinitions>
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="Auto" />
      </Grid.ColumnDefinitions>
      <local:LabelBodyRendererClass Text="Hide Card After" HorizontalOptions="StartAndExpand" />
      <Picker x:Name="noaPicker" IsVisible="false" SelectedIndexChanged="noaPickerSelectedIndexChanged" ItemsSource="{Binding Points}"></Picker>
      <Label x:Name="noaLabel" HorizontalOptions="End"/>
      <Label Text="{x:Static local:FontAwesome.FAAngleRight}" FontFamily="FontAwesome" HorizontalOptions="End" />
   </Grid>
</ViewCell>

我想要达到的目标是：

Hide card after             2 points >

然而，我得到的是隐藏卡片后，2分和＆gt;几乎都是彼此重叠。

任何人都可以帮助并建议我如何实现我想要的目标。

Answer 1

设置每个元素的列号。

<ViewCell x:Name="noa">
   <Grid VerticalOptions="CenterAndExpand" Padding="20, 0">
      <Grid.ColumnDefinitions>
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="*" />
         <ColumnDefinition Width="*" />
      </Grid.ColumnDefinitions>
      <local:LabelBodyRendererClass Text="Hide Card After" HorizontalOptions="StartAndExpand" />
      <Picker Grid.Column="1" x:Name="noaPicker" IsVisible="false" SelectedIndexChanged="noaPickerSelectedIndexChanged" ItemsSource="{Binding Points}"></Picker>
      <Label Grid.Column="2" x:Name="noaLabel" HorizontalOptions="End"/>
      <Label Grid.Column="3" Text="{x:Static local:FontAwesome.FAAngleRight}" FontFamily="FontAwesome" HorizontalOptions="End" />
   </Grid>
</ViewCell>

如何布置网格以左右标出标签？

1 个答案: