Я новичок в Xamarin для мобильных устройств. Как я могу сделать коробку с процентными размерами, чтобы она содержала квадратное изображение слева, текст справа, и весь объект можно было нажимать, как кнопку? Еще лучше, чтобы дети с правой стороны располагались вертикально. Запрашиваемая конкретная конфигурация является совершенно произвольной, это просто справочный пример.
Есть много способов, это можно сделать, вот один через 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>