如何防止擠壓Xamarin.Forms Button中的圖像？

Question

Xamarin.Forms內部的按鈕圖像出現在iOS上。如何將圖像設置爲在XAML中以正常高寬比顯示？作爲獎勵，你如何確保按鈕圖像垂直排列？我嘗試設置WidthRequest XAML屬性，但它沒有效果。

XAML中ContentPage.Content：

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

Answer 1

如果你是開放給它，你可以從XLabs package使用ImageButton。

或者，您可以去ListView與ImageCell或如果這不能給你足夠的靈活性創建自己的ViewCell。這些默認情況下很好地對齊，當用戶點擊列表中的項目時，您可以觸發正確的操作。

這是蘋果自己做類似的例子：