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

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

Вот как я строю свой U.I:

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

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

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

источник

2016-05-18 Mirel Vlad

Я попробовал то же самое Не удалось, возможно, из-за разрешения изображения и размера кнопки. Существует один способ сделать это, наложить на кнопку над изображением и установить непрозрачность кнопки на 0. Вы можете выполнять перекрытие в gridlayout или абсолютном макете. –

@AkashAmin Я искал «более чистый» подход. –

Да, я искал его, но ничего не получил, давайте посмотрим, можем ли мы получить другие ответы. Я буду следовать этой теме. Спасибо. –

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

Вы можете использовать Recognizer Gesture 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"); 
}

См: Adding a Tap Gesture Gesture Recognizer

источник

2016-05-18 09:33:28 Vaikesh

Можете ли вы сделать его связанным с mvvm? – batmaci

@batmaci Согласно ссылочной ссылке вы можете использовать ICommand. – Jahmic