Значок центра и текст в кнопке Xamarin XAML

Question

Не знаю, как центрировать иконку внутри кнопки и получить ее над текстом, я также не нашел информации об этом, меня попросят сделать что-то вроде «tabb», но ниже экрана, и я обнаружил, что это было «сложно» из-за «конструктивных последствий» и т. д., поэтому я решил, что с кнопками будет проще, но теперь проблема заключается в том, как центрировать изображение и получить текст вправо. Если кто-то может мне помочь, это будет здорово. Это мой код до сих пор:

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     BackgroundColor="Silver" 
     x:Class="XamForm.View.MainPage"> 
<Label Text="{Binding MainText}" VerticalOptions="Center" HorizontalOptions="Center" /> 


<StackLayout Padding="30"> 
<Label x:Name="lblCuantos" Text="No #" TextColor="Gray" FontSize="20"/> 
<Label x:Name="lblNombre" Text="" FontSize="20"/> 
<Button x:Name="btn1" Text="Oprimir" Clicked="Accion"/> 
<Button x:Name="btn2" BackgroundColor="White" Image="iconRes.png" HorizontalOptions="CenterAndExpand" Text="Gridd" TextColor="Gray" Clicked="Accion2"/> 
<Button x:Name="btn3" BackgroundColor="White" Image="iconRes.png" HorizontalOptions="CenterAndExpand" TextColor="Gray" Clicked="Accion2"/> 


</StackLayout> 
</ContentPage> 

Это реальный результат самой кнопки:

http://oi59.tinypic.com/11so9le.jpg

Это то, что конечный результат меню должен выглядеть вид от

http://oi62.tinypic.com/10pzw2f.jpg

Спасибо!

Answer 1

Вы можете использовать StackLayout с ориентацией, установленной на Вертикаль, и в ней добавить кнопку и метку.

Answer 2

Вы можете использовать ContentLayout="Top,0" в кнопке. Например, в вашем случае использования ниже код

<Button x:Name="btn2" ContentLayout="Top,0" BackgroundColor="White" Image="iconRes.png" HorizontalOptions="CenterAndExpand" Text="Gridd" TextColor="Gray" Clicked="Accion2" /> 
<Button x:Name="btn3" ContentLayout="Top,0" BackgroundColor="White" Image="iconRes.png" HorizontalOptions="CenterAndExpand" TextColor="Gray" Clicked="Accion2"/> 

Answer 3

Свойство Button.Image имеет тип FileImageSource Таким образом, любое изображение, которое «местный» может быть использован в одной кнопки. Это означает, что следующий код будет работать:

someButton.Image = "imageName.png"; 

или вы можете написать

someButton.Image = ImageSource.FromFile("imageName.png"); 

если imageName.png находится в каждых из проектов приложений (папки ресурсов в прошивке, ресурсы/вытяжке папки в Android и корень приложения в WinPhone, каждый из которых имеет соответствующий набор действий сборки).

Xaml эквивалент:

<Button Text="Has Image" Image="someImage.png" /> 

Смотрите Working with Images doc для получения полной информации о том, что действие сборки должно быть для каждой платформы.