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

 

2 comentários em “Definindo o ícone do seu App – Xamarin.Forms

    1. Olá Rodrigo,

      Verifique se está sendo setado o arquivo no MainActivity. E verifique também o nome que você está utilizando. Tem que estar igual para todas as imagens.

      Espero ter ajudado.

      Curtir

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