C# 我如何在Xamarin制作一个有孩子的按钮？

我对Xamarin的手机非常陌生。如何制作一个具有百分比尺寸的框，使其左侧包含一个方形图片，右侧包含文本，并且整个实体可以像按钮一样触摸？更妙的是，把孩子们放在右边，垂直堆放。所要求的具体配置完全是任意的，只是一个参考示例

有很多方法可以做到这一点，这里有一种方法是通过

网格

，我在其中添加了

TapGestureRecognitor

：

例子：

输出：

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