După ce ați învățat despre Image Control, în această parte a seriei de tutorial, vom afla mai multe despre proiectarea aspectelor aplicațiilor decât a funcționalității. Vom învăța cum să folosim culorile utilizatorilor în cadrul aplicației, vom analiza, de asemenea, selectarea diferitelor fonturi și setări de culori și, în final, vom analiza cum să combinăm setările personalizate pe care le vom crea în stiluri care pot fi utilizate pe o singură pagină sau pe întreaga aplicație.

Să începem imediat. Creați un nou proiect cu un nume ca de obicei și plasați un buton oriunde doriți. Acum, porniți emulatorul și faceți clic pe butonul de pornire. Deci, puteți ajunge la fila de setări (faceți clic pe săgeata de direcție afișată lângă pictograma IE). Acum, odată ce ați ajuns la setări, accesați teme. Aici puteți modifica culoarea de fundal, precum și culoarea primului. Acum, dacă selectați culori diferite pentru prim plan și începeți să aplicați, nu veți vedea nici o diferență sau stil de aplicare deoarece nu am comandat aplicația noastră să respecte opțiunea utilizatorilor.

Dacă vedeți fereastra noastră XAML, veți vedea mai multe proprietăți, cum ar fi font-family, font-size și așa mai departe. Acestea au fost predefinite pentru utilizarea noastră. Uită-te la modul în care au fost definite. Acestea sunt legăturile de proprietate, cunoscute și sub numele de sintaxă obligatorie. O resursă este orice valoare reutilizabilă în Silverlight care a fost setată într-un singur loc și este folosită la alta! La fel ca CSS.

Deci unde sunt definite aceste resurse statice? Nu veți putea căuta în proiectul nostru. Ele sunt deja prezente pe telefonul nostru Windows Phone 7.5 și sunt cunoscute sub denumirea de resurse tematice. Dacă doriți să aflați mai multe despre resursele tematice, există o pagină minunată pe MSDN unde sunt enumerate toate resursele periate (resurse statice). Deși există zeci de resurse enumerate, vom folosi o singură resursă pentru aplicația noastră, PhoneAccentBrush. Acest lucru va permite accesul la culoarea fundalului și a primului plan. Putem adăuga această resursă folosind oricare dintre cele două moduri, fie prin adăugarea acesteia prin ferestrele cu proprietăți, fie prin definirea acesteia în fereastra de cod.

Să începem editarea codului. Începeți să tastați următoarele linii în zona de cod pentru butonul pe care îl avem în fereastra XAML.

BorderBrush = "{StaticResource PhoneAccentBrush}"

După ce scrieți această linie, veți observa că marginea butonului devine albastră. De ce albastru? Deoarece acestea sunt unele setări implicite pe care Microsoft le-a făcut în instrumentul Windows Phone developer. Să schimbăm acum proprietatea din prim plan, dar de această dată utilizând fereastra de proprietăți. Selectați butonul și mergeți la fereastra proprietății și căutați proprietatea Foreground. Faceți clic dreapta pe acea proprietate și faceți clic pe "Aplicați resursele". După ce faceți acest lucru, acesta vă va afișa o listă cu stilurile disponibile. Faceți clic pe "PhoneAccentBrush" așa cum am făcut-o cu fundalul. Acum încercați să schimbați fundalul, precum și culoarea în prim-plan a emulatorului și apoi executați aplicația.

Funcționează, culoarea primului și a fundalului are aceeași culoare ca și tema, nu-i așa? Prin aceasta, ajungem la sfârșitul acestui post. În următorul tutorial vom continua să studiem despre modul de aplicare a resurselor și stilului.

Sfaturi De Top:
Comentarii: