Как заполнить кнопку с изображением в Xamarin Forms?

Я пытаюсь заполнить Button с Image. Кнопка находится внутри сетки. Проблема в том, что изображение не полностью заполняет кнопку. Я также попытался использовать ImageButton управления ImageButton.

Вот как я создаю свой интерфейс:

<Grid Grid.Row="1" Grid.Column="1" x:Name="VotingGrid" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
  <Grid.RowDefinitions>
    <RowDefinition Height="*" />
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="45*" />
    <ColumnDefinition Width="10*" />
    <ColumnDefinition Width="45*" />
  </Grid.ColumnDefinitions>

  <Button Grid.Row="0" Grid.Column="0" Image="yay.png" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>
  <Button Grid.Row="0" Grid.Column="2" Image="meh.png" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>
</Grid>

В настоящее время он выглядит как изображение, прикрепленное ниже, но я хотел бы создать изображение, чтобы заполнить мою кнопку.

enter image description here

Любая помощь будет оценена!

Ответы

Ответ 1

Попробуйте поместить изображение вместо кнопки.

Вы можете использовать Recognizer Gesture Gesture Recognizer для совершения кликов.

Попробуйте что-то вроде этого:

<Image Source="tapped.jpg">
    <Image.GestureRecognizers>
        <TapGestureRecognizer
                Tapped="OnTapGestureRecognizerTapped"  />
  </Image.GestureRecognizers>
</Image>

Код для обработчика событий

void OnTapGestureRecognizerTapped(object sender, EventArgs args) {
    var imageSender = (Image)sender;
    // Do something
    DisplayAlert ("Alert", "Tap gesture recoganised", "OK");
}

См. Добавление знака распознавания жестов