Trocando o ícone e a splash do seu app em IONIC

Recentemente tive a oportunidade de criar mais um software e o cliente solicitou para ser um app, mesmo depois de explicar o que é PWA.
Estamos em um momento que o cliente não quer entender o que tecnicamente faz sentido para a necessidade dele, ele só quer um aplicativo. Claro que existe uma estratégia, mas esse post não é sobre esse assunto. Vou escrever em breve sobre.
Vivendo esse momento do mercado então, passei a criar aplicativos usando tecnologias da web, HTML, CSS e JS.
Um framework ao qual eu gosto de usar é o IONIC, que foi criado usando tecnologias de web.
Por ser a pessoa de IONIC entre os amigos desenvolvedores, recentemente recebi uma pergunta que gerou esse texto.
A pergunta é:
Como trocar o ícone e a splash do meu aplicativo, se eu já substituí os arquivos icon.png e splash.png?
Segue a explicação:
Não é somente trocar as imagens, precisa ser seguido alguns passos vamos a eles:
  1. Precisamos escolher a imagem desejada, para usarmos como splash e icon.
  2. Precisamos redimensionar essas imagens, sendo a splash (2732, 2732) e a icon (1024,1024) essas medidas são em pixel.
    Você pode editar as imagens no paint mesmo, precisamos somente ter um arquivo .png com essas dimensões.
  3. Coloque as novas imagens na pasta ./resources do seu projeto.
  4. Vamos abrir o terminal na pasta do seu aplicativo e rodar o comando
    • ionic cordova platform rm android
  5. Logo em seguida vamos adicionar a plataforma com o comando:
    • ionic cordova platform add android
  6. Chegamos ao momento de gerar corretamente, vamos usar o comando:
    • ionic cordova resources
  7. Se nesse momento o comando der algum erro, é provável que não redimensionou corretamente. Como consta no passo 2.
  8. agora já podemos gerar nossa apk com o comando:
    • ionic cordova build android
Pronto logo após concluir essas etapas nossas imagens já foram alteradas.
Bom pessoal é isso espero que esse texto possa ajudar. E deixem seus comentários com dúvidas para que eu possa continuar gerando esses posts.

Quer aprender mais sobre IONIC?

Se você quer ter mais velocidade na criação do seu aplicativo, um curso pode lhe ajudar.

Achei esse curso bastante interessante e com um excelente preço, menos de R$ 1,00 por mês:Curso de IONIC

Comentários no Facebook