Xamarin.Forms Button

• Xamarin.Forms Button
  • Button标签
    • Demo

Button标签

就是按钮标签。下面将列出常用属性：

Demo

创建一个新的ViewPage取名为Buttons.xaml，并添加相关代码。

<?xml version="1.0" encoding="UTF-8" ?>
<ContentPage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:mycustomcontrl="clr-namespace:LableApp.MyCustomContrl"
    x:Class="LableApp.Buttons"
    BackgroundColor="#112B47">
    <ContentPage.Content>
        <StackLayout Margin="20,35,20,20">
            <Button Text="Save" Clicked="Button_Clicked" BackgroundColor="#F11111" TextColor="#FFFFFF" FontSize="Large" FontAttributes="Bold" />
            <Label x:Name="lblMessage" FontSize="Large" TextColor="White"></Label>
            <Button
                Text="Click Command Button"
                BackgroundColor="Yellow"
                Command="{Binding ButtonCommand}"
                CommandParameter="Tnblog"
                ></Button>
            <Button
                Text="Click Command Button"
                BackgroundColor="Green"
                Command="{Binding ButtonCommand}"
                CommandParameter="Xamarin Forms"
                ></Button>
            <Button
                VerticalOptions="Center"
                BackgroundColor="Transparent"
                BorderColor="ForestGreen"
                BorderWidth="1.5"
                CornerRadius="50"
                TextColor="White"
                FontAttributes="Bold"
                FontSize="Large"
                Text="Save"
                ClassId="mybutton"
                Clicked="Button_Clicked_1"
                ></Button>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

在后台添加相关事件与命令。

public partial class Buttons : ContentPage
{    
    public Buttons ()
    {
        InitializeComponent ();
        BindingContext = this;
    }
    public ICommand ButtonCommand => new Command<string>(ButtonCommandClick);
    void Button_Clicked(System.Object sender, System.EventArgs e)
    {
        lblMessage.Text = "Save Success";
    }
    void ButtonCommandClick(string str)
    {
        lblMessage.Text = str;
    }
    void Button_Clicked_1(System.Object sender, System.EventArgs e)
    {
        DisplayAlert("Alert", "You have been alerted", "OK");
    }
}

接着我们在安卓中，运行测试。我们可以看到，它前面几个按钮通过点击会去改变Label绑定了lblMessage变量的值。最后一个Save将会通过DisplayAlert弹出一个对话框。

接着我们在IOS中进行测试。

我们发现它在IOS中，Save按钮的样式不符合我们的理想，所以需要重写它。我们在它的以前的代码中，对该按钮添加了ClassId值为mybutton,所以我们在重写时，通过ClassId来找到该组件并将它的CornerRadius改为20。
在LabelApp.IOS下创建新的MyButtonRenderer类来重写，代码如下：

using LableApp.iOS;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly: ExportRenderer(typeof(Button), typeof(MyButtonRenderer))]
namespace LableApp.iOS
{
    public class MyButtonRenderer:ButtonRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Button> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                if (e.NewElement.ClassId == "mybutton")
                {
                    Control.Layer.CornerRadius = 20;
                }
            }
        }
    }
}