Portierung einer Anwendung auf das iPhone mithilfe von Flash CS5

In der letzten Woche hat sich die Beziehung zwischen Apple und Adobe sehr deutlich entwickelt. Flash ist wieder im iPhone-Bild. In diesem Tutorial zeige ich Ihnen, wie Sie einen vorhandenen Flash-Film mithilfe von Flash Professional CS5 in eine iPhone-Anwendung konvertieren.


Schritt 1: Wählen Sie eine Flash-App

Als Erstes müssen Sie die Anwendung auswählen, die Sie portieren möchten. In diesem Beispiel arbeiten wir mit der Digital Clock-App, die wir in einem anderen ActiveTuts + -Tutorial erstellt haben.


Schritt 2: Erstellen Sie eine neue iPhone OS-Datei

Starten Sie Flash CS5 und erstellen Sie ein neues iPhone OS-Dokument.


Schritt 3: Landschaft

Wie Sie sehen können, beträgt die Standardgröße der Bühne 320x480 px. Dies ist die volle Bildschirmauflösung des iPhones im Hochformat (dies hält das iPhone senkrecht)..

Diese Anwendung hat jedoch ein Querformat und es sieht nicht gut aus, wenn wir die Schnittstelle an Portrait anpassen. Ihr erster Instinkt ist wahrscheinlich, die Schnittstelle um 90 ° zu drehen und die App auf diese Weise zu erstellen. Es wird funktionieren, aber es wird sehr schwierig sein und Sie werden wahrscheinlich mit Nackenschmerzen enden. Aus diesem Grund enthält Flash CS5 eine Veröffentlichungsoption, um die iPhone-Anwendung im Querformatmodus zu erstellen.

Stellen Sie die Bühnengröße auf 480x320 px ein und fahren Sie mit dem nächsten Schritt fort. In Schritt 10 erfahren Sie, wie Sie die App in den Querformatmodus setzen.


Schritt 4: Schnittstelle

Um die Schnittstelle zu portieren, genügt ein einfaches Kopieren und Einfügen. Ja, so einfach ist das!

In den meisten Fällen müssen Sie jedoch die Grafiken optimieren, was die Größe, Ausrichtung und das Gleichgewicht zwischen Vektoren und Bitmaps umfasst. Da wir einfache Grafiken verwenden, konzentrieren wir uns auf die Ausrichtung und die Größe der Elemente.


Schritt 5: iPhone-Anpassungen

Die Originalgröße der Anwendung stimmt nicht mit der iPhone-Größe überein. Daher müssen Sie zunächst die Hintergrundgröße an die Bühne anpassen.

Die aktuelle Größe des Uhrentextes wird im iPhone zu klein aussehen. Wählen Sie ihn aus und ändern Sie die Größe in 120px.


Schritt 6: Klassendatei

Kopieren Sie die Klassendatei und fügen Sie sie in den Quellordner ein. An dieser Datei müssen keine Änderungen vorgenommen werden.


Schritt 7: Dokumentenklasse

Denken Sie daran, den Klassennamen im Feld "Veröffentlichen" des Eigenschaftenfensters zum Feld "Klasse" hinzuzufügen.


Schritt 8: Auf Fehler prüfen

Sie können jetzt Ihren Film testen, um zu sehen, ob alles wie beabsichtigt funktioniert.


Schritt 9: iPhone OS-Einstellungen

Hier kommt der Teil, an dem Sie interessiert sind; der iPhone-Teil.

Jetzt haben Sie einen perfekt funktionierenden Flash-Film, es ist Zeit, ihn in eine iPhone-Anwendung zu konvertieren. Gehe zum Eigenschaftenbereich, Veröffentlichen Abschnitt und drücken Sie die iPhone OS-Einstellungen Taste.


Schritt 10: Allgemein

Sie gelangen nun in ein Fenster mit Einstellungen. Diese Einstellungen sind:

  • Ausgabedatei: Der Name der IPA-Datei, die erstellt wird. Dies kann beliebig sein.
  • App Name: Der Name, der auf Ihrem iPhone unter dem Symbol angezeigt wird.
  • Ausführung: Die aktuelle Version der Anwendung; Sie müssen dies bei jedem Test für iTunes bearbeiten, um die App erfolgreich zu aktualisieren.
  • Seitenverhältnis: Der Anzeigemodus Ihrer App.
  • Vollbildschirm: Blendet die obere Infoleiste aus (Signal, Bluetooth, WLAN, Batterie usw.).
  • Automatische Ausrichtung: Verwendet den Beschleunigungssensor, um die Ausrichtung zu ändern, ohne Code schreiben zu müssen.
  • Rendering: Eine sehr wichtige Option, die Verwendung der GPU für das Rendern in komplexen Grafikanwendungen, erhöht die Leistung erheblich.
  • Mitgelieferte Dateien: Die Dateien, die in Ihrer App enthalten sein sollen. Wenn Sie Inhalte aus einer XML-, TXT- oder einer anderen Quelle laden, sollten Sie diese Dateien hier hinzufügen.

Schritt 11: Starten Sie das Bild

Jede iPhone-Anwendung zeigt beim Start ein Bild an, während die wichtigsten Elemente zum Anzeigen der App geladen werden. Dieses Bild ist das Default.png Datei, die wir in Schritt 10 aufgenommen haben. Es wird empfohlen, denselben Bildschirm anzuzeigen, den die App anzeigt, wenn sie vollständig geladen ist. Sie können jedoch auch Ihr Firmenlogo, den Ladebildschirm, den Titelbildschirm oder andere nützliche Informationen anzeigen.

Das Bild muss 320x480 sein, egal, ob Sie im Querformat arbeiten.


Schritt 12: Bereitstellung

Für die Registerkarte "Bereitstellung" müssen Sie Mitglied des iPhone-Entwicklerprogramms sein und die Anweisungen im Bereitstellungsportal befolgen, um die erforderlichen Dateien zum Kompilieren Ihrer Anwendung zu erhalten.


Schritt 13: Zertifikate

Es gibt drei verschiedene Arten von Zertifikaten. Das erste ist das Apple Worldwide Developer Certificate (WWDC). Dieses Zertifikat wird zusammen mit einem der beiden anderen Zertifikate erstellt: entweder einem Entwicklerzertifikat oder einem Verteilungszertifikat. Diese werden zum Testen von Anwendungen bzw. zur Bereitstellung im Apple Store verwendet.


Schritt 14: Bereitstellungsprofil

Das Bereitstellungsprofil ist im Grunde eine Datei, die angibt, welche Anwendung wir testen und auf welchen Geräten wir sie testen können.


Schritt 15: App-ID

Als Kennung Ihrer Anwendung muss jede Anwendungs-ID einen eigenen eindeutigen Namespace haben, der ungefähr so ​​aussieht com.IhrFirma.IhreApp. Diese wird auch in der Entwicklerprogramm-Site generiert und in Ihr Bereitstellungsprofil aufgenommen.


Schritt 16: Bereitstellungstyp

Wählen Sie je nach Art des Zertifikats und des Bereitstellungsprofils, mit dem Sie arbeiten, eine Option aus. Ein Entwicklerzertifikat kann für die Schnellveröffentlichung verwendet werden, und für die Bereitstellung wird ein Verteilungszertifikat benötigt. Mit dieser Art von Zertifikat wird eine App erstellt, die an den App Store übermittelt werden kann.


Schritt 17: Icons

Weiter ist eine einfache, die Registerkarte "Icons".

Es müssen drei Größen von Symbolen verwendet werden: 29x29px, 57x57px (dies ist das im Gerät angezeigte Symbol) und 512x512px. Machen Sie sich keine Sorgen um die runden Ecken, iTunes generiert sie automatisch.


Schritt 18: Veröffentlichen

Wenn Sie mit dem Füllen der Einstellungen fertig sind, drücken Sie die Taste Veröffentlichen Wenn Sie auf die Schaltfläche klicken, wird ein Fortschrittsbalken mit der verbleibenden Zeit angezeigt. Wie lange es dauert, hängt von Ihrer Anwendung und den enthaltenen Dateien ab. Außerdem ist beim Publizieren für die Bereitstellung mehr Zeit erforderlich.


Schritt 19: Gerätetest

Eine .ipa-Datei wird in Ihrem Quellordner erstellt. Ziehen Sie sie oder doppelklicken Sie darauf, um sie in iTunes zu öffnen. Sie sehen das Symbol Ihrer App mit den anderen Anwendungen.

Synchronisieren Sie Ihr iPhone und machen Sie sich bereit, Ihre neue App auszuführen!


Schritt 20: App absenden

Wenn Sie Ihre bevorzugte Anwendung auf das iPhone portiert haben und sie mit dem Rest der Welt teilen möchten, können Sie sie an den App Store senden. Melden Sie sich bei iTunes Connect an und befolgen Sie die Anweisungen.


Fazit

Jetzt wissen Sie, wie einfach es ist, iPhone-Anwendungen mit Flash Pro CS5 zu entwickeln. Erstellen Sie Ihre eigenen!

Ich hoffe, Ihnen hat dieses Tutorial gefallen, vielen Dank für das Lesen!