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.

iconeJc

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.

1

 

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

2

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.

1

 

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

2.1

 

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

3

 

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.

4

 

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.

5

 

 

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.

1

 

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

2

 

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

Screenshot_20170622-145225

 

iOS

2017-06-20_04-30-35-

UWP

resultado

 

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 )

w

Conectando a %s