ETIM Informática

Programação de Aplicativos Mobile II

Xamarin Forms

Introdução ao desenvolvimento multiplataforma com Xamarin

O desenvolvimento de aplicações para dispositivos móveis tem sido uma das áreas da informática
que mais cresce. Porém, temos diferentes linguagens e ambientes de desenvolvimento para dife-
rentes sistemas operacionais móveis. Essas diferenças entre o desenvolvimento para diferentes
plataformas acabam fazendo com que desenvolvedores escolham apenas uma plataforma alvo e
fiquem presos a ela, normalmente o Google Android. É por isso que o desenvolvimento multiplata-
forma utilizando algum framework é tão importante, pois permite a criação do código-fonte apenas
uma vez para diferentes plataformas.
Nesse contexto entra o Xamarin Forms, que permite a utilização de XAML com o código por trás
em C# para a criação de aplicações que podem ser construídas para diferentes plataformas, como
iOS e Android. A ideia é que o mesmo código seja capaz de criar aplicações nativas para essas
plataformas. Além disso, ele também permite a criação de aplicação para OS X, o Sistema Opera-
cional dos computadores da Apple. Vamos apresentar um pouco do Xamarin Forms e entender
como ele funciona para diferentes plataformas, além da criação de uma aplicação simples utilizando
sua linguagem que será construída para iOS e Android.
Apresentando o Xamarin Forms
A Xamarin é uma das principais parceiras da Microsoft no momento, especialmente com o .NET
Framework sendo portado para o Linux e OS X e a expertise da empresa com a plataforma Mono.
O Xamarin Studio é um dos produtos da empresa, que visa a criação de aplicações multiplataforma
utilizando o C#. Trata-se de uma IDE para Windows e Mac OS X, que suporta o desenvolvimento
Android e iOS.
Xamarin.Forms é um produto da Xamarin que permite além do (re)aproveitamento de código de
negócio, também o código de interface. Isso mesmo, com Xamarin Forms é possível escrever um
único código para a Interface de Usuário da sua aplicação e ter esta aplicação nativa, utilizando os
respectivos controles visuais de cada uma das plataformas.
Com Xamarin.Forms geralmente criamos as views de nosso aplicativo utilizando XAML, e o Xamarin
se encarrega de mapear isso para cada componente de Interface de Usuário específico em cada
plataforma (iOS, Android).
Você tem reaproveitamento de código, escrevendo apenas uma única vez o seu código de negócios
e compartilhando ele entre suas aplicações iOS ou Android, sem necessidade de reescrever o
mesmo código em Java ou Objective-C/Swift.
A grande sacada do Xamarin é que ele não se baseia em uma interface própria da ferramenta.
Trata-se de uma ferramenta que realmente constrói aplicações nativas para cada uma das plata-
formas baseadas no mesmo código. A ideia é que a interface das aplicações de cada uma das
plataformas seja respeitada, enquanto o resto é controlado por código C#. Em outras palavras,
internamente, a aplicação é a mesma, mas o usuário irá enxergar uma aplicação diferente de
acordo com a plataforma.
Desenvolvendo uma aplicação móvel simples em com Xamarin
Agora que temos um conhecimento básico da estrutura dos projetos desenvolvidos em Xamarin
Forms, podemos começar a desenvolver o nosso. Nesse caso, estaremos desenvolvimento um nú-
cleo bastante simples para ser dividido entre as plataformas e um layout para Android. A ideia é
que possamos analisar a criação de um projeto compartilhado e vermos projeto Android utilizando-
o. Vamos criar um projeto genérico, apenas para exibir um alerta na tela, onde a classe responsável
por essa exibição é compartilhada entre as (futuras) várias plataformas.
Vamos começar criando um projeto. Para isso, utilizaremos o Visual Studio. Na versão 2022 ao
iniciarmos o programa teremos a seguinte tela:
 ETIM Informática
Programação de Aplicativos Mobile II
Xamarin Forms

Vamos clicar na opção Criar um projeto, e surgirá a tela a seguir:

Na caixa Pesquisa modelos (Alt+s) digite ‘mobile’ ou pesquise na caixa ‘Todos os tipos de projeto’,
e surgirá logo abaixo a opção Mobile App (Xamarin Forms) em destaque. Clicaremos no botão
Próximo para irmos à próxima tela, onde definiremos o nome do projeto e o local onde ele será
armazenado em nosso computador.
 ETIM Informática
Programação de Aplicativos Mobile II
Xamarin Forms

Agora é só clicar no botão Criar e na sequência selecionar um modelo para seu aplicativo, selecio-
naremos blank (em branco), depois para qual plataforma iremos desenvolver, no caso deixe sele-
cionado as duas (Android e iOS) e marque a terceira opção (Windows UWP), aí é só clicar no botão
Create para iniciar o trabalho.

Na janela do Gerenciador de Soluções (Solution Explorer) aparecerão quatro projetos, caso tenha
sido assinalada a opção Windows (UWP), caso contrário são exibidos três conforme mostra a ima-
gem abaixo.

O primeiro projeto, podemos dizer que é um projeto geral, a maior parte do desenvolvimento é
feito nos arquivos desse projeto. O segundo projeto é para o sistema Android e o terceiro para o
sistema iOS (iPhone).
Esse foi nosso primeiro contato com o Xamarin, na próxima aula vamos desenvolver nosso primeiro
app nessa plataforma.
Até lá! :)

Fonte: https://www.devmedia.com.br
https://www.lambda3.com.br