170

Come posso impostare le immagini in modo da poter archiviare e convalidare la mia app? Lo schermo ora appare così:

inserisci qui la descrizione dell'immagine

Quindi il primo dice 29pt, ma poi dice anche 2x. Quindi metto 29x29un'immagine o 58x58un'immagine? E dove metto tutti gli altri? (Lo so che ci sono più dimensioni rispetto 29, 40e 60).

Comunque, quello che ho provato è stato trascinare un 29x29png sul primo slot, uno 40x40sul secondo e uno 60x60sul terzo e quarto. Quando sono andato a Product->Archive, ho capito

/ Utenti / kendon / Documenti / App per iPhone / Strumento di vendita / Strumento di vendita / Immagini.xcassets: il set di icone dell'app denominato "AppIcon" non aveva alcun contenuto applicabile.

— user3925803
fonte

seleziona l'appicon e tocca l'ispettore degli attributi, mostra anche la dimensione richiesta 29x29 per 1x e 58x58 per 2x ecc.

— Muhammad Adnan,

3

Puoi utilizzare questo sito Web per creare tutte le icone delle app makeappicon.com

— AL̲̳I

9

Perché non possiamo semplicemente farlo in Xcode stesso? Nessuna app o sito Web speciale. Solo un'immagine di grandi dimensioni, sarebbe troppo facile, no. È così che faccio in Unity

— tsukimi,

Sembra che l'immagine sia troppo vicina ai bordi dello sfondo bianco nell'icona, c'è un modo per rimpicciolire l'immagine ma mantenere lo stesso rapporto pixel / pixel richiesto? Questo dopo aver usato makeappicon.com

— nenur il

Non è più utilizzato in iOS 13. È obsoleto.

— Manish,

211

Aggiornamento: a meno che non ami ridimensionare le icone una per una, controlla la risposta di Schmoudi . È solo molto più semplice.

Dimensioni dell'icona

Sopra l'immagine da Designing per iOS 9 . Sono gli stessi per iOS 10 .

Come impostare l'icona dell'app

Fai clic su Assets.xcassets nel navigatore del progetto, quindi scegli AppIcon .

Questo ti darà un set di icone app vuoto.

Ora trascina semplicemente l'immagine della giusta dimensione (in formato .png) dal Finder su ogni spazio vuoto nell'app set. L'icona dell'app dovrebbe essere impostata ora.

Come creare le immagini della giusta dimensione

L'immagine in alto indica le dimensioni dei pixel per ogni dimensione in punti richiesta in iOS 9. Tuttavia, anche se non riesco ad aggiornare questa risposta per le versioni future di iOS, puoi comunque capire le dimensioni corrette dei pixel usando il metodo seguente.

Guarda quanti punti (pt) è ciascuno spazio vuoto sul set di immagini vuoto. Se l'immagine è 1x allora i pixel sono gli stessi dei punti. Per 2x raddoppiare i punti e 3x triplicare i punti. Quindi, ad esempio, nel primo spazio in bianco sopra (29pt 2x) avresti bisogno di un'immagine di 58x58 pixel.

Puoi iniziare con un'immagine di 1024x1024 pixel e ridimensionarla alle dimensioni corrette. Puoi farlo da solo o ci sono anche siti Web e script per ottenere le giuste dimensioni. Cerca "generatore di icone di app iOS" o qualcosa di simile.

Non credo che i nomi contino finché si ottengono le dimensioni giuste, ma la convenzione di denominazione generale è la seguente:

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

Avvia immagine

Sebbene sia possibile utilizzare un'immagine per la schermata di avvio, considerare l'utilizzo di un file storyboard della schermata di avvio. Questo ridimensionerà comodamente per ogni dimensione e orientamento. Controlla questa risposta SO o la seguente documentazione per assistenza in merito.

Documentazione utile

Le immagini Xcode in questo post sono state create con Xcode 7.

— Suragch
fonte

Per me, in XCode 7.2, XCode non ti consente di trascinare le immagini in quelle caselle. Potete aiutarmi con quello?

— ahitt6345,

1

@ ahitt6345: l'ho provato di nuovo con Xcode 7.2 e funziona ancora. Apri Finder e individua le tue immagini in qualunque cartella tu le abbia. Quindi trascinarli nella posizione corretta dell'icona dell'app impostata in Xcode come mostrato sopra. Se l'immagine è nel formato sbagliato, potrebbe non funzionare. Usa il formato .png.

— Suragch,

Sono in formato .png, ho provato a trascinare e rilasciare ancora una volta e ancora non ha funzionato.

— ahitt6345

@ ahitt6345, guarda questo tutorial video di YouTube . Potrebbe essere utile vederlo in azione.

— Suragch

Ho avuto problemi anche a trascinarli finché non ho cambiato il formato del png in modo che corrispondesse alla posizione in cui lo stavo trascinando. Questo è con Xcode 8.3

— brusco

176

Recentemente ho trovato questa applicazione denominata Icon Set Creatore in App Store che è gratuito, senza pubblicità, aggiornati sui nuovi cambiamenti, dritto in avanti e funziona bene per ogni possibile dimensione delle icone in OSX, iOS e watchos:

In Icon Set Creator:

Trascina l'immagine nella vista
Scegli la tua piattaforma di destinazione
Esporta la cartella Icon Set

In XCode:

Passare alla cartella Assets.xcassets
Elimina l'AppIcon preesistente
Tasto destro del mouse -> Importa il tuo set di icone creato come AppIcon e il gioco è fatto

— Schmoudi
fonte

1

Questo si è rivelato una grande risorsa per me mentre stavo lottando per capire il sistema di icone delle app Enterprise. Vale la pena ricordare, tuttavia, che un po 'di chiarezza su come funziona è in ordine. L'app non specifica nello specifico il nome o la posizione in cui vengono salvate le immagini appena generate. Trattandosi di un'applicazione iOS, mi ci è voluto un po 'di tempo per capire che l'app ha creato una cartella denominata "iOS" e quindi ha salvato le immagini all'interno di un'altra cartella denominata "Appicon.appiconset". Quando sei pronto per importare nel progetto, è QUESTA cartella che dovresti selezionare.

— Bill Norman,

Totalmente salvato il mio tempo ... Ho fatto tutto in circa 15 minuti

— NduJay

22

Per risparmiare un po 'di tempo:

1) Puoi contrassegnare tutte le immagini dell'icona dell'app nel Finder e trascinarle contemporaneamente nel catalogo delle risorse trascinandole in uno degli slot vuoti del set di immagini dell'icona dell'app. Quando tieni premuto il trascinamento sullo slot, molti degli altri slot sembrano selezionati e quando li lasci cadere tutti verranno riempiti contemporaneamente. Nota che questo funziona in XCode 8 (non ho provato XCode 7), ma in XCode 9 beta non ancora.

Trascinamento nell'icona dell'app Set di immagini del catalogo delle risorse

2) Il sito di documentazione Apple "Domande e risposte tecniche QA1686" ha le dimensioni per slot icona app già calcolate per te in una bella immagine e contiene anche le convenzioni dei nomi delle immagini corrette.

— KS
fonte

11

Le dimensioni corrette sono le seguenti:

1)58x58

2)80x80

3)120x120

4)180x180

— bzz
fonte

10

Uso uno strumento chiamato Prepo per produrre tutte le giuste dimensioni dell'immagine. Devi semplicemente alimentare l'app che immagini e sputerà ogni file necessario con un nome appropriato.

Una volta fatto questo, puoi quindi trascinare i file appropriati o semplicemente puntare alla cartella esportata Prepo.

— Craig.Pearce
fonte

Non esegue le icone 167x167 per gli ultimi Ipad

— Yernar Amergaliyev,

In realtà genera 167x167 quando si esportano le immagini. Semplicemente non mostra quella dimensione (e molte altre dimensioni) nella finestra di anteprima

— tiguchi,

8

Ora è davvero facile impostare un'icona-app per giorni, basta andare su https://makeappicon.com/ aggiungere la tua immagine, ti invieranno tutte le dimensioni dell'icona-App (anche per watch & itunes), ora Fai clic su Risorse .xcassets nel navigatore del progetto e quindi selezionare AppIcon. Ora devi solo trascinare e rilasciare l'icona come richiesto.

— ViralRathod
fonte

5

Nell'elenco a sinistra, fai clic con il tasto destro su "AppIcon" e fai clic su "Apri nel finder" Si aprirà una cartella con il nome "AppIcon.appiconset". Incolla tutta la grafica con la risoluzione richiesta lì. Una volta fatto, tutte quelle immagini saranno visibili nella stessa schermata (una nella schermata). quindi trascinarli nella casella appropriata. Sono state aggiunte le icone delle app. Stesso processo per le immagini di lancio. Le immagini di lancio attraverso questo processo vengono aggiunte per iOS 7 e versioni successive. Per iOS 8, il file LaunchScreen.xib separato viene creato per impostazione predefinita.

— Gunjit
fonte

5

Ho trovato un'app chiamata Iconizer. Puoi trovare repository su github . Iconizer può generare icone di app per OS X, iPad, iPhone, CarPlay e Apple Watch con una sola immagine.

Basta trascinare e rilasciare la tua icona su Iconizer, selezionare le piattaforme di cui hai bisogno e se vuoi che tutte le piattaforme vengano generate in un catalogo di risorse, quindi fai clic su Esporta.

Successivamente, sostituisci (elimina e importa) il tuo AppIcon in Assets.xcassets

— Vladyslav Panchenko
fonte

2

Questa è una parte molto frustrante di XCode. Come molti, ho perso ore su questo quando sono passato a una versione più recente di xcode (versione 8). La soluzione per me è stata quella di aprire le proprietà del mio progetto e in "Icone app e lancia immagini" scegliere l'opzione "migra" per le icone. Questo non aveva assolutamente senso per me dato che avevo già tutte le mie icone lì, ma ha funzionato! Sfortunatamente ora mi sembra di avere due copie delle mie icone di avvio nel progetto.

— Formica
fonte

Questo era ciò di cui avevo bisogno per aggiornare un progetto molto vecchio (iOS 3) per iOS 11.

— Doug Voss,

1

Come da versione aggiornata (Xcode 8.3.3) ho visto che per tutti i campi degli AppIconinsiemi sono richieste risoluzioni inferiori .

Viene fornito con hdpi, xhdpi, xxhdpi ecc. Spero che possa aiutare gli altri.

Modificato su 120x120

— Raj Aryan
fonte

iOS come impostare l'icona dell'app e avviare le immagini