imagem-xaml-mvvm

IMAGEM, XAML e MVVM

Fala Galera, blz !

No meu último post, falei sobre como podemos tratar os recursos de imagens, utilizando uma abordagem diferente, mais unificada.

Bem utilizando ainda da mesma idéia, mas com a abordagem do XAML.

Vemos poucos artigos sobre XAML hoje na internet (para o caso do Xamarin), eu mesmo não tenho o hábito de escrever em XAML.

Mesmo assim, a utilização do XAML é altamente recomendada, tanto pelo poder de organização quando produtividade.

Vamos lá.

Começando

Inicialmente precisamos manter a estrutura do projeto, como o post anterior

Estrutura do Projeto
Estrutura do Projeto

Acima temos as imagens na estrutura devida, lembrando que as mesmas tem de ser EmbedResources.

XAML

Após isto precisamos criar o nosso component para exibição da Imagem abaixo temos o código XAML para o mesmo

Código XAML do controle de IMAGEM
Código XAML

Aliado neste XAML teremos em seu code-behind uma BindableProperty, está será nosso recurso para que possamos ao utilizar o controle, passarmos o valor do recurso (imagem) que queremos que seja exibido através do Binding com a nossa Model

CS do Controle XAML de IMAGEM
CS do Controle XAML

 

MVVM

Aqui o código da nossa ViewModel para seguir o MVVM

ViewModel para uso do componente de IMAGEM
ViewModel

Utilizando o Controle de Imagem

Com isto feito, podemos usar nosso controle em alguma página, como no exemplo abaixo

xaml do controle de IMAGEM

E desta forma temos por fim a exibição da imagem no nosso App

Controle de IMAGEM no iPhone

Assim criamos um controle que permite que reutilizemos imagens dentro do Xamarin.Forms, sem a necessidade de colocar a imagem em todas as plataformas, continuamos utilizando o XAML e ainda podemos trabalhar com MVVM.

Todo este código estará no nosso github, você pode baixá-lo e continuar a estudar este artigo.

Para mais informações sobre XAML acesse o site da Xamarin

Um abraço e até a próxima!

IMAGEM, XAML e MVVM 5.00/5 (100.00%) 2 votos

Rodrigo Amaro

Desenvolvedor, apaixonado por tecnologia. Gosta de fazer um pouco de tudo, acredita que pode fazer a diferença no mundo através da tecnologia.

Um comentário em “IMAGEM, XAML e MVVM

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

%d blogueiros gostam disto: