iOS 7 App-Symbole, Starten von Bildern und Namenskonvention unter Beibehaltung von iOS 6-Symbolen


82

Ich habe gerade eine App für iOS 6 fertiggestellt und vor einer Woche ein Entwicklerkonto gekauft, sodass ich nicht viel Zeit hatte, mit dem iOS 7 SDK zu spielen. Ich habe gerade die Golden Master-Version heruntergeladen und versucht, meine App so zu aktualisieren, dass sie mit iOS 7 kompatibel ist.

Mir wurde klar, dass iOS 7 ein wenig Arbeit mit App-Symbolen erfordert. Ich habe viele verwandte Fragen geprüft und bin verwirrt, was ich tun soll. Ich habe bereits eine iOS 6-App mit App-Symbolen und als ich die Golden Master-Version installierte, sah ich Folgendes:

iOS 7 App-Symbole

und für Startbilder:

iOS 7 Starten Sie Bilder

Ich kann neue flache Symbole für iOS 7 erstellen, während iOS-Benutzer die alten weiterhin sehen sollen.

Was soll ich machen? Verwenden Sie den "Asset-Katalog verwenden" oder fügen Sie die Symbole manuell hinzu. Wenn ich die Symbole manuell hinzufüge, wie soll ich diese Bilder dann benennen? Vielen Dank!

Antworten:


78

Absolut Asset Catalog ist Ihre Antwort. Sie müssen keine Namenskonventionen mehr befolgen, wenn Sie Ihre App-Symbole hinzufügen oder aktualisieren.

Im Folgenden finden Sie die Schritte zum Migrieren eines App-Symbolsatzes oder zum Starten des Bildsatzes von Apple :

1- Wählen Sie im Projektnavigator Ihr Ziel aus.

2- Wählen Sie den Bereich Allgemein aus und scrollen Sie zum Abschnitt App-Symbole.

Geben Sie hier die Bildbeschreibung ein

3- Geben Sie ein Bild in der App-Symboltabelle an, indem Sie auf das Ordnersymbol rechts in der Bildzeile klicken und die Bilddatei im angezeigten Dialogfeld auswählen.

Geben Sie hier die Bildbeschreibung ein

4-Migrieren Sie die Bilder in der App Icon-Tabelle in einen Asset-Katalog, indem Sie auf die Schaltfläche Asset-Katalog verwenden klicken, einen Asset-Katalog aus dem Popup-Menü auswählen und auf die Schaltfläche Migrieren klicken.

Geben Sie hier die Bildbeschreibung ein

Alternativ können Sie einen leeren App-Symbolsatz erstellen, indem Sie Editor> Neues App-Symbol wählen und Bilder zum Set hinzufügen, indem Sie sie aus dem Finder ziehen oder Editor> Importieren wählen.


Kurz gesagt, zuerst muss ich Bilder gemäß den in der Tabelle angegebenen Abmessungen durchsuchen und festlegen und kann sie dann für iOS 6 und iOS 7 in den Asset-Katalog migrieren. Richtig?
AJ112

2
Ja, Ihre alten Bilder werden sofort migriert, aber neue Bilder müssen auf jeden Fall neu gestaltet werden, aber zumindest können Sie genau wissen, welche Symbole oder Bilder Sie über den Asset-Katalog weiterleiten müssen.
Tarek Hallak

1
Seitdem scheine ich mein AppIcon in Organizer und für TestFlight zu verlieren. Auf dem Gerät scheint alles zu funktionieren. Gibt es noch etwas, das ich tun muss, damit auch diese funktionieren? Ich habe AUCH versucht, CFBundleIcons zu haben. Irgendeine Idee?
PaulJ

Ich habe festgestellt, dass es bei mehreren Zielprojekten am besten ist, den alternativen Weg einzuschlagen und für jedes Ziel neue Asset-Dateien zu erstellen. Manchmal wird die Migrationsoption verwirrt. Jedem Asset wird dann eine einzelne Zielmitgliedschaft zugewiesen.
RobCroll

Danke dir! Ich habe versucht, einen Weg zu finden, um diese Zeilen zu bearbeiten. Wenn Sie XCode-Fenster haben (und nicht Vollbild), können die Ordnerschaltflächen hinter der rechten Symbolleiste ausgeblendet werden.
HaemEternal

24

Sie sollten den Asset-Katalog verwenden:

Ich habe untersucht, wie wir den Asset-Katalog verwenden können. Jetzt scheint es mir einfach zu sein. Ich möchte Ihnen Schritte zum Hinzufügen von Symbolen und zum Spritzen im Asset-Katalog zeigen.

Hinweis: Sie müssen keinen Eintrag in der Datei info.plist vornehmen :) Und keine andere Konfiguration.

Im Bild unten rechts sehen Sie einen hervorgehobenen Bereich, in dem Sie angeben können, welche Symbole Sie benötigen. Bei mir habe ich die ersten vier Kontrollkästchen aktiviert; Wie es für meine App-Anforderungen ist. Sie können die Auswahl entsprechend Ihren Anforderungen auswählen.

Geben Sie hier die Bildbeschreibung ein

Nun siehe Bild unten. Wenn Sie ein App-Symbol auswählen, sehen Sie dessen Details im ausgewählten Bereich auf der rechten Seite. Es wird Ihnen helfen, das richtige Auflösungssymbol hochzuladen. Geben Sie hier die Bildbeschreibung ein

Wenn kein Bild mit der richtigen Auflösung hinzugefügt wird, wird die folgende Warnung angezeigt. Laden Sie einfach das Bild mit der richtigen Auflösung hoch. Geben Sie hier die Bildbeschreibung ein

Nach dem Hochladen aller erforderlichen Abmessungen sollten Sie keine Warnung erhalten. Geben Sie hier die Bildbeschreibung ein


Hi: Ich habe dieses Problem, ich habe alle Einstellungen wie du. Wenn ich eine App starte, zeigt der Simulator das Symbol an, aber egal, ob ich die gesamte Reinigung und den Wiederherstellungsvorgang durchführe, aber wenn ich sie auf einem echten iPhone 5s bereitstelle, wird sie nie angezeigt.
Phil88530

@ phil88530 Bitte stellen Sie sicher, dass Sie auch iOS 7.0 und spätere Größen ausgewählt haben (wie in den obigen Screenshots). Stellen Sie zweitens sicher, dass Sie die neueste XCode-Version wie Version 5.1.1 oder höher verwenden.
msmq

Wenn Sie sich beim Ändern der Größe aller Symbole Zeit sparen möchten, können Sie diese App verwenden. Sie generiert den Asset-Katalog für App-Symbole für Sie: itunes.apple.com/app/id1052532083 (Haftungsausschluss: Dies ist meine App)
Erik

14

Falls Sie nicht Asset - Katalog verwenden möchten, können Sie ein iOS 7 Symbol für eine alte App durch die Schaffung eines 120x120 .png Bild hinzuzufügen. Benennen Sie es Icon-120.pngund ziehen Sie es in das Projekt.

Fügen Sie unter ZIEL> Ihre App> Info> Symboldateien einen weiteren Eintrag in den Zieleigenschaften hinzu:

Geben Sie hier die Bildbeschreibung ein

Ich habe auf Xcode 5 getestet und eine App wurde ohne die fehlende Warnung zum Retina-Symbol gesendet.


2
Möglicherweise möchten Sie auch Icon-76.png und Icon-152.png hinzufügen. Stellen Sie außerdem sicher, dass die Symbole unter "Phasen erstellen "> "Bundle-Ressourcen kopieren" aufgeführt sind (siehe stackoverflow.com/a/12225627/376066 )
Mikhail,

+1 für Ihre Beschreibung von WO, um die Symbolinformationen hinzuzufügen. Vielen Dank!
TJ Asher

Das ist wirklich ein Wort, danke, Schatz. Ich verbringe zwei Stunden damit, APPICON für Drag & Drop einzustellen. Das funktioniert bei mir nicht, aber die Datei using.plist funktioniert ... danke.
Yagnesh

4

Okay, zu @ null's großartigem Beitrag über die Verwendung des Asset-Katalogs hinzufügen .

Möglicherweise müssen Sie die folgenden Schritte ausführen, damit das App-Symbol verknüpft wird und für Ad-hoc-Distributionen / -Produktionen funktioniert , die in Organizer , Testflug und möglicherweise unbekannten AppStore-Standorten angezeigt werden.


Notieren Sie sich nach dem Erstellen des Asset-Katalogs den Namen der Namen für Startbilder und App-Symbole, die .xassetsim Xcode aufgeführt sind.

Standardmäßig sollte dies sein

  • AppIcon
  • LaunchImage

[Um dies zu sehen, klicken Sie in Xcode auf Ihren .xassets-Ordner / Ihr XXET-Symbol.] (Dies kann geändert werden. Notieren Sie sich diese Variable für später.)


Was jetzt bei jedem Build erstellt wird, sind die folgenden Datenstrukturen in Ihrer .app:

Für App-Symbole:

iPhone

  • AppIcon57x57.png(iPhone ohne Netzhaut) [ Beachten Sie das Symbolpräfix ]
  • AppIcon57x57@2x.png (iPhone Netzhaut)

Und das gleiche Format für jede der anderen Symbolauflösungen.

iPad

  • AppIcon72x72~ipad.png (iPad ohne Netzhaut)
  • AppIcon72x72@2x~ipad.png (iPad Netzhaut)

(Für iPad ist es etwas anderes Postfix)


Hauptproblem

Jetzt habe ich festgestellt, dass in Info.plistXcode 5.0.1 automatisch versucht wurde, einen Schlüssel für " Icon files (iOS 5)" zu erstellen, nachdem die Erstellung des Asset-Katalogs abgeschlossen war.

Wenn eine Referenz erfolgreich erstellt wurde / diese möglicherweise von Apple gepatcht wurde oder nur funktioniert hat, müssen Sie nur die Bildnamen überprüfen, um das oben aufgeführte Format zu überprüfen.

Endgültige Lösung:

Fügen Sie den folgenden Schlüssel zu Ihrem Haupt hinzu .plist

Ich schlage vor, Sie öffnen Ihr .plistHauptfenster mit einem externen Texteditor wie TextWrangler und nicht mit Xcode, um den folgenden Schlüssel zu kopieren und einzufügen.

<key>CFBundleIcons</key>
<dict>
    <key>CFBundlePrimaryIcon</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>AppIcon57x57.png</string>
            <string>AppIcon57x57@2x.png</string>
            <string>AppIcon72x72~ipad.png</string>
            <string>AppIcon72x72@2x~ipad.png</string>
        </array>
    </dict>
</dict>

Bitte beachten Sie, dass ich nur meine Beispielauflösungen aufgenommen habe. Sie müssen alle hinzufügen.


Wenn Sie diesen Schlüssel in Xcode ohne externen Editor hinzufügen möchten, verwenden Sie Folgendes:

  • Icon files (iOS 5) - Wörterbuch
  • Primary Icon - Wörterbuch
  • Icon files - Array
  • Item 0- String = AppIcon57x57.png Und für jedes andere Element / App-Symbol.

Wenn Sie Ihr Projekt nun endgültig archivieren, enthält die endgültige .xcarchive-Nutzdatenliste die oben angegebenen Symbolpositionen, die erstellt und verwendet werden sollen.

Fügen Sie keiner .plist Folgendes hinzu: Nur ein Beispiel dafür, was Xcode jetzt für Ihre endgültige Nutzlast generiert

<key>IconPaths</key>
<array>
    <string>Applications/Example.app/AppIcon57x57.png</string>
    <string>Applications/Example.app/AppIcon57x57@2x.png</string>
    <string>Applications/Example.app/AppIcon72x72~ipad.png</string>
    <string>Applications/Example.app/AppIcon72x72@2x~ipad.png</string>
</array>
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.