如何在Xamarine.Forms xaml中设置按钮内的图像宽度？

Question

我想知道是否可以在此按钮内设置图像的宽度和高度:

<Button Image="ic_music_white.png" BorderWidth="1" BorderColor="White" HeightRequest="56"  BackgroundColor="PowderBlue" HorizontalOptions="Center" Clicked="Button_Clicked">
</Button>

有解决方案吗

Answer 1

在 iOS 项目中，padding 可以调整按钮内图像的大小。如果宽度为 50，填充 10，则生成的图像宽度将为 30。

Answer 2

您始终可以创建一个Image控件并向其添加一个轻击手势识别器。这样，您可以更好地控制图像的大小和位置。

XAML

<Image x:Name="myImage" Source="ic_music_white.png" HeightRequest="56"  BackgroundColor="PowderBlue" HorizontalOptions="Center"/>

XAML文件

TapGestureRecognizer tapEvent = new TapGestureRecognizer();
tapEvent.Tapped += Button_Clicked;
myImage.GestureRecognizers.Add(tapEvent);

Answer 3

使用<ImageButton Source"yourImage" Padding=10 Aspect="AspectFit"/>

您可以使用填充来控制图像大小；）

Answer 4

您错过了添加 WidthRequest。您可以像下面这样添加 WidthRequest 吗

<Button Image="ic_music_white.png" BorderWidth="1" BorderColor="White" HeightRequest="56" WidthRequest="56"  BackgroundColor="PowderBlue" HorizontalOptions="Center" Clicked="Button_Clicked">
</Button>