Hoe Splash Screen toevoegen in iOS-applicatie

Het Splash-scherm is het enige dat u een paar seconden ziet wanneer u een mobiele app opent. Het Splash-scherm is op vele manieren nuttig, wat zowel de gebruikerservaring kan verbeteren als het merk van mobiele apps kan versterken. Het laat gebruikers zien dat ze de juiste app hebben geopend, en is een goed excuus om te pronken met het app-logo.

Volgens Apple kan een Splash-scherm gebruikers ook de indruk geven dat de app snel en snel reageert . Dus als je een iOS-app hebt, kun je overwegen om ook een Splash-scherm toe te voegen.

In deze tutorial in onze Cordova-serie laten we u zien hoe u een Splash-scherm kunt maken. Zorg ervoor dat je onze vorige berichten hier hebt gevolgd, waar we:

• Stel een project voor mobiele ontwikkeling in met Cordova,
• Bouwde een eenvoudige gebruikersinterface met jQuery Mobile, en
• Het app-pictogram toevoegen.

Ermee beginnen

Eerst zullen we de vereiste formaten zien om het Splash-scherm te maken. Net als bij het toevoegen van het app-pictogram, variëren de beeldformaten van het Splash-scherm in overeenstemming met de iOS-versie die de app zal ondersteunen. Als een voorbeeld hierin zullen we drie beeldgroottes nodig hebben; zie onderstaande tabel voor details.

Deze tabel is vereenvoudigd door de afbeeldingsgrootte te kalibreren binnen de ondersteunde iOS-versie. Omdat we in deze tabel veronderstelden dat iOS 7 alleen in de iPhone is geïnstalleerd met Retina-display. Dus daar kunnen we zien dat iOS 7 alleen de hoogste beeldgrootte vereist: 640 × 960 en 640 × 1136, die zal worden gebruikt in iPhone 5 en 5c met een scherm van 4 inch.

Zodra we de maten hebben berekend, kunnen we beginnen met het maken van de Spalsh-schermafbeeldingen. U kunt vrijelijk elke toepassing gebruiken waarmee u bekend bent om de afbeeldingen te maken. Sla de afbeeldingen op als PNG en geef ze een naam in de volgende conventie.

Dit zijn de standaard bestandsnamen die Cordova en Xcode gebruiken om de Splash Screen-afbeelding op te nemen. Het volgen van deze conventie zal ons ervan weerhouden externe instellingen in Xcode in te stellen om de aangepaste bestandsnamen te achterhalen.

Hier is mijn Splash-afbeelding die ik met Photoshop heb gemaakt.

Het Splash-scherm toevoegen

Nu is het tijd om de Splash Screen-afbeelding aan onze app toe te voegen. Om dit te doen, verplaatst u uw afbeeldingen naar deze map: {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash . In Xcode, compileer de app door op de knop Afspelen te klikken; de app wordt gelanceerd in iPhone Simulator en je zou het Splash-scherm een ​​paar seconden moeten zien voordat we volledig in de app gaan.

Laatste gedachte

Kortom, we hebben nu de app-inhoud (hoewel het een dummy-inhoud is), twee menu-navigatie aan de rechterkant met een schuifpaneel ala Facebook, we hebben ook een toegevoegd pictogram en tenslotte hebben we zojuist het Splash-scherm toegevoegd. Onze app is bijna voltooid en we zijn nu bijna klaar om onze app te voltooien en te lanceren.

In onze volgende post zullen we dus onze app compileren in een distribueerbare app met Phonegap. Blijf kijken.

20 gratis 3D-modelleringssoftware die u kunt downloaden

3D-modelleringshulpmiddelen helpen individuele ideeën om te zetten in prachtige modellen en prototypen voor verschillende gebieden. Met deze tools kunt u vanaf het begin modellen bouwen en aanpassen, ongeacht of u een beginner of een professionele technicus bent . Populair in verschillende sectoren, zoals film, animatie, gaming, architectuur en interieurontwerp, 3D-modellen zijn de belangrijkste aspecten van verschillende projecten.

(Technische en ontwerptips)

20 coolste Fidget-spinners voor 2017

Vind je jezelf te vaak aan het spelen met paperclips of het klikken op pennen ? Welnu, het is niet schadelijk dat ons dagelijks leven veel stress veroorzaakt en dat mensen verschillende manieren proberen te vinden om zich te concentreren, te ontspannen of zichzelf af te leiden. U hoeft uw arme pen echter niet voor dat doel te gebruiken, want de wereld heeft nu iets met de naam Fidgets

(Technische en ontwerptips)