Anvend stil og tema ressource til kontroller: Windows Phone Apps Development Tutorial - Del 20

I sidste øvelse lærte vi at anvende stil og temaressource til vores kontrolelementer. Nu i denne del af vores tutorialserie fortsætter vi med at arbejde med stilarter og ressourcer og lærer at anvende farveressourcer efter eget valg.

Lad os begynde at arbejde med det samme projekt, som vi lavede i sidste vejledning med en knap. Vælg den knap og hovedet mod egenskabsvinduet. Når du klikker på den lille piletast, der ligger ved siden af ​​Foreground-ejendommen, vil du bemærke, at et andet lille vindue åbner op med forskellige farvefliser og faner på den. Der er fire små faner på det lille vindue nemlig Null Brush, Solid Color Brush, Gradient Brush og Image Brush. Som standard er den indstillet til solid børste med farve hvid (RGB: 0,0,0 og alfa gennemsigtighedskanal sat til 255). Du kan vælge den ønskede farve ved at flytte skyderen langs den lodrette bjælke og derefter den cirkulære markør for at vælge den nøjagtige skygge. Du kan også vælge iDropper ved hjælp af hvilken du kan vedtage farve på et af de tilgængelige værktøjer. Der er mange måder at få til at ændre farven på denne massive farvebørste.

Det samme gælder med Gradient Brush. Det udfører lignende opgave som fast farve pensel, men sport få ekstra muligheder. Det giver dig en række stop. Du kan bruge disse stop kreativt til at få forskellige nuancer blandt den valgte farve. Du kan også ændre teksturens farve ved hjælp af muligheder som vandret gradient og lodret gradient. Billedbørste giver dig mulighed for at vælge et billede som vores ressource. Du kan tilføje et billede, ligesom vi tilføjede et billede i billedkontrol.

Brug nu gradientfarvebørste med et stop som jeg har gjort det (Se billede). Nu, hvis du ser XAML-vinduet, vil du se, at nogle kode er tilføjet til XAML-vinduet for knappen.

Lad os nu sige, at hvis vi vil tilføje samme farvefarve, tilføjede vi til vores knap til alle andre kontroller på vores side, hvordan gør vi det? For at gå til forgrundsegenskab hvor vi sætter den funky gradientfarve børste og højreklik på den og vælg "Uddrag værdi til ressource". Det åbner et lille popup vindue "Create Resource". Du kan navngive ressourcen som du vil, eller du kan forlade som den er. Derefter kan du vælge, hvor du vil gemme det, alt efter hvor du vil bruge denne ressource. Hvis du vil bruge det på en enkelt side, skal du vælge MainPage.xaml eller vælge App.xaml og klikke på Ok.

Træk nu en anden knap på designerfladen og gå til forgrundsegenskab. Nu finder du vores brugerdefinerede ressource under navnet lokale ressourcer. Når du har klikket på den, vil du se den anden knap, der bærer samme farve som den første. Hvad hvis der er flere egenskaber, som vi vil anvende til vores kontrol? Det kan vi gøre ved hjælp af stilarter. En stil er en samling af ejendomssættere. Lad os nu oprette en ny stil. Først slet alle de ændringer, vi gjorde i sidste eksempel, og få en ny knap til ny start. Indsæt følgende kode under xmlsns-deklarationerne.

I denne kode har vi oprettet to setteregenskaber for at ændre grænsen og forgrundsfarven. Efter dette skal du gå til knappens kode og føje denne kodekode:

Style = "{StaticResource myStyle}".

Du vil bemærke, at vores knapfarvefarve og forgrundsfarve bliver rød.

Nu hvis du vil Hvis du vil anvende denne stil på hele din ansøgning, skal du skære koden mellem. Åbn App.xaml-filen og indsæt den mellem programressource-tags. Nu, hvis du går tilbage og tjekker knappen, vil du se, at knappen stadig viser rød farve.

Så handler det her om stilarter og ressourcer i Windows Phone 7.5. I næste kapitel lærer vi om at navigere mellem xaml siderne.