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!
