Ionic - Icona Cordova e schermata iniziale

Ogni app mobile necessita di un'icona e di una schermata iniziale. Ionic fornisce una soluzione eccellente per aggiungerlo e richiede un lavoro minimo per gli sviluppatori. Il ritaglio e il ridimensionamento sono automatizzati sul server Ionic.

Aggiunta di schermata iniziale e icona

Nei capitoli precedenti, abbiamo discusso come aggiungere diverse piattaforme per l'app Ionic. Aggiungendo una piattaforma, Ionic installerà il plug-in della schermata iniziale di Cordova per quella piattaforma, quindi non è necessario installare nulla in seguito. Tutto quello che dobbiamo fare è trovare due immagini.

Le immagini dovrebbero essere png, psd o aiFile. La dimensione minima deve essere 192x192 per l'immagine dell'icona e 2208 × 2208 per l'immagine della schermata iniziale. Queste dimensioni copriranno tutti i dispositivi. Nel nostro esempio, useremo la stessa immagine per entrambi. Le immagini devono essere salvate inresourcescartella invece di quelle predefinite. Dopo aver finito, tutto ciò di cui abbiamo bisogno è eseguire quanto segue nella finestra del prompt dei comandi.

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

Ora, se controlli resources/android o resources/ioscartelle, vedrai che le immagini che abbiamo aggiunto in precedenza vengono ridimensionate e ritagliate per adattarsi a schermi di dimensioni diverse. Quando eseguiamo la nostra app sul dispositivo, vedremo una schermata iniziale prima che l'app venga avviata e vedremo che un'icona ionica predefinita è cambiata.

NOTE - Se desideri utilizzare immagini diverse per Android e iOS, puoi aggiungerle a resources/android e resources/ios invece di resources cartella.