iOS, wie man das App-Symbol einstellt und Bilder startet


170

Wie stelle ich die Bilder so ein, dass ich meine App archivieren und validieren kann? Der Bildschirm sieht jetzt so aus:

Geben Sie hier die Bildbeschreibung ein

So sagt der erste 29pt, aber dann heißt es auch 2x. Also setze ich ein 29x29Bild oder ein 58x58Bild? Und wo lege ich all die anderen hin? (Ich weiß , dass es mehr als Größen 29, 40und 60).

Wie auch immer, ich habe versucht, ein 29x29PNG auf den ersten Steckplatz zu ziehen, einen 40x40auf den zweiten und einen 60x60auf den dritten und vierten. Als ich ging, Product->Archivebekam ich

/ Benutzer / kendon / Dokumente / iPhone Apps / Verkaufstool / Verkaufstool / Images.xcassets: Der App-Symbolsatz mit dem Namen "AppIcon" hatte keinen zutreffenden Inhalt.


Wählen Sie Appicon und tippen Sie auf Attributinspektor. Außerdem wird die erforderliche Abmessung 29x29 für 1x und 58x58 für 2x usw. angezeigt.
Muhammad Adnan

3
Sie können diese Website verwenden, um alle App-Symbole makeappicon.com
AL̲̳I

9
Warum können wir das nicht einfach in Xcode selbst tun? Keine speziellen Apps oder Websites. Nur ein großes Bild, das wäre zu einfach, nicht wahr? So mache ich es in Unity
Tsukimi

Es scheint, als ob sich das Bild zu nahe an den Rändern des weißen Hintergrunds im Symbol befindet. Gibt es eine Möglichkeit, das Bild zu verkleinern, aber das erforderliche Pixel-zu-Pixel-Verhältnis beizubehalten? Dies war nach der Verwendung von makeappicon.com
nenur

Es wird in iOS 13 nicht mehr verwendet. Es ist veraltet.
Manish

Antworten:


211

Update: Wenn Sie nicht gerne die Größe von Symbolen nacheinander ändern , lesen Sie die Antwort von Schmoudi . Es ist einfach viel einfacher.

Symbolgrößen

Geben Sie hier die Bildbeschreibung ein

Das obige Bild stammt von Designing for iOS 9 . Sie sind für iOS 10 gleich .

So legen Sie das App-Symbol fest

Klicken Sie im Projektnavigator auf Assets.xcassets und wählen Sie dann AppIcon .

Geben Sie hier die Bildbeschreibung ein

Dadurch erhalten Sie ein leeres App-Symbol.

Geben Sie hier die Bildbeschreibung ein

Ziehen Sie nun einfach das Bild mit der richtigen Größe (im PNG-Format) aus dem Finder auf jedes Leerzeichen im App-Set. Das App-Symbol sollte jetzt eingerichtet sein.

So erstellen Sie Bilder in der richtigen Größe

Das Bild ganz oben zeigt die Pixelgrößen für jede Punktgröße, die in iOS 9 erforderlich ist. Auch wenn diese Antwort für zukünftige Versionen von iOS nicht aktualisiert wird, können Sie mithilfe von die richtigen Pixelgrößen ermitteln die Methode unten.

Sehen Sie sich an, wie viele Punkte (pt) jedes Leerzeichen im leeren Bildsatz enthält. Wenn das Bild 1x ist, sind die Pixel dieselben wie die Punkte. Für 2x verdoppeln Sie die Punkte und 3x verdreifachen Sie die Punkte. Im ersten Leerzeichen oben (29pt 2x) benötigen Sie beispielsweise ein Bild mit 58 x 58 Pixeln.

Sie können mit einem 1024 x 1024 Pixel großen Bild beginnen und es dann auf die richtige Größe verkleinern. Sie können es selbst tun oder es gibt auch Websites und Skripte, um die richtigen Größen zu erhalten. Suchen Sie nach "ios app icon generator" oder ähnlichem.

Ich denke nicht, dass die Namen wichtig sind, solange Sie die richtigen Dimensionen haben, aber die allgemeine Namenskonvention lautet wie folgt:

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

Bild starten

Obwohl Sie ein Bild für den Startbildschirm verwenden können, sollten Sie eine Storyboard-Datei für den Startbildschirm verwenden. Dadurch wird die Größe für jede Größe und Ausrichtung angepasst. Lesen Sie diese SO-Antwort oder die folgende Dokumentation, um Hilfe zu erhalten.

Nützliche Dokumentation

Die Xcode-Bilder in diesem Beitrag wurden mit Xcode 7 erstellt.


In XCode 7.2 können Sie mit XCode keine Bilder in diese Felder ziehen. Kannst du mir damit helfen?
ahitt6345

1
@ ahitt6345: Ich habe dies erneut mit Xcode 7.2 getestet und es funktioniert immer noch. Öffnen Sie den Finder und suchen Sie Ihre Bilder in einem beliebigen Ordner. Ziehen Sie sie dann wie oben gezeigt an die richtige Position für das App-Symbol in Xcode. Wenn Ihr Bild im falschen Format vorliegt, funktioniert es möglicherweise nicht. Verwenden Sie das PNG-Format.
Suragch

Sie sind im PNG-Format, ich habe noch einmal versucht, sie zu ziehen und abzulegen, und es hat immer noch nicht funktioniert.
ahitt6345

@ ahitt6345, Schauen Sie sich dieses YouTube-Video-Tutorial an . Es kann hilfreich sein, dies in Aktion zu sehen.
Suragch

Ich hatte auch Probleme beim Ziehen, bis ich das Format des PNG geändert habe, um es an den Ort anzupassen, an den ich es gezogen habe. Dies ist mit Xcode 8.3
Curt

176

Ich habe kürzlich diese App namens Icon Set Creator im App Store gefunden, die kostenlos, ohne Werbung, über neue Änderungen aktualisiert, unkompliziert ist und für jede mögliche Symbolgröße in OSX, iOS und WatchOS einwandfrei funktioniert:

Im Icon Set Creator:

  1. Ziehen Sie Ihr Bild in die Ansicht
  2. Wählen Sie Ihre Zielplattform
  3. Exportieren Sie den Icon Set-Ordner

iconSetCreator

In XCode:

  1. Navigieren Sie zum Ordner Assets.xcassets
  2. Löschen Sie das bereits vorhandene AppIcon
  3. Klicken Sie mit der rechten Maustaste -> Importieren Sie Ihr erstelltes Icon-Set als AppIcon und Sie sind fertig


1
Dies stellte sich als großer Vorteil für mich heraus, als ich mit dem Verständnis des App-Icon-Systems für meine Enterprise-Apps rang. Es ist jedoch erwähnenswert, dass ein wenig Klarheit darüber, wie es funktioniert, angebracht ist. Die App teilt Ihnen nicht speziell den Namen oder den Ort mit, an dem die neu generierten Bilder gespeichert werden. Da es sich um eine iOS-Anwendung handelt, habe ich eine Weile gebraucht, um festzustellen, dass die App einen Ordner mit dem Namen "iOS" erstellt und die Bilder dort in einem anderen Ordner mit dem Namen "Appicon.appiconset" gespeichert hat. Wenn Sie bereit sind, in das Projekt zu importieren, sollten Sie DIESEN Ordner auswählen.
Bill Norman

Total meine Zeit gespart ... Ich habe alles in 15 Minuten
erledigt

22

So sparen Sie etwas Zeit:

1) Sie können Ihre App-Symbolbilder alle im Finder markieren und sie gleichzeitig in Ihren Assets-Katalog ziehen, indem Sie sie in einen der leeren Steckplätze des App-Symbol-Imagesets ziehen. Wenn Sie den Mauszeiger über den Steckplatz halten, werden mehrere der anderen Steckplätze ausgewählt, und wenn Sie diese fallen lassen, werden alle auf einmal gefüllt. Beachten Sie, dass dies in XCode 8 funktioniert (ich habe XCode 7 noch nicht ausprobiert), in XCode 9 Beta jedoch noch nicht.

In das App-Symbol ziehen Asset-Katalog-Imageset

2) Die Apple-Dokumentationsseite "Technische Fragen und Antworten, QA1686" enthält die Größen pro App-Symbol, die bereits für Sie in einem schönen Bild berechnet wurden, und enthält auch die korrekten Konventionen für Bildnamen .

App-Symbolgrößen


11

Die richtigen Größen sind wie folgt:

1)58x58

2)80x80

3)120x120

4)180x180


10

Ich benutze ein Werkzeug namens Prepo, um die richtigen Bildgrößen zu erzeugen. Sie füttern einfach die App Ihrer Bilddatei und sie spuckt jede erforderliche Datei mit einem geeigneten Namen aus.

Sobald Sie dies getan haben, können Sie die entsprechenden Dateien ziehen oder einfach auf Ihren exportierten Prepo-Ordner zeigen.


Es macht nicht 167x167 Symbole für die neuesten Ipads
Yernar Amergaliyev

Beim Exportieren der Bilder werden tatsächlich 167 x 167 generiert. Es zeigt nur nicht diese Größe (und viele andere Größen) im Vorschaufenster
Tiguchi

8

Jetzt ist es wirklich einfach, ein App-Symbol für einen Tag festzulegen. Gehen Sie einfach zu https://makeappicon.com/ und fügen Sie Ihr Bild hinzu. Sie erhalten ein App-Symbol in allen Größen (auch für Watch & iTunes). Klicken Sie jetzt auf Assets .xcassets im Projektnavigator und wählen Sie dann AppIcon. Jetzt müssen Sie nur noch das Symbol nach Bedarf ziehen und ablegen.


5

Klicken Sie in der linken Liste mit der rechten Maustaste auf "AppIcon" und klicken Sie auf "Im Finder öffnen". Ein Ordner mit dem Namen "AppIcon.appiconset" wird geöffnet. Fügen Sie dort alle Grafiken mit der erforderlichen Auflösung ein. Sobald dies erledigt ist, werden alle diese Bilder auf demselben Bildschirm angezeigt (eines in Ihrem Screenshot). Ziehen Sie sie dann in das entsprechende Feld. App-Symbole wurden hinzugefügt. Gleicher Vorgang zum Starten von Bildern. Startbilder durch diesen Vorgang werden für iOS 7 und niedriger hinzugefügt. Für iOS 8 wird standardmäßig eine separate LaunchScreen.xib-Datei erstellt.


5

Ich habe eine App namens Iconizer gefunden. Sie finden das Repository auf github . Iconizer kann mit nur einem Bild App-Symbole für OS X, iPad, iPhone, CarPlay und Apple Watch generieren .

Ziehen Sie Ihr Symbol einfach per Drag & Drop auf Iconizer, wählen Sie die gewünschten Plattformen aus und geben Sie an, ob alle Plattformen in einem Asset-Katalog generiert werden sollen, und klicken Sie dann auf Exportieren.

Danach ersetzen (löschen und importieren) Sie einfach Ihr AppIcon in den Assets.xcassets


2

Dies ist ein sehr frustrierender Teil von XCode. Wie viele andere habe ich Stunden damit verschwendet, als ich zu einer neueren Version von xcode (Version 8) gewechselt bin. Die Lösung für mich bestand darin, die Eigenschaften für mein Projekt zu öffnen und unter "App-Symbole und Bilder starten" die Option "Migrieren" für die Symbole auszuwählen. Das ergab für mich absolut keinen Sinn, da ich bereits alle meine Symbole dort hatte, aber es hat funktioniert! Leider habe ich jetzt zwei Kopien meiner Launcher-Symbole im Projekt.


Dies war, was ich brauchte, um ein sehr altes (iOS 3) Projekt für iOS 11 zu aktualisieren.
Doug Voss

1

Gemäß der aktualisierten Version (Xcode 8.3.3) habe ich gesehen, dass die folgende Auflösung für alle Felder von AppIconSätzen erforderlich ist .

40x40
58x58
60x60
80x80
87x87
120x120
180x180

Es kommt mit hdpi, xhdpi, xxhdpi usw. Ich hoffe, es wird anderen helfen.

Bearbeitet auf 120x120

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.