Share
Vorige week zag een zeer belangrijke ontwikkeling in de relatie tussen Apple en Adobe. Flash is terug in de iPhone-afbeelding. In deze zelfstudie laat ik je zien hoe je een bestaande Flash-film converteert naar een iPhone-applicatie met Flash Professional CS5.
Het eerste dat u hoeft te doen, is de toepassing selecteren die u wilt poorten. In dit voorbeeld werken we met de Digital Clock-app die we in een andere zelfstudie met ActiveTuts + hebben gemaakt.
Start Flash CS5 en maak een nieuw iPhone OS-document.
Zoals je kunt zien, is de standaardplatformmaat 320x480 px, de volledige schermresolutie van de iPhone in staande modus (dit houdt de iPhone verticaal).
Deze toepassing heeft echter een Liggend-indeling en het ziet er niet goed uit als we de interface aanpassen aan Portret. Je eerste instinct is waarschijnlijk om de interface 90 ° te draaien en de app op die manier te bouwen. Het zal werken, maar het zal heel moeilijk zijn en je zult waarschijnlijk eindigen met nekpijn. Daarom bevat Flash CS5 een publicatieoptie om de iPhone-toepassing in liggende modus te maken.
Stel de stage in op 480x320 px en ga verder met de volgende stap. We zullen zien hoe de app in stap 10 in de Landscape-modus kan worden gezet.
Voor het porten van de interface is een eenvoudige kopie en plakken voldoende. Ja, zo simpel is het!
In de meeste gevallen zult u echter de grafische weergave moeten optimaliseren, zoals grootte, uitlijning en de balans tussen vectoren en bitmaps. Omdat we eenvoudige grafische afbeeldingen gebruiken, concentreren we ons op de uitlijning en de grootte van de elementen.
De oorspronkelijke grootte van de toepassing komt niet overeen met de grootte van de iPhone, dus het eerste wat u moet doen, is de achtergrondgrootte aanpassen aan de fase.
De huidige grootte van de kloktekst ziet er te klein uit in de iPhone, selecteert deze en verandert de grootte in 120 px.
Kopieer en plak het klassenbestand in de bronmap, er hoeven geen wijzigingen in dit bestand te worden aangebracht.
Vergeet niet om de klassenaam toe te voegen aan het veld Klasse in het gedeelte Publiceren van het venster Eigenschappen.
U kunt nu uw film testen om te zien of alles werkt zoals bedoeld.
Hier komt het deel waarin je geïnteresseerd bent; het iPhone-onderdeel.
Nu heb je een perfect werkende Flash-film, het is tijd om hem naar een iPhone-applicatie te converteren. Ga naar de Eigenschappen paneel, Publiceren sectie en druk op de iPhone OS-instellingen knop.
Je komt nu in een venster vol met instellingen. Deze instellingen zijn:
Elke iPhone-applicatie geeft tijdens het starten een afbeelding weer terwijl de essentiële wordt geladen om de app te laten zien. Deze afbeelding is de Default.png bestand dat we in stap 10 hebben opgenomen. Het wordt aanbevolen om hetzelfde scherm weer te geven als de app volledig is geladen, maar u kunt het gebruiken om uw bedrijfslogo, het laadscherm, het titelscherm of andere nuttige informatie weer te geven..
De afbeelding moet 320x480 zijn. Het maakt niet uit of je in de liggende modus werkt.
Voor het Deployment-tabblad moet je lid zijn van het iPhone Developer Program en de instructies in de Provisioning Portal volgen om de benodigde bestanden te krijgen om je applicatie te compileren.
Er zijn drie verschillende soorten certificaten. De eerste is het Apple Worldwide Developer Certificate (WWDC). Dit certificaat is opgesteld naast een van de andere twee certificaten: een ontwikkelaarscertificaat of een distributiecertificaat. Deze worden gebruikt voor het testen van applicaties en het inzetten in respectievelijk de Apple Store.
Het Provisioning-profiel is in feite een bestand dat aangeeft welke applicatie we testen en op welke apparaten we het kunnen testen.
Een ID van uw toepassing, elke applicatie-ID moet een eigen unieke naamruimte hebben die er ongeveer zo uitziet com.yourcompany.YourApp. Dit wordt ook gegenereerd op de website van het ontwikkelaarsprogramma en opgenomen in uw provisionig-profiel.
Selecteer een optie, afhankelijk van het soort certificaat en voorzieningenprofiel waarmee u werkt. Een ontwikkelaarscertificaat kan worden gebruikt voor snel publiceren en er is een distributiecertificaat nodig voor de implementatie, met behulp van dit soort certificaat wordt een app gemaakt die klaar is om te worden ingediend bij de app store.
De volgende is een eenvoudige, het tabblad Pictogrammen.
Er moeten drie pictogrammen worden gebruikt van 29x29px, 57x57px (dit is het pictogram op het apparaat) en 512x512px. Maak je geen zorgen over de ronde hoeken, iTunes zal ze automatisch genereren.
Wanneer u klaar bent met het vullen van de instellingen, drukt u op Publiceren knop, een voortgangsbalk verschijnt met de resterende tijd. De tijd die nodig is, is afhankelijk van uw toepassing en de opgenomen bestanden. Ook is er meer tijd nodig voor publicatie voor publicatie.
Een .ipa-bestand wordt in uw bronmap gemaakt, versleept of dubbelklikt om het in iTunes te openen. U zult het pictogram van uw app zien met de andere applicaties.
Synchroniseer je iPhone en maak je klaar om je nieuwe app te gebruiken!
Als je klaar bent met het porten van je favoriete applicatie naar de iPhone en deze wilt delen met de rest van de wereld, kun je deze indienen bij de App Store. Login op iTunes Connect en volg de geleide instructies.
Nu weet je hoe eenvoudig het is om iPhone-applicaties te ontwikkelen met behulp van Flash Pro CS5, begin met het maken van je eigen apps!
Ik hoop dat je deze tutorial leuk vond, bedankt voor het lezen!
Accentsconagua