risposta-alla-domanda-sullo-sviluppo-web-bd.com

Come impostare icone e splash screen in Android usando Ionic\Cordova

Ho un progetto Ionic con piattaforma Android usando Cordova. Voglio impostare un'icona e una schermata Splash nel progetto. Per icona ho creato una directory e aggiunto un logo che mostrerà.

res\Android\pkLogo.png

Aggiunta anche questa riga nel mio config.xml

 <icon src="res/Android/pkLogo.png" platform="Android" width="57" height="57" density="mdpi" />

Ma il problema è che viene visualizzata l'icona predefinita di Apache. Quello che ho fatto di sbagliato ho preso l'aiuto di qui cordova

Voglio mostrare splash screen, com'è possibile? Ho cercato molto, ho trovato dei collegamenti ma lo risolvo. 

Come impostare Icon e splash screen in Android usando ionic\cordova

12

Esegui ionic cordova resources dalla CLI

Dopo verrà creata la seguente cartella

risorse> Android

risorse> ios

Aggiungi il file icon.png e splash.png nella cartella delle risorse ed esegui di nuovo il comando ionic cordova resources. Oppure puoi semplicemente eseguire ionic cordova run <platform> e genererà i file di risorse per quella piattaforma (ios, Android, ecc.).

Creerà automaticamente l'icona e la schermata iniziale e aggiungerà anche il file config.xml. Niente da fare manully. Ionic farà tutto automaticamente per te.

52
Kamal Kumar

Spero che stiate facendo bene. Come chiedete di cambiare icona di splash e launcher, stavo anche cercando di fare lo stesso. poi trovo un modo documentato da Ionic CLI . che mi aiuta molto e risparmia anche il mio tempo . abbiamo solo bisogno di fare tre semplici passaggi:

1> crea un'immagine dell'icona con la dimensione di 192x192 px e salvala come icon.png, icon.psd o icon.ai file all'interno della directory delle risorse del progetto root.

2> crea un'immagine dell'icona con la dimensione di 2208x2208 px e salvala come splash.png, splash.psd o splash.ai file all'interno della directory delle risorse del progetto root.

3> questo è il passo principale quindi basta eseguire questo comando dal terminale 

ionic resources

quindi vedrai alcune immagini nel tuo repository /demoApp/resources/Android/icon e /demoApp/resources/Android/splash.

e se si desidera modificare solo la schermata iniziale, è necessario seguire passaggio 2 insieme al comando ionic resources --splash. allora puoi vedere il tuo splash.

o solo per l'icona, devi seguire solo step 1 insieme a ionic resources --icon

care se vuoi creare splash e icon separatamente, allora non seguire step 3 significa il punto 3 usato per generare entrambi. 

3
John smith

Vai alla directory del tuo progetto -/resources/Android/icon/aggiungi qui le tue icone secondo le dimensioni e i nomi richiesti di seguito.

drawable-hdpi-icon.png - 72 * 72

drawable-ldpi-icon.png - 36 * 36

drawable-mdpi-icon.png - 48 * 48

drawable-xhdpi-icon.png - 96 * 96

drawable-xxhdpi-icon.png - 144 * 144

drawable-xxxhdpi-icon.png - 192 * 192

Inoltre, aggiungi le icone nella seguente directory se necessario - directory di progetto/piattaforme/Android/res/posiziona le icone sopra come da cartella specifica.

E esegui i comandi del terminale di seguito aggiornerà le tue icone allo stesso modo in cui puoi gestire anche la schermata iniziale.

$ ionic build Android

$ ionic run Android

3
Shiv Suthan M

Esegui risorse ioniche dalla CLI

Dopo verrà creata la seguente cartella

risorse> Android

risorse> ios

Aggiungi il file icon.png e splash.png nella cartella delle risorse ed esegui di nuovo il comando delle risorse ioniche.

Creerà automaticamente l'icona e la schermata iniziale e aggiungerà anche il file config.xml. Niente da fare manully. Ionic farà tutto automaticamente per te.

Funziona per me, solo una cosa

Prima di costruire la tua app per Android vai su edit platform/Android/AndroidManifest.xml

e vai a

<application Android:label="@string/app_name">

e aggiungi il prossimo

<application Android:icon="@drawable/icon" Android:label="@string/app_name">

Saluti!

1
masmerino

Icona Immagine sorgente Salva un file icon.png, icon.psd o icon.ai all'interno della directory delle risorse nella radice del progetto Cordova. Le dimensioni minime dell'immagine dell'icona dovrebbero essere 192x192 px e non dovrebbero avere angoli arrotondati . Quindi eseguire questo comando nel terminale (cd nella directory corrente)

$ ionic resources --icon

Splash Screen Source Image ave un file splash.png, splash.psd o splash.ai all'interno della directory delle risorse nella radice del progetto Cordova. Le dimensioni dello schermo Splash variano a seconda della piattaforma, del dispositivo e dell'orientamento, pertanto è necessaria un'immagine di origine quadrata per generare ciascuna di varie dimensioni. Le dimensioni minime dell'immagine di origine dovrebbero essere 2208x2208 px e il suo disegno dovrebbe essere centrato nel quadrato. Quindi eseguire questo comando nel terminale (cd nella directory corrente)

$ ionic resources --splash

E hai finito.

Fare riferimento a questo link Schermo Ionic Splash e generatore di icone

1

Per Android guarda dentro /platform/Android/resPer Ios guarda dentro/platform/ios/yourapp/Resources

Spero che sia d'aiuto

0
lukabers

Quando viene creata per la prima volta un'app, ci sono 2 file nella cartella delle risorse, icon.png e splash.png.

Sostituisci questi 2 file con l'icona desiderata e i file splash.

Il nome del file deve essere uguale La dimensione di icon.png deve essere almeno 1024 × 1024 e splash.png deve essere minimo 2732 × 2732 Una volta che i file icon.png e splash.png sono stati sostituiti. Segui questa procedura:

Devi avere un account Ionic GRATUITO. Questo perché l'icona e la generazione/trasformazione di splash utilizzano il server Ionic.

 Nella cartella del progetto, eseguire il seguente comando: 

login ionico 

 Quindi inserisci la tua email e la password.
 Sulla cartella del progetto, esegui (sostituisci ios con Android se stai creando un'applicazione per Android): 
 ionico cordova risorse ios 
 risorse cordiche ioniche Android 
 Ionic trasformerà l'icona e i file splash in diverse versioni richieste dalla piattaforma di destinazione. 
 Nel processo, config.xml, verrà anche aggiornato. 

0

Puoi usare ionic cordova resources per generare splash screen e icone per la tua applicazione Android. Questo comando crea la schermata icons e splash nella cartella Android. 

La cartella icons contiene:

drawable-hdpi-icon.png - 72*72

drawable-ldpi-icon.png - 36*36

drawable-mdpi-icon.png - 48*48

drawable-xhdpi-icon.png - 96*96

drawable-xxhdpi-icon.png - 144*144

drawable-xxxhdpi-icon.png - 192*192

Se si desidera creare solo icons, è possibile utilizzare 

ionic cordova resources --icon

Se si desidera creare solo la schermata splash, è possibile utilizzare

ionic cordova resources --splash
0
Ajay Gupta

EDIT THE IMAGE se l'esecuzione di questo comando non funziona (anche per ios):

ionic cordova resources Android --splash --force

ed esegui di nuovo il comando :)

Questo risolverà "l'errore":

[OK] No need to regenerate images--source files unchanged.

Suggerimento: modifica l'immagine per ogni piattaforma (anche regolare le dimensioni di 1 px) altrimenti ionico non rileva che il file sorgente è cambiato con ogni nuovo comando.

0
Bernie 2Google