0

Eu estou precisando criar um botão arredondado no Xamarin.Forms parecido com aquele principal do material design, mas sem perder as propriedades de um botão convencional e sem perder a característica de todas as plataformas do xamarin.forms. Gostaria de usar a melhor prática para fazer isso, sem usar gambiarras com imagens etc. Obrigado pessoal!

Edit1: Esqueci de comentar que estou usando o FormsAppCompatActivity para habilitar o material design no Android

1 Resposta 1

2

Você pode usar a propriedade BorderRadius para criar um botão com os cantos arredondados:

Seguindo a propria documentação do Xamarin:

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

Caso esteja tendo problemas para o botão arredondado no Android da pra você fazer um render customizado.

[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);
            }
        }
    }
}

Adicione um novo Resources/Drawable que tenha o mesmo nome que você está usando no seu SetBackgroundResource por ex. CustomButtonBackground.axml, dessa forma difinindo os cantos do retangulo como 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>

inserir a descrição da imagem aqui

Obs: Fiz a tradução dessa resposta do SOEng

3
  • Tentei utilizar essa propriedade mas ela não surge efeito algum no meu botão. Tentei diversos valores, tirei outras propriedades para ver se alguma podia influenciar a outra, mas não. Commented 20/03/2017 às 22:28
  • nao esta funcionando apenas no Android, ou em todos?
    – andrepaulo
    Commented 21/03/2017 às 2:23
  • Apenas no Android por conta do FormsAppCompact, eu vi essa resposta também, só que como eu chamo esse botão no Xamarin.Forms? Se responder essa eu coloco como resolvido. Obrigado pela ajuda Commented 21/03/2017 às 13:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .