Guida introduttiva: Aggiunta di una schermata iniziale (HTML)
[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]
Impostare l'immagine della schermata iniziale e il colore di sfondo dell'app con Visual Studio 2013.
Per una dimostrazione pratica di questa funzionalità, vedi gli argomenti della serie Funzionalità dell'app, dall'inizio alla fine: Interfaccia utente delle app di Windows Store, dall'inizio alla fine (HTML).
Prerequisiti
In questa guida introduttiva viene usato Visual Studio 2013. Per scaricarlo, vedi Trovare gli strumenti necessari.
Impostare l'immagine della schermata iniziale e il colore di sfondo con Visual Studio 2013
Se usi un modello di Visual Studio 2013 per creare un'app, viene aggiunta al progetto un'immagine predefinita che viene impostata come immagine della schermata iniziale. Come colore di sfondo predefinito per la schermata iniziale viene usato il grigio chiaro. Se vuoi cambiare l'immagine o il colore predefinito della schermata iniziale di un'app, segui questi passaggi:
Apri il progetto dell'app di Windows Runtime esistente in Visual Studio 2013.
In Esplora soluzioni apri il file "Package.appxmanifest". Puoi anche aprire questo file dalla barra dei menu facendo clic su Progetto, Archivio e Modifica manifesto applicazione.
Apri la scheda Asset visivi e seleziona Schermata iniziale dal riquadro Tutti gli asset delle immagini sul lato sinistro della finestra "Package.appxmanifest". Se è la prima volta che modifichi la schermata iniziale, visualizzerai il percorso "Assets\SplashScreen.png" nel campo Schermata iniziale.
Nella cattura di schermata seguente viene mostrata la finestra "Package.appxmanifest" in Visual Studio 2013. A seconda che il progetto sia per un'app di Windows Store o un'app di Windows Phone Store verrà visualizzato un set di asset visivi leggermente diverso.
.png "Cattura di schermata della finestra \"Package.appxmanifest\" in Visual Studio 2013")
Se apri "Package.appxmanifest" in un editor di testo, SplashScreen element viene visualizzato come figlio di VisualElements element. Il markup della schermata iniziale predefinita nel file manifesto è simile a questo in un editor di testo:
<m2:SplashScreen Image="Assets\splashscreen.png" />Per selezionare una nuova immagine per la schermata iniziale per un'app di Windows Store, fai clic sul pulsante con i puntini di sospensione visualizzato accanto all'etichetta 620 x 300 px al di sotto di Asset scalati. Scegli l'immagine da 620 x 300 pixel (png, jpg o jpeg) che vuoi usare come immagine della schermata iniziale.
Importante L'immagine che scegli per la schermata iniziale deve essere di 620 x 300 pixel e usare un fattore di proporzione 1x. Durante la progettazione della schermata iniziale, inoltre, tieni presente che è più piccola dello schermo e centrata. Non occupa per intero lo schermo come una schermata iniziale per un'app di Windows Phone Store.
Per selezionare una nuova immagine per la schermata iniziale per un'app di Windows Phone Store, fai clic sul pulsante con i puntini di sospensione visualizzato accanto all'etichetta 1152 x 1920 px al di sotto di Asset scalati. Scegli l'immagine da 1152 x 1920 pixel (png, jpg o jpeg) che vuoi usare come immagine della schermata iniziale.
Importante L'immagine che scegli per la schermata iniziale deve essere di 1152 x 1920 pixel, ovvero le dimensioni correte per il fattore di scala 2,4x. Se questo è l'unico asset che fornisci, verrà ridimensionato (ridotto) per i fattori di scala 1,4x e 1x.
Nel campo Colore di sfondo della sezione Schermata iniziale imposta il colore di sfondo visualizzato con l'immagine della schermata iniziale. Puoi immettere il nome di un colore oppure '#' e il valore hex di un colore. Per un elenco dei nomi dei colori disponibili, vedi SplashScreen element.
L'impostazione di un colore di sfondo per la schermata iniziale è facoltativa. Se non specifichi un colore per un'app di Windows Store, verrà usato il colore di sfondo predefinito per la schermata iniziale, ovvero il grigio chiaro (valore hex #464646). Questo è lo stesso colore di sfondo predefinito per Icona (vedi il campo Colore di sfondo della sezione Logo e immagini delle icone nella scheda Asset visivi). Se non specifichi un colore per un'app di Windows Phone Store oppure lo imposti su "transparent", il colore di sfondo della schermata iniziale sarà trasparente.
Riepilogo e passaggi successivi
Se il caricamento dell'app richiede tempo, valuta la possibilità di aggiungere una schermata iniziale estesa. Per indicazioni dettagliate, vedi Come estendere la schermata iniziale. Per istruzioni su come creare un'esperienza di caricamento adeguata, vedi Linee guida ed elenco di controllo per le schermate iniziali.
Vuoi saperne di più sulle altre immagini richieste per un'app di Windows Store? Vedi Scelta delle immagini dell'app.
Argomenti correlati
Linee guida ed elenco di controllo per le schermate iniziali
Come estendere la schermata iniziale
Scelta delle immagini dell'app
Riferimenti