Как заполнить кнопку с изображением в 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>
В настоящее время он выглядит как изображение, прикрепленное ниже, но я хотел бы создать изображение, чтобы заполнить мою кнопку.
Любая помощь будет оценена!
Ответы
Ответ 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");
}
См. Добавление знака распознавания жестов
Ответ 2
Я не использовал его сам, но, возможно, вы можете использовать его из XLab
https://github.com/XLabs/Xamarin-Forms-Labs/wiki/ImageButton