A stílus és a téma erőforrás alkalmazása az ellenőrzésekhez: Windows Phone Alkalmazások fejlesztési bemutatója - 20. rész

Az utolsó bemutatóban megtanulta, hogyan alkalmazzunk stílus- és témaforrásokat a vezérlőinkre. Most a bemutatósorozat ezen részében folytatjuk a stílusok és erőforrások használatát, és megtudjuk, hogyan alkalmazzuk a választott színes erőforrásokat.

Kezdjük el dolgozni ugyanazt a projektet, amelyet az utolsó bemutatóban egy gombnyomással. Válassza ezt a gombot, és menjen a tulajdonságablak felé. Ha az Előtér tulajdonság mellett lévő kis nyílgombbal kattint, észreveheti, hogy egy másik kis ablak nyílik meg különböző színű lapokkal és fülekkel. A kis ablakban négy kis lap van: Null Brush, Solid Color Brush, Gradient Brush és Image Brush. Alapértelmezés szerint fehér ecsettel van beállítva, fehér színnel (RGB: 0,0,0 és alfa átlátszó csatorna 255-re állítva). Kiválaszthatja a kívánt színt a csúszka mozgatásával a függőleges sávon, majd a kör alakú kurzorral a pontos árnyalat kiválasztásához. Azt is választhatja az iDropper-ot, amellyel bármely rendelkezésre álló eszköz színét elfogadhatja. Sokféle módon módosíthatja a színt ezen a színes ecsettel.

Ugyanez történik a Gradient Brush-el. Hasonló feladatot végez, mint a színes ecset, de kevés sportolási lehetőséget kínál. Számos megállást ad. Ezeket a megállókat kreatívan használhatja, hogy különböző színeket kapjon a kiválasztott szín közül. A színes textúrát is megváltoztathatja olyan lehetőségekkel, mint a vízszintes gradiens és a függőleges gradiens. A képkefe segítségével kiválaszthatja a képet forrásként. Képet adhat hozzá, ahogyan a képszabályozáshoz hozzáadtunk egy képet.

Most használja a színátmenet színes ecsetet a stop használatával, ahogyan én csináltam (lásd a képet). Most, ha látja az XAML ablakot, akkor látni fogod, hogy a XAML ablakhoz hozzáad egy kódot.

Tegyük fel, hogy ha ugyanazt a színátmeneti színt szeretnénk hozzáadni a gombhoz, hogyan csináljuk? Ettől kezdve az előtérbe kerül, ahol beállítjuk a funky gradiens színkefét, és jobb egérgombbal kattintsunk rá, és válasszuk az "Extract value to resource" értéket. Kinyílik egy kis felugró ablak, "Erőforrás létrehozása". Megnevezheti az erőforrást, amennyit csak akar, vagy hagyhatja, ahogy van. Ezután kiválaszthatja, hogy hol mentse el, attól függően, hogy hova kívánja használni ezt az erőforrást. Ha egy oldalra szeretné használni, válassza a MainPage.xaml másikat, válassza az App.xaml lehetőséget, majd kattintson az Ok gombra.

Most húzza át a nyomógombot a tervezőfelületen és lépjen előtérbe. Most saját erőforrásunkat a helyi erőforrások név alatt találja meg. Miután rákattintott rá, a második gomb ugyanolyan színű lesz, mint az első. Mi van akkor, ha több tulajdonság van, amit a kontrollunkra alkalmazni akarunk? Ezt stílusok segítségével tehetjük meg. A stílus a tulajdonosok gyűjteménye. Most hozzunk létre új stílust. Először törölje az összes olyan módosítást, amit az utolsó példában tettünk, és kap egy új gombot a friss induláshoz. Illessze be a következő kódot az xmlsns deklarációk alatt.

Ebben a kódban létrehoztunk két setter tulajdonságot a határ és az előtér színének megváltoztatásához. Ezután lépjen a gomb kódjába és adja hozzá ezt a kódot:

Style = "{StaticResource myStyle}"

Meg fogja találni, hogy a gomb szegélyének színe és az előtér színe pirosra vált.

hogy ezt a stílust alkalmazza az egész alkalmazáshoz, vágja el a kódot a. Nyissa meg az App.xaml fájlt, és illessze be az alkalmazás erőforrás-címkéi közé. Most, ha visszamegy, és ellenőrizze a gombot, látni fogja, hogy a gomb továbbra is piros színű.

Tehát ez a Stílusok és erőforrások a Windows Phone 7.5 operációs rendszerben található. A következő fejezetben megismerjük az xaml oldalak közötti navigációt.