Slik legger du til splash-skjerm i iOS-programmet

Splash-skjermen er den tingen du vil se i noen sekunder når du åpner en mobil-app. Splash-skjermen er nyttig på mange måter som kan forbedre brukeropplevelsen, samt styrke mobilprogramvaren. Det viser brukere at de åpnet den riktige appen, og er en god unnskyldning for å vise frem app-logoen.

Ifølge Apple kan en Splash-skjerm også gi brukerne et inntrykk av at appen er rask og responsiv . Så hvis du har en iOS-app, kan du vurdere å legge til en Splash-skjerm også.

I denne opplæringen i Cordova-serien skal vi vise deg hvordan du lager en splash-skjerm. Pass på at du har fulgt våre tidligere innlegg på dette hvor vi:

• Sett et prosjekt for mobil utvikling med Cordova,
• Bygget et grunnleggende brukergrensesnitt med jQuery Mobile, og
• Legger til appikonet.

Starter

Først vil vi se størrelsene som kreves for å opprette Splash-skjermen. Ligner på å legge til appikonet, vil Splash-skjermbildestørrelsene variere i henhold til iOS-versjonen som appen skal støtte. Som eksempel her vil vi trenge tre bildestørrelser; se denne tabellen under for detaljer.

Denne tabellen er forenklet ved å calssifiying bildestørrelsen i iOS-versjonen som støttes. Siden i denne tabellen antok vi at iOS 7 bare er installert i iPhone med Retina-skjerm. Så vi kan se at iOS 7 krever bare den høyeste bildestørrelsen: 640 × 960 og 640 × 1136, som vil bli brukt i iPhone 5 og 5c som har skjermstørrelse på 4 tommer.

Når vi har funnet ut størrelsene, kan vi begynne å lage Spalsh-skjermbildene. Du kan fritt bruke hvilket program du har kjent med for å lage bildene. Lagre bildene som PNG, og oppgi dem i følgende konvensjon.

Dette er standardfilnavnene som Cordova og Xcode bruker til å plukke opp Splash Screen-bildet. Etter denne konvensjonen unngår vi oss fra ekstern oppsett i Xcode, for at den skal finne ut de tilpassede filnavnene.

Her er mitt Splash-bilde som jeg har laget med Photoshop.

Legge til splash-skjermen

Nå er det på tide å legge til Splash Screen-bildet til vår app. For å gjøre det, flytt bildene dine til denne mappen: {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash . I Xcode, kompilere appen ved å klikke på Play-knappen; Appen vil bli lansert i iPhone Simulator, og du bør se at Splash-skjermen vises i noen sekunder før vi går helt inn i appen.

Endelig tanke

For å oppsummere, har vi nå appinnholdet (om enn det er et dummyinnhold), to menynavigasjon til høyre med en skyvepanel ala Facebook, vi har også lagt til ikon, og til slutt her har vi nettopp lagt til Splash-skjermen. Vår app er nesten fullført, og vi er nå svært nær å fullføre og starte vår app.

Så, i vårt neste innlegg, vil vi hvordan å kompilere vår app i en distribuerbar app med Phonegap. Følg med.

Design til kodetjenester for webutviklingsprosjektene dine

Det er noen webdesignere som foretrekker å jobbe med sine nettsidebyggingsprosjekter fra start til slutt. Men de fleste foretrekker å strengt fokusere på estetikk. De overlater sine design til utviklere og venter på koden, eller samarbeider med kodene for å få sluttproduktet så perfekt som mulig .Å ha e

(Tekniske og design tips)

8 Kraftige Visual Studio-kodeutvidelser for frontend-utviklere

Selv om Microsoft utgav den første stabile versjonen av Visual Studio Code, har den kraftige kodeditoren bare noen måneder siden, allerede i mars 2016, det allerede mange utvidelser tilgjengelig som kan ta kodingserfaring til neste nivå. De offisielle Visual Studio-kodens utvidelser er vert på Visual Studio Code Marketplace, hvorav mange kan være en stor hjelp for webutviklere.For

(Tekniske og design tips)