Xamarin Live Reload

Neste artigo irei falar um pouco sobre o Xamarin Live Reload, como você pode configura-lo em sua máquina e algumas dicas de utilização.

Algumas pessoas me procuram dizendo que um dos problemas encontrados para quem está iniciando no desenvolvimento de aplicações Xamarin é o fator “Produtividade”, eles relatam que perde-se muito tempo tendo que compilar a aplicação novamente para visualizar a modificação realizada no Xaml. Se você já acompanha o Xamarin a algum tempo, sabe que isso não é nenhuma novidade.

Existem algumas ferramentas que nos auxiliam nesse problema. Porém, a maioria são pagas ou então deixam a desejar em algum quesito. Analisei algumas dessas ferramentas e a minha preferida foi o Xamarin Live Reload.

O que é Xamarin Live Reload ?

Basicamente, é uma extensão que você vai instalar no seu Visual Studio e irá permitir que você veja as alterações feitas no seu código Xaml sendo refletidas na aplicação em tempo real, sem precisar de outra compilação.

7

 

Ponto Positivo

Ao meu ver o principal ponto positivo dessa ferramenta é que ela é FREE !!

 

Ponto Negativo

O principal ponto negativo dessa ferramenta é que no momento em que eu escrevo esse artigo ela encontra-se em versão Preview. Possuindo algumas instabilidades.

preview

 

Requisitos

  • Visual Studio 2017 versão 15.7 ou superior
  • Xamarin.Forms 3.0.0 ou superior

 

Instalando

Na aba “Tools” do Visual Studio, selecione “Extensions and Updates…”

1

 

Do lado esquerdo, selecione “Online” e em seguida na barra de pesquisa no canto superior direito, digite “Xamarin Live Reload”, depois disso é só clicar em Download.

2

 

O próximo passo é fechar o Visual Studio e deixar o instalador trabalhar. No final o resultado é semelhante a imagem a seguir.

3

 

Após o termino da instalação abra novamente o Visual Studio e retorne para a tela de Extensões e Atualizações, selecione o Xamarin Live Reload e desmarque a opção de atualização automática.

Spoiler Alert:  A seguir precisaremos instalar um Nuget Package na aplicação, é de extrema importância que a versão do pacote Nuget seja igual a versão da extensão.

 

4

 

Preparando a aplicação

É necessário a instalação de um pacote Nuget na aplicação. Para isso clique com o botão direito em cima de sua Solution e selecione “Manage NuGet Packages for Solution…”.

5

 

Mude o Package source para “All”.

6

 

Digite “Xamarin.LiveReload” e selecione o plugin como demonstrado na imagem a seguir.

6

 

Selecione todos os projetos e clique no botão “Install”.

6

 

 

Inicialize o plugin na classe App.cs

 

 

Utilizando o Xamarin Live Reload

Verifique se o Xamarin Live Reload está ativado, para isso vá em “Tools > Options”.

9

 

Em seguida abra o Xaml e clique em “Connect”. Lembre-se que o dispositivo ou emulador  deve estar conectado na mesma rede que o seu computador

8

 

Segue algumas observações que acredito no futuro você não precisará se preocupar quando estiver utilizando uma versão estável.

Observação 1 :  Certifique-se que não existe nenhuma versão do seu app instalada no dispositivo/emulador.

Observação 2 : Antes de mais nada, dê um “Clean” na Solution.

Observação 3 :  Não execute o projeto como está acostumado, clique com o botão direito em cima do projeto e selecione “Deploy”.

10

 

 

Abra o aplicativo no dispositivo/emulador e comece a editar o seu Xaml, para ver a modificação basta salvar o arquivo.

ezgif.com-video-to-gif (4)

 

2 comentários em “Xamarin Live Reload

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s