从零学习XamarinForms-Button详解

在正式开始之前先提一下Editor。Editor是XamarinForms提供的三种常用的文本控件之一，与之前的Label和Entry有很多相同的属性，但是它的主要作用是为了编辑多行文本，使用场景一般为编辑备注信息，这个相信很多地方都有见过。由于Editor与之前的两个文本控件基本类似，这里就不赘述了，感兴趣的小伙伴可以去Xamarin官网上查看Editor的详细资料。

今天将记录另一个非常常用的控件--Button。顾名思义，它表示一个按钮，可以对点击的动作作出反应，它还可以用来显示文本，也可以用来显示图像。Button很实用，也有很多属性用来改变Button的样子，而且当我们点击Button时，会有一个小小的动态效果，用户可以很明显的感受到它像是被按下去然后又弹起来的感觉。

Button有很多属性类似于文本控件。比如：

（1）Text属性设置显示文本；

（2）TextColor属性显示文本颜色；

（3）FontSize属性设置文本字体大小；

（4）FontAttributes属性设置文本字体是否加粗或者倾斜；

（5）WidthRequest属性设置控件的宽度；

（6）HeightRequest属性设置控件的高度；

（7）BackgroundColor属性设置控件的背景颜色；

以上这些属性都非常简单，与Label和Entry的用法类似，需要了解的一点是Button会默认将文本在垂直和水平方向都居中于控件，这个是没办法修改的。另外下面四个是Button独有的属性。

（8）BorderWidth属性设置控件的边框宽度。根据设置的数值的不同，Button外围边框的宽度会不同。

（9）BorderRadius属性可用于设置控件的圆角半径。根据设置的不同的数值，Button的圆角弧度会发生改变。例如一个边长为100的正方形Button，如果该属性设置为50，那这个Button正好是一个圆形；如果该属性为10，那这个Button的四个边角会有半径为10的圆角弧度。为了控件的美观性，通常会将Button设置为有圆角。

（10）BorderColor属性可用于设置边框的颜色。即包围在Button外面的色环。

（11）Image属性可用于设置Button中显示的一个图片。

注意：如果要设置边框，那必须要设置背景色BackgroundColor属性，不然好像是无法显示边框的。

另外，Button按钮有一个Clicked事件，它用于点击按钮后触发的动作。它的写法与Entry中的Completed事件类似，只能在XAML中声明点击事件，在C#代码中实现事件内容。

下面这段代码理论上应该会在屏幕中央显示一个天蓝色的Button按钮，有10半径的圆角和10宽度的红色边框，点击按钮后会弹出一个警告窗。但是经过测试，圆角和边框只有在虚拟机上才能显示出来，真机上无法显示，不知道什么原因，后续发现问题了再贴出来吧。

其点击事件代码如下：

今天在这个边框问题上花了不少时间，希望有知道的小伙伴告知一下具体原因和解决办法，感激不尽。