Как я могу сделать кнопку с детьми в Xamarin?

Question

Я очень новичок в Xamarin для мобильных устройств.Как я могу сделать коробку с процентными размерами, чтобы она содержала квадратное изображение слева, текст справа, а весь объект можно было бы коснуться, как кнопку?Еще лучше, если дети на правой стороне будут сложены вертикально.Конкретная конфигурация в соответствии с запросом является совершенно произвольной, просто справочным примером.

Answer 1

Есть много способов , это можно сделать, вот один через Grid, который я добавил к нему TapGestureRecognizer:

Пример:

<Grid BackgroundColor="Gray">
    <Grid.GestureRecognizers>
        <TapGestureRecognizer Tapped="Handle_Tapped" />
    </Grid.GestureRecognizers>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*" />
        <ColumnDefinition Width="1*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Image Source="deli.jpg" Margin="5,5,5,5" Aspect="AspectFill" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" />
    <StackLayout BackgroundColor="Black" Orientation="Vertical" Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" VerticalOptions="CenterAndExpand">
        <Label Text="Cured" TextColor="White" HorizontalOptions="CenterAndExpand" VerticalTextAlignment="Center"  />
        <Label Text="Meat" TextColor="White" HorizontalOptions="CenterAndExpand" VerticalTextAlignment="Center" />
        <Label Text="(View More)" TextColor="White" HorizontalOptions="CenterAndExpand" VerticalTextAlignment="Center" />
    </StackLayout>
</Grid>

Вывод: