带图像,文字和文字的按钮吼叫图像,怎么样?

时间:2017-07-08 16:23:56

标签: android button text xamarin.forms cross-platform

第一次使用xamarin的跨平台应用程序,我正在使用Visual Studio 2017社区中的xamarin表单。

我有一个带图像和文字的按钮,但文字需要在图像下方。目前文本显示在图像的左侧,我该怎么做?

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


        };
    }
}
}

1 个答案:

答案 0 :(得分:5)

您需要在按钮上使用ContentLayout。

以下是我在XAML中使用的代码:

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

顶部=图像的位置

0 =图像与图像之间的间距文本

您应该很容易找到如何在C#中使用ContentLayout