How to create a rounded button in Xamarin.Forms

Question

I’m needing to create a rounded button in Xamarin.Forms similar to the main one of the material design, but without losing the properties of a conventional button and without losing the feature of all the platforms of Xamarin.forms. I would like to use best practice to do this without using gambiarras with images etc. Thank you guys!

Edit1: I forgot to comment that I am using Formsappcompatactivity to enable material design on Android

Answer 1

You can use the property BorderRadius to create a button with rounded corners:

Following documentation of Xamarin:

<Button Text="BlueButton"
        BorderColor="Blue"
        BorderRadius = "5"
        BorderWidth = "2"/>

In case you are having problems for the rounded button on Android da para você fazer a custom render.

[assembly: ExportRenderer(typeof(CustomButton), typeof(CustomButtonRenderer))]
namespace AppCompatRender.Droid
{
    public class CustomButtonRenderer : Xamarin.Forms.Platform.Android.AppCompat.ButtonRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Button> e)
        {
            base.OnElementChanged(e);
            if (e.OldElement == null)
            {
                Control.SetBackgroundResource(Resource.Drawable.CustomButtonBackground);
            }
        }
    }
}

Add a new Resources/Drawable that has the same name that you are using in your SetBackgroundResource for ex. CustomButtonBackground.axml, thus difinindo the corners of the rectangle as 10dp:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
    <corners android:radius="10dp" />
</shape>

Note: I did the translation of that Soeng response