Xamarin.Forms: может ли ячейка сетки содержать несколько меток?

Question

Одна из ячеек сетки выглядит следующим образом:

<Label Text="{Binding Address1}" FontSize="12" TextColor="Black" Grid.Row="1" Grid.Column="0"/>

Это отображает Address1, что правильно.

Но вместо того, чтобы просто показывать Address1, я хотел бы отобразитьAddress1, City, St, каждый с разным FontSize.

Можно ли это сделать без изменения количества строк и столбцов в сетке?

Answer 1

Один из способов - разместить StackLayout в столбце Grid row |, а затем отдельно отформатировать каждый элемент в нем:

<Grid....
    ~~~
    <StackLayout Grid.Row="1" Grid.Column="0">
        <Label Text="{Binding Address1}" FontSize="12" TextColor="Black" />
        <StackLayout Orientation="Horizontal" >
            <Label Text="{Binding City}" FontSize="10" TextColor="Black" />
            <Label Text="{Binding St}" FontSize="10" TextColor="Black" />
        </StackLayout>
    <StackLayout>
    ~~~
</Grid>

Answer 2

Вы можете использовать другие макеты, такие как StackLayout внутри вашей сетки, как и другие, но вы также можете поместить несколько видов в ячейку сетки, задав для них те же значения Grid.Row и Grid.Column и установив HorizontalOptions и VerticalOptions просмотров внутри сетки вы можете выбрать каждую позицию просмотра.

Например:

<Grid....
    ~~~
    <Label Grid.Row="0" Grid.Column="1" HorizontalOptions="Start" VerticalOptions="Start" Text="{Binding Address1}" FontSize="12" TextColor="Black" />
    <Label Grid.Row="0" Grid.Column="1" HorizontalOptions="Start" VerticalOptions="End" Text="{Binding City}" FontSize="10" TextColor="Black" />
    <Label Grid.Row="0" Grid.Column="1" HorizontalOptions="End" VerticalOptions="End" Text="{Binding St}" FontSize="10" TextColor="Black" />
    ~~~
</Grid>

Answer 3

Конечно, вы бы использовали:

<StackLayout Grid.Row="1" Grid.Column="0">
  <Label Text="l1"/>
  <Label Text="l2"/>
  <Label Text="l3"/>
</StackLayout>