Ionic - ícone Cordova e tela inicial

Cada aplicativo móvel precisa de um ícone e uma tela inicial. Ionic fornece uma solução excelente para adicioná-lo e requer um trabalho mínimo para os desenvolvedores. O corte e o redimensionamento são automatizados no servidor Ionic.

Adicionando tela inicial e ícone

Nos capítulos anteriores, discutimos como adicionar diferentes plataformas para o aplicativo Ionic. Ao adicionar uma plataforma, o Ionic instalará o plug-in da tela inicial do Cordova para essa plataforma, portanto, não precisamos instalar nada depois disso. Tudo o que precisamos fazer é encontrar duas imagens.

As imagens devem ser png, psd ou aiarquivos. A dimensão mínima deve ser 192x192 para a imagem do ícone e 2208 × 2208 para a imagem da tela inicial. Essas dimensões cobrirão todos os dispositivos. Em nosso exemplo, usaremos a mesma imagem para ambos. As imagens precisam ser salvas emresourcespasta em vez das padrão. Depois que terminarmos com isso, tudo o que precisamos é executar o seguinte na janela do prompt de comando.

C:\Users\Username\Desktop\MyApp>ionic resources

Agora, se você verificar resources/android ou resources/iospastas, você verá que as imagens que adicionamos antes são redimensionadas e cortadas para acomodar diferentes tamanhos de tela. Quando executamos nosso aplicativo no dispositivo, veremos uma tela inicial antes que o aplicativo seja iniciado e veremos que um ícone Ionic padrão foi alterado.

NOTE - Se você quiser usar imagens diferentes para Android e iOS, você pode adicioná-las ao resources/android e resources/ios ao invés de resources pasta.