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.

Die am meisten gehassten Innovationen des Internets [Infografik]

Das Internet gibt und das Internet nimmt weg. Der modernen Welt ist es nicht fremd, dass große Innovationen ihre Spuren hinterlassen und die Welt beherrschen, bevor sie vom nächsten Nachfolger entthront werden. Jedes Jahr versuchen sich die Erfinder gegenseitig zu übertreffen, indem sie die Grenzen von Technologie und Innovationskraft überschreiten, um zu versuchen, ihre Namen in den Geschichtsbüchern für die Nachwelt zu festigen.Dann

(Tech- und Design-Tipps)

Freie Postleitzahl-API, die jeder Entwickler kennen sollte

Die USA sind voll von Postleitzahlen, die vom USPS reguliert werden. Diese können ein verwirrendes Durcheinander darstellen, um sich manuell zu organisieren.Die kostenlose Postleitzahl API ist viel einfacher und macht das Ziehen von Postleitzahlen ein Kinderspiel. Im Moment funktioniert es nur für die Vereinigten Staaten, aber es könnte sich bei ausreichender Zugkraft leicht weltweit ausdehnen. E

(Tech- und Design-Tipps)