O X do Xamarin Forms —ImageEntry

Fala galera,

Tudo beleza?

Sabe aqueles campos com imagens que geralmente encontramos em sites? Alguns aplicativos utilizam em interfaces para demonstrar o conteúdo do campo e deixar a UI mais bacana!

Por padrão ainda não é possível adicionar uma imagem em um Entry do Xamarin.Forms, apenas se você criar um controle e um Custom Renderer para isso.

Porem para ajudar hoje lhes trago um controle de minha autoria, chamado Xamarin.Forms.ImageEntry que como o nome diz.. bom você entendeu né? hahahaha

Bora configurar!

Configurando o controle

Vamos ao nuget baixar o controle Xamarin.Forms.ImageEntry e instalar em todos os projetos:

iOS :

É necessario inicializar o controle no AppDelegate.cs :

Android :

Quase igual a configuração do iOS, a diferença é que no MainActivity.cs você precisa informar o BaseContext :

Pronto! Agora é só utilizar :D

Utilizando o controle

Para utilizar o controle precisamos declarar seu Namespace,como por exemplo : xmlns:ie=”clr-namespace:Xamarin.Forms.ImageEntry;assembly=Xamarin.Forms.ImageEntry” . Em seguida vamos criar 2 ImageEntrys :

O Controle ImageEntry possui todas as propriedades padrões do Entry. Em adição existe a tag Image e ImageAlignment.

Na tag image é definida a imagem que sera exibida no ImageEntry. Não esqueça de adicionar as imagens nos respectivos projetos,por exemplo :

ImageAlignment determina em qual lado do ImageEntry a imagem deve aparecer, esquerda ou direita.

Vamos rodar para ver :

Bem legal não?

A versão 1.1 esta no forno para permitir a integração com qualquer Entry customizado, mas por hora esta atende a maioria dos casos :D

Caso queira baixar o código do repositório oficial ,utilizado no Exemplo: Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!