no.hideout-lastation.com
Paradis For Designere Og Utviklere


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.

Størrelse / plattformeriOS 6.xiOS 7.x
320 x 480
640 x 960
640 x 1136

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.

10 Windows Phone Triks og innstillinger du bør vite

10 Windows Phone Triks og innstillinger du bør vite

Du føler deg så spent som du nettopp har fått en helt ny Windows Phone. Du begynner å utforske telefonen i nesten alle hjørnene. Du har allerede installert mange apper som vises på startskjermen. Du har blitt vant til bevegelsene, og til slutt finner du også noen skjulte funksjoner.Likevel, med alle funksjonene som sendes i Windows Phone, er det en sjanse for at du har gått glipp av et par nyttige triks og nyttige innstillinger for å konfigurere og justere Windows Phone. Så her

(Tekniske og design tips)

Googles sikkerhetskopiering og synkronisering - Hva du trenger å vite

Googles sikkerhetskopiering og synkronisering - Hva du trenger å vite

I juni annonserte Google til verden at Google Desktop-klientens stasjon vil bli etterfulgt av en ny sikkerhetskopierings- og synkroniseringsklient . Etter at det har gått en liten forsinkelse, er appen nå tilgjengelig for Windows og Mac- brukere å laste ned og bruke. Her er hva du trenger å vite om den nye Backup og Sync-klienten.Set

(Tekniske og design tips)