如何防止在 Xamarin.Forms 按钮中挤压图像？答案

【问题标题】：How to prevent Images squeezed in Xamarin.Forms Button?如何防止在 Xamarin.Forms 按钮中挤压图像？
【发布时间】：2015-05-07 15:29:26
【问题描述】：

Xamarin.Forms 中的按钮图像在 iOS 上出现挤压。如何在 XAML 中设置图像以正常纵横比显示？另外作为奖励，您如何确保按钮图像垂直排列？我已尝试设置 WidthRequest XAML 属性，但没有效果。

ContentPage.Content 中的 XAML：

<StackLayout Orientation="Vertical" VerticalOptions="Start" HorizontalOptions="Fill" Padding="20">
    <Button Image="icon_facebook" Clicked="onClicked" Text="Facebook" />
    <Button Image="icon_twitter" Clicked="onClicked" Text="Twitter" />
    <Button Image="icon_microsoft" Clicked="onClicked" Text="Microsoft Account" />
    <Button Image="icon_google" Clicked="onClicked" Text="Google" />
</StackLayout>

【问题讨论】：

它们看起来都被扭曲了，为什么不用一些空白填充来预先调整它们的大小

标签： xamarin.ios xamarin.forms

【解决方案1】：

如果您愿意，可以使用XLabs package 中的ImageButton。

或者，您可以选择ListView 和ImageCells，或者如果这不能为您提供足够的灵活性，请创建自己的ViewCell。默认情况下它们对齐良好，当用户点击列表中的项目时，您可以触发正确的操作。

这是苹果自己做类似事情的一个例子：

【讨论】：