首页 文章

如何在Xamarin Forms中用图像填充按钮？

提问于
浏览 次
14

我想用 Image 填充 Button . 该按钮位于网格中 . 问题是图像没有完全填满按钮 . 我也试过使用 ImageButton 控件 .

这是我如何 Build 我的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>

它目前看起来像下面附带的图像，但我想成像以填充我的按钮 .

enter image description here

任何帮助将不胜感激！

xaml xamarin xamarin.forms

2 回答

  • 1

    尝试放置图像而不是按钮 .

    您可以使用 Tap 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

    回复于
  • 28

    我自己没有使用它，但也许你可以使用XLab的这个

    https://github.com/XLabs/Xamarin-Forms-Labs/wiki/ImageButton

    回复于

相关问题