Imagem Redonda Em Xamarin.Forms

 

 Por Umair Hassan

Traduzido por Adriano D’lucca

Fonte: www.c-sharpcorner.com/round-image-in-xamarin-forms/ [Repost Traduzido]

 ⠀

Introdução

Neste artigo vamos exibir uma imagem arredondada no aplicativo PCL de formulários Xamarin. Nos formulários Xamarin, não há função padrão disponível para fazer uma imagem arredondada. Então, precisamos de um plug-in para isso. 

Portanto, comece instalando um plug-in em todos os projetos da sua solução.

Ir para gerenciar pacote nuget para solução

Procure por “xam.plugins.forms.ImageCircle” e instale o plug-in em cada projeto.

Xamarin.forms

Agora, em cada projeto de aplicação, temos que adicionar algum código.

⠀IOS

No projeto iOS, vá para a classe AppDelegate.cs e adicione o seguinte código,

Inclua esta biblioteca,

 

Adicionar código de renderizador de círculo de imagem após o método InIt,

Código

 

 

Imagem

Xamarin.forms

Agora abra o projeto Android e pesquise por MainActivity.cs e adicione o mesmo código após InIt.

Biblioteca

 

Código
ImageCircleRenderer.Init ();

 

 ⠀
Imagem

Xamarin.forms

Agora no projeto do Windows abra App.xaml.cs fil e cole o mesmo código :

Biblioteca

 

 

Código

 

Imagem

Xamarin.forms

Depois de inicializar o renderizador, abra o arquivo xaml no qual deseja usar esse renderizador.

Agora adicione o seguinte namespace em seu arquivo xaml.

 

Agora você pode usar seu renderizador em xaml pelo seguinte código,

 

Existem alguns requisitos para usar o renderizador. Você deve definir a solicitação de largura de altura. Certifique-se de usar o mesmo valor para altura e largura para tornar sua imagem arredondada corretamente. Depois disso, você pode definir o aspecto da sua imagem. Você pode configurá-lo para

  • AspectFit
  • AspectFill
  • Preencher

Depois disso, você pode definir a fonte da sua imagem. Você pode definir a origem da imagem local presente em cada um dos seus projetos de aplicativo ou usar sua extensão de marcação personalizada para definir a origem no arquivo xaml. Caso contrário, você pode usar a imagem on-line como sua fonte de imagem.

XAML 

 

Imagem original

Xamarin.forms

Imagem de saída

Xamarin.forms

 

RelatedPost

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *