Come aggiungere lo splash screen nell'applicazione iOS

Lo Splash Screen è la cosa che vedrai per alcuni secondi quando apri un'app mobile. Lo Splash Screen è utile in molti modi che potrebbero migliorare l'esperienza dell'utente e rafforzare il marchio dell'app mobile. Mostra agli utenti che hanno aperto l'app giusta ed è una buona scusa per mostrare il logo dell'app.

Secondo Apple, uno Splash Screen potrebbe anche dare un'impressione agli utenti che l'app è veloce e reattiva . Quindi, se hai un'app per iOS, puoi considerare di aggiungere anche una schermata di avvio.

In questo tutorial della nostra serie Cordova, ti mostreremo come creare uno Splash Screen. Assicurati di aver seguito i nostri post precedenti su questo in cui:

• Impostare un progetto per lo sviluppo mobile con Cordova,
• Costruito un'interfaccia utente di base con jQuery Mobile e
• Aggiunta dell'icona dell'app.

Iniziare

Per prima cosa, vedremo le dimensioni richieste per creare la schermata iniziale. Simile all'aggiunta dell'icona dell'app, le dimensioni dell'immagine dello schermo Splash variano in base alla versione iOS supportata dall'app. Come un esempio qui, avremo bisogno di tre dimensioni di immagine; vedere questa tabella sotto per i dettagli.

Questa tabella è semplificata calssifiying la dimensione dell'immagine all'interno della versione iOS supportata. Poiché, in questa tabella, abbiamo ipotizzato che iOS 7 sia installato solo nell'iPhone con display Retina. Quindi, possiamo vedere che iOS 7 richiede solo la massima dimensione dell'immagine: 640 × 960 e 640 × 1136, che verrà utilizzata in iPhone 5 e 5c con dimensioni dello schermo di 4 pollici.

Una volta che abbiamo capito le dimensioni, possiamo iniziare a creare le immagini di Spalsh Screen. Puoi liberamente utilizzare qualsiasi applicazione con cui hai familiarità per creare le immagini. Salvare le immagini come PNG e denominarle nella seguente convenzione.

Questi sono i nomi di file standard utilizzati da Cordova e Xcode per acquisire l'immagine Splash Screen. Seguendo questa convenzione eviteremo l'installazione estranea in Xcode, in modo che possa trovare i nomi dei file personalizzati.

Ecco la mia immagine Splash che ho creato con Photoshop.

Aggiunta della schermata iniziale

Ora è il momento di aggiungere l'immagine Splash Screen alla nostra app. Per fare ciò, sposta le immagini in questa cartella: {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash . In Xcode, compilare l'app facendo clic sul pulsante Riproduci; l'app verrà lanciata in iPhone Simulator e dovresti vedere lo Splash Screen mostrato per alcuni secondi prima di entrare completamente nell'app.

Pensiero finale

Per riassumere, ora abbiamo il contenuto dell'app (anche se si tratta di un contenuto fittizio), due menu di navigazione a destra con un pannello scorrevole di Facebook, abbiamo anche aggiunto un'icona, e infine qui abbiamo appena aggiunto la schermata iniziale. La nostra app è quasi completa e ora siamo molto vicini alla fine e lancia la nostra app.

Quindi, nel nostro prossimo post, faremo come compilare la nostra app in un'app distribuibile con PhoneGap. Rimanete sintonizzati.

VLC media player per supportare presto video a 360 gradi

VLC media player è noto per la sua flessibilità grazie alla sua capacità di riprodurre praticamente qualsiasi formato video sotto il sole. Presto, il lettore multimediale sarà in grado di supportare ancora un altro formato video: video a 360 gradi .Per darci un piccolo assaggio di che cosa sta arrivando a VLC, VideoLAN ha deciso di rilasciare un'anteprima tecnica della funzionalità chiamata VLC 360 ° .Creat

(Consigli tecnici e di design)

77 slogan accattivanti e creativi

Uno slogan è uno slogan pubblicitario o una frase che gli inserzionisti creano per esprimere verbalmente l'importanza e l'idea centrale del loro prodotto o servizio. Nel complesso, è un tema di una campagna che di solito ha un ruolo genuino nella vita delle persone. Ha la capacità di prestare tempo e attenzione alle persone mettendo i consumatori al centro della soluzione .Il

(Consigli tecnici e di design)