1

XAMARIN FORMS- HELLO WORLD !!!

#.NET C#
Andre Lacerda
Andre Lacerda

Bem vindo ao Xamarin Forms

Andredesenvolvedorti


Você deve estar se perguntando, mas o que é Xamarin Forms, podemos resumir ele assim : é uma ferramenta multiplataforma, que permite criar aplicativos nativos para : iOS, Android e Windows com o .NET, compartilhando o mesmo ambiente.


Vamos ao que interessa ! Iremos conhecer agora o Xamarin, estou usando a IDE do Visual Studio. Iremos usar a Versão 2019, caso tenha a versão anterior pode usar sem problemas.


Segue o link para baixar o programa caso não tenham https://visualstudio.microsoft.com/pt-br/downloads/


A primeira coisa que vamos fazer, vamos abrir nosso VisualStudio .


Selecionamos a opção Create a new project



Na próxima tela procure por



Mobile App(Xamarin.Forms)

*Notem você esta criando um Mobile App(Aplicativo Móvel) para as plataformas C#,Android,ioS,Windows,no mesmo projeto.


Assim que escolhe, toque no botão Next



Agora iremos configurar nosso projeto


1 — Em Project Name (Nome do Projeto) — Iremos digitar helloWorld.

2 — Location (Lugar/ pasta que será salvo o projeto), o lugar padrão que ele costumar salvar é : no seu caso é c:\users\nomedopc\source\repos(Pasta de repositórios).


3 — Caso queira mudar toque neste botão, e selecione a pasta a qual você deseja salvar.


Botão ….


Irá ficar assim:



Próximo passo, Toque no botão Create.


Nesta tela iremos selecionar o template Blank(Branco), e logo em seguida toque no Botão Create


Logo depois será criado o nosso projeto.



Ele criou nosso projeto, em 3 partes helloWorld, helloWorld.Android, helloWorld.ioS.



Nessa parte helloWorld temos essa estrutura, é considerada a parte principal, no qual é feito as telas, a lógica.


Em helloWord.Android, temos as configurações para plataforma Android(Não mexeremos aqui)


Em helloWord.ioS, temos as configurações para plataforma ioS(Não mexeremos aqui)



Agora iremos rodar nosso app. Uma dica no meu caso uso meu celular para rodar o aplicativo, para configurar o seu celular, pesquise pelo nome dele e no campo de pesquisa, digita Ex. Deixar o celular MotoG8 no modo de depuração (Pois só assim ele vai aparecer na Ide do Visual Studio para podermos rodar nele), em seguida , conecte o cabo usb no pc e a outra ponta no seu celular, tem desenvolvedores que preferem rodar por emulador. Ai fica o seu critério, se for por emulador, precisa configurar o Visual Studio.


Agora iremos fazer o seguinte no projeto helloWorld, toque duas vezes em MainPage.xaml, irá abrir a seguinte tela.


Essa tela contém a tela principal, ela é a primeira tela a abrir, assim que você roda o aplicativo.


Agora iremos rodar nosso aplicativo.



*Importante: no caso que estou rodando meu aplicativo na plataforma Android, caso sua plataforma seja o ioS, você muda o projeto helloWorld.Android, para helloWorld.ioS, do lado do projeto da sua escolha o nome do aparelho(seu celular vai aparecer) e do lado dele tem o botão de play.


Assim que apertar o botão play, o processo vai começar.



E a nossa tela principal fica assim.


Essa tela podemos ver a seguinte estrutura



E agora mudaremos todo esse texto para Hello World !



*Dica caso queiram espelhar o seu Celular na sua Tela, eu uso o Vysor

Caso queira fazer o download do Vysor:
https://www.vysor.io/download/?return=https%3A%2F%2Fwww.vysor.io%2F

Para isso apagaremos aqueles campos, e deixaremos assim e o resultado final, ficará assim:


Espero que tenham gostado, até a próxima.


Caso queira ir treinando mudando, o texto é só você mudar nesse campo da <Label Text=” use sua imaginação”/>

Segue o projeto no github, no próximo artigo, estaremos usando uma Splash Screen, em nosso projeto.



https://github.com/aslac2020/artigosxamarin

0
15

Comentários (0)

Desenvolver Junior

Brasil