Guida introduttiva: Creazione di un riquadro predefinito tramite l'editor del manifesto di Microsoft Visual Studio (app di Windows Runtime)
[ 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 ]
In questo argomento vengono illustrati i passaggi necessari per creare un riquadro predefinito, ovvero il riquadro visualizzato nella schermata Start finché non si inizia a ricevere notifiche, mediante l'editor del manifesto di Visual Studio.
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
Obiettivo: Creare un nuovo progetto in Visual Studio con un modello installato e quindi definire un riquadro predefinito e la relativa immagine nel manifesto del pacchetto.
Prerequisiti
- Una versione di Visual Studio che supporti almeno Windows 8
- L'immagine o il set di immagini di un logo da visualizzare sul riquadro.
- Una versione ridotta dell'immagine di tale logo da usare nei risultati delle ricerche, nell'elenco App e in altre posizioni dell'interfaccia utente.
- Facoltativo: una versione estesa del file dell'immagine del logo. Per altre informazioni sui casi in cui includere un'immagine estesa, vedi Linee guida ed elenco di controllo per i riquadri.
Istruzioni
1. Creare un nuovo progetto
- Apri Visual Studio.
- Fai clic su Nuovo progetto.
- Fai clic su Installato nel riquadro sinistro, se non è già espanso.
- In Modelli espandi il linguaggio del progetto.
- Scegli App di Store.
- Scegli l'opzione migliore per la tua app, ovvero Applicazioni Windows, Applicazioni Windows Phone o Applicazioni universali (includono Windows e Windows Phone).
- Nel riquadro centrale della finestra Nuovo progetto scegli Applicazione vuota.
- Assegna al tuo progetto un nome nella parte inferiore della finestra.
- Fai clic su OK.
2. Aprire l'editor del manifesto
- Se Esplora soluzioni non è visualizzato, selezionalo nel menu Visualizza.
- Fai doppio su package.appxmanifest. Verrà aperta la finestra dell'editor del manifesto.
3. Specificare i dettagli del riquadro predefinito
Nota Questo passaggio non riguarda tutte le opzioni disponibili nell'editor del manifesto, ma solo quelle pertinenti per il riquadro predefinito.
Se non è già selezionata, seleziona la scheda Applicazione.
Se necessario, modifica il Nome visualizzato. Si tratta del nome che il riquadro ha nell'elenco App e che viene visualizzato sul riquadro.
Selezionare la scheda Asset visivi
In Logo e immagini delle icone sono disponibili immagini predefinite per tutti i logo del manifesto di Windows Phone e logo selezionati per il manifesto di Windows:
- Logo quadrato 150x150
- Logo quadrato 30x30
- Logo di Store
Sostituisci queste immagine con le tue. Puoi fornire immagini per scale visive diverse, ma non è necessario che tu le fornisca tutte. Se vuoi inserire una sola immagine per ogni logo, fai in modo che sia della scala 180% per Windows e 240% per Windows Phone. Tieni presente che le immagini fornite devono avere le stesse dimensioni in pixel specificate nell'editor del manifesto.
Importante Per i riquadri con dimensioni estese e grandi, devi fornire immagini estese e grandi per consentire all'utente di ridimensionare il riquadro della tua app in base a tali dimensioni. Senza tali immagini del logo, le dimensioni del riquadro della tua app, potranno essere solo medie o piccole.
Immetti un nome breve per l'app. Questo nome può essere usato nel riquadro al posto del nome visualizzato Per il nome usa al massimo 13 caratteri. Se il nome è troppo lungo, verrà troncato. Puoi scegliere di visualizzare logo, il nome breve oppure nessuno dei due.
Scegli le dimensioni del riquadro che consentono la visualizzazione del nome breve.
Solo Windows: in base al colore dello sfondo del riquadro, scegli se usare un tipo di carattere chiaro o scuro per il testo del nome.
Solo Windows: scegli dimensioni predefinite per il riquadro. Quando l'utente aggiungerà la tua app alla schermata Start, avrà queste dimensioni.
Puoi accettare il colore di sfondo predefinito o indicarne uno personalizzato specificando una stringa di colore in formato W3DC, ad esempio #FFFFFF. Questo colore di sfondo è usato anche per altri aspetti dell'app, ad esempio per i pulsanti di tutte le finestre di dialogo dell'app e la pagina Descrizione applicazione in Windows Store. Nota Windows Phone: imposta il colore di sfondo su "trasparente" per usare il colore principale del sistema.
Riepilogo e passaggi successivi
In questa guida introduttiva abbiamo creato la definizione di un riquadro predefinito in un manifesto del pacchetto.
Dopo aver installato l'app, potrai iniziare ad aggiornare il riquadro con informazioni pertinenti per l'utente. Per informazioni sulla progettazione e l'invio di una notifica di tipo riquadro, vedi Guida introduttiva: Invio di un aggiornamento di riquadro.
Argomenti correlati
Scenari di funzionalità dell'esempio Reversi: riquadro e schermata iniziale