Definindo o ícone do seu App – Xamarin.Forms

Neste post irei demonstrar como definir o ícone do seu app construído em Xamarin.Forms.

Para este exemplo utilizei a imagem a seguir como ícone da minha aplicação.

Diferentes resoluções

É preciso que você possua o seu ícone em diferentes resoluções, para que possa ser utilizada a melhor imagem de acordo com o tamanho de cada aparelho que instalar o seu app.
A minha dica é usar o site https://makeappicon.com/ , adicione a sua imagem e ele irá gerar vários ícones para sua aplicação de acordo com os pré requisitos de cada plataforma.

Android

Para definir o ícone da sua aplicação para a plataforma Android é preciso adicionar as imagens nas pastas que encontram-se dentro de “Resources” de acordo com a densidade de cada uma das imagens, caso possua alguma duvida sobre isso leia o post Adicionando imagens em projeto Android – Xamarin.

 

Após adicionar as imagens vá em Properties -> Android Manifest e em “Application Icon” selecione o ícone que você adicionou em seu projeto.

iOS

O primeiro passo para definir o ícone do seu App para a plataforma iOS é abrir o arquivo Info.plist, ele encontra-se dentro da pasta do seu projeto .iOS, como demonstrado a seguir.

 

Em Visual Assets -> App Icons defina o Source com a opção “AppIcons”.

 

Em seguida em Asset Catalogs -> Media será onde você vai de fato adicionar as imagens do ícone do seu App.

 

Após abrir o Media, você ira se deparar com uma tela igual a seguir, onde é preciso adicionar os seus ícones de acordo com as resoluções requeridas pela Apple.

 

Após adicionar todas as imagens você terá um resultado parecido com a tela a seguir, feito isso salve o arquivo Media e pronto, sua aplicação iOS já está com os ícones definidos.

 

 

UWP

Para definir o ícone da sua aplicação UWP abra o arquivo Package.appxmanifest que encontra-se dentro do seu projeto .UWP, como demonstrado na imagem a seguir.

 

Em Visual Assets -> App Icon -> Preview Images adicione os seus ícones de acordo com as resoluções requeridas.

 

Após adicionar todos os icones você terá um resultado parecido com a imagem a seguir, salve o arquivo Package.appxmanifest e pronto, sua aplicação UWP já está com os ícones definidos.

 

Resultado

Android

 

iOS

UWP