So fügen Sie den Begrüßungsbildschirm in der iOS-Anwendung hinzu

Der Begrüßungsbildschirm wird beim Öffnen einer mobilen App für einige Sekunden angezeigt. Der Begrüßungsbildschirm ist in vielerlei Hinsicht nützlich, um die Benutzererfahrung zu verbessern und die Marke der mobilen App zu stärken. Es zeigt Nutzern, dass sie die richtige App geöffnet haben, und ist eine gute Ausrede, um das App-Logo zu zeigen.

Laut Apple könnte ein Splash Screen auch den Nutzern einen Eindruck vermitteln, dass die App schnell und reaktionsschnell ist . Wenn Sie also eine iOS-App haben, können Sie auch einen Begrüßungsbildschirm hinzufügen.

In diesem Tutorial unserer Cordova-Serie zeigen wir Ihnen, wie Sie einen Begrüßungsbildschirm erstellen. Stellen Sie sicher, dass Sie unseren vorherigen Posts auf dieser Seite gefolgt sind, wo wir:

• Stellen Sie ein Projekt für mobile Entwicklung mit Cordova,
• Erstellen Sie eine grundlegende Benutzeroberfläche mit jQuery Mobile und
• Hinzufügen des App-Symbols

Anfangen

Zuerst werden wir die Größen sehen, die erforderlich sind, um den Begrüßungsbildschirm zu erstellen. Ähnlich wie beim Hinzufügen des App-Symbols variieren die Splash-Screen-Bildgrößen in Abhängigkeit von der iOS-Version, die die App unterstützt. Als Beispiel benötigen wir drei Bildgrößen. Sehen Sie diese Tabelle unten für das Detail.

Diese Tabelle wird vereinfacht, indem die Bildgröße innerhalb der unterstützten iOS-Version angepasst wird. In dieser Tabelle gehen wir davon aus, dass iOS 7 nur auf dem iPhone mit Retina-Display installiert ist. Also, dort können wir sehen, iOS 7 erfordert nur die höchste Bildgröße: 640 × 960 und 640 × 1136, die in iPhone 5 und 5c verwendet werden, die eine Bildschirmgröße von 4 Zoll hat.

Sobald wir die Größen ermittelt haben, können wir mit der Erstellung der Spalsh Screen-Bilder beginnen. Sie können die Anwendung, mit der Sie vertraut sind, frei verwenden, um die Bilder zu erstellen. Speichern Sie die Bilder als PNG und benennen Sie sie in der folgenden Konvention.

Dies sind die Standarddateinamen, die sowohl Cordova als auch Xcode verwenden, um das Splash-Screen-Bild aufzunehmen. Wenn Sie diese Konvention einhalten, vermeiden Sie, dass Sie in Xcode versehentlich ein Setup vornehmen, um die angepassten Dateinamen zu ermitteln.

Hier ist mein Splash-Bild, das ich mit Photoshop erstellt habe.

Hinzufügen des Begrüßungsbildschirms

Jetzt ist es an der Zeit, das Splash-Screen-Bild zu unserer App hinzuzufügen. Verschieben Sie dazu Ihre Bilder in diesen Ordner: {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash . Kompilieren Sie die App in Xcode, indem Sie auf die Schaltfläche "Abspielen" klicken. Die App wird im iPhone Simulator gestartet und Sie sollten sehen, dass der Begrüßungsbildschirm einige Sekunden lang angezeigt wird, bevor wir die App vollständig öffnen.

Letzter Gedanke

Um alles zusammenzufassen, haben wir jetzt den App-Inhalt (obwohl es ein Dummy-Inhalt ist), zwei Menü-Navigation auf der rechten Seite mit einem Schieberegler auf Facebook, wir haben auch ein Icon hinzugefügt, und zuletzt haben wir gerade den Begrüßungsbildschirm hinzugefügt. Unsere App ist fast fertig und wir sind jetzt sehr nah dran, unsere App zu beenden und zu starten.

Also, in unserem nächsten Post werden wir unsere App in eine verteilbare App mit Phonegap kompilieren. Bleib dran.

Diese VIM Shortcut Keyboard Cover ist etwas Programmierer werden Dig

Wenn Sie Programmierer sind, ist es gut, dass Sie von Vim gehört haben, einem beeindruckend leistungsstarken Texteditor, der dafür bekannt ist, extrem kompliziert zu sein.Während der Umgang mit dem Editor einige Zeit in Anspruch nimmt, möchte Manchester-basierte Editor Keys einige Schwierigkeiten beim Erlernen des Vim ersparen. Zu

(Tech- und Design-Tipps)

Pokéapi: Kostenlose RESTful Pokémon API für Entwickler

Die Beliebtheit von Pokémon zeigt keine Anzeichen einer Verlangsamung und erstreckt sich nun über Generationen von Kindern von den 90er Jahren bis heute. Viele Entwickler lieben diese Spiele und erstellen häufig Apps, um Informationen anzuzeigen und Daten aus den Spielen zu teilen .Dies ist das Ziel von Pokéapi, einer kostenlosen RESTful-API, die speziell für Pokémon- Spielinformationen entwickelt wurde. Es i

(Tech- und Design-Tipps)