2017-07-08 16 views
0

Zum ersten Mal mit Cross-Plattform-Apps mit Xamarin arbeite ich mit Xamarin Formen in Visual Studio 2017 Community.Button mit Bild und Text und Text unter dem Bild, wie?

Ich habe eine Schaltfläche mit einem Bild und Text, aber der Text muss unter dem Bild sein. Derzeit wird der Text links neben dem Bild angezeigt. Wie kann ich das tun?

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using Xamarin.Forms; 

namespace AppUnap 
{ 
public class PPrincipal : ContentPage 
{ 
    public PPrincipal() 
    { 
     Button btn1= new Button(); 
     btn1.Image = "notas.png"; 
     btn1.Text = "Calificaciones"; 
     btn1.HorizontalOptions = LayoutOptions.CenterAndExpand; 

     Button btn2 = new Button(); 
     btn2.Image = "notas.png"; 
     btn2.Text = "Aula Virtual"; 
     btn2.HorizontalOptions = LayoutOptions.CenterAndExpand; 

     Content = new StackLayout 
     { 
      Spacing = 0, 
      VerticalOptions = LayoutOptions.CenterAndExpand, 
      Children = 
      { 
      new StackLayout 
      { 
       Spacing = 0, 
       Orientation = StackOrientation.Horizontal, 
       Children = 
       {      
        btn1, 
        btn2, 
       } 
      } 
      } 


     }; 
    } 
} 
} 

Antwort

2

Sie müssen ContentLayout auf Ihrer Schaltfläche verwenden. Hier

ist der Code, den ich in XAML verwenden:

<Button Command="{Binding MyCommand}" ContentLayout="Top,0" Text="mytext" Image="myimage.png" /> 

Top = Position des Bildes

0 = Abstand zwischen Bild & Text

Sie finden sollten leicht wie die ContentLayout verwenden in C#