Dopo aver appreso su Image Control, in questa parte della nostra serie di tutorial, impareremo di più sulla progettazione degli aspetti delle applicazioni piuttosto che sulla funzionalità. Impareremo come usare la scelta dei colori dell'utente all'interno della tua applicazione, daremo anche un'occhiata ai diversi tipi di carattere e alle impostazioni dei colori e infine vedremo come combinare le impostazioni personalizzate che creeremo in stili, che possono essere usati su una singola pagina o sull'intera applicazione.
Iniziamo subito. Crea un nuovo progetto con un nome come al solito e posiziona un pulsante dove vuoi. Ora avvia l'emulatore e fai clic sul pulsante di avvio. Puoi quindi accedere alla scheda Impostazioni (fai clic sulla freccia direzionale visualizzata accanto all'icona IE). Ora, una volta raggiunte le impostazioni, vai ai temi. Qui è possibile l'utente può modificare il colore di sfondo così come il colore di primo piano. Ora, se selezioni un colore di primo piano diverso e avvii l'applicazione, non vedrai differenze o stile applicativo poiché non abbiamo ordinato alla nostra applicazione di obbedire alla scelta degli utenti.
Quindi dove sono definite queste risorse statiche? Non sarai in grado di cercarli nel nostro progetto. Sono già presenti sul nostro Windows Phone 7.5 e sono conosciuti come risorse tematiche. Se vuoi saperne di più sulle risorse del tema, c'è una grande pagina su MSDN dove sono elencate tutte le spazzolate (risorse statiche). Sebbene ci siano dozzine di risorse elencate, useremo solo una risorsa per la nostra applicazione, PhoneAccentBrush. Ciò darà accesso al colore di sfondo e di primo piano. Possiamo aggiungere questa risorsa usando uno dei due modi, aggiungendolo tramite le finestre delle proprietà o definendolo nella finestra del codice.
Iniziamo a modificare il codice. Inizia a digitare le seguenti righe nell'area codice per il pulsante che abbiamo nella finestra XAML.
BorderBrush = "{StaticResource PhoneAccentBrush}"
Una volta scritta questa linea, noterai che il bordo del pulsante diventa Blu. Ora perché blu? Perché queste sono alcune impostazioni predefinite che Microsoft ha fatto nello strumento di sviluppo di Windows Phone. Cambiamo subito le proprietà in primo piano, ma questa volta usando la finestra delle proprietà. Seleziona il pulsante e vai alla sua finestra delle proprietà e cerca la proprietà in primo piano. Fare clic destro su quella proprietà e fare clic su "Applica risorsa". Una volta che lo fai, ti mostrerà una lista di stili disponibili. Clicca su "PhoneAccentBrush" come abbiamo fatto con lo sfondo. Ora prova a cambiare lo sfondo e il colore di primo piano dell'emulatore e poi esegui l'applicazione.
