Windows

Bruk stil og tema ressurs til kontroller: Windows Phone Apps Development Tutorial - Del 20

The Windows Phone: an $8 Billion fiasco

The Windows Phone: an $8 Billion fiasco
Anonim

I den siste opplæringen lærte vi hvordan du bruker stil og tema ressurs til våre kontroller. Nå i denne delen av vår opplæringsserie , vil vi fortsette å jobbe med stiler og ressurser og lære å bruke fargematerialer etter eget valg.

La oss begynne å jobbe med det samme prosjektet som vi opprettet i den siste opplæringen med en knapp. Velg den knappen og hodet mot eiendomsvinduet. Når du klikker på liten piltast som ligger ved siden av Foreground-eiendom, vil du legge merke til at et annet lite vindu åpner opp med forskjellige fargefliser og faner på den. Det er fire små faner på det lille vinduet, nemlig Null Brush, Solid Color Brush, Gradient Brush og Image Brush. Som standard er den satt til solid børste med farge hvit (RGB: 0,0,0 og alfa gjennomsiktighetskanal satt til 255). Du kan velge fargen du vil ha ved å flytte glidebryteren langs den vertikale linjen og deretter den sirkulære markøren for å velge den eksakte nyansen. Du kan også velge iDropper ved hjelp av hvilken du kan adoptere farge på et av de tilgjengelige verktøyene. Det er mange måter å endre fargen på denne fargebørsten.

Det samme gjelder med Gradient Brush. Det utfører lignende oppgave som solid farger børste, men sport noen ekstra alternativer. Det gir deg en rekke stopp. Du kan bruke disse stoppene kreativt for å få forskjellige nyanser blant den valgte fargen. Du kan også endre fargestrukturen ved hjelp av alternativer som horisontal gradient og vertikal gradient. Bildebørste lar deg velge et bilde som vår ressurs. Du kan legge til et bilde akkurat som vi la til et bilde i bildekontroll.

Bruk nå gradientfargebørste med et stopp som jeg har gjort det (Se bilde). Nå ser du at XAML-vinduet vil legge til noen kode i XAML-vinduet for knappen.

Nå antar at hvis vi vil legge til samme gradientfarge, la vi til vår knapp til alle andre kontroller på siden vår, hvordan gjør vi det? For det går til forgrunnsegenskap der vi setter funky gradientfargebørsten og høyreklikker på den og velger "Utdragsverdi til ressurs". Det åpner et lite popup-vindu "Create Resource". Du kan navngi ressursen som du vil, eller du kan gå som den er. Deretter kan du velge hvor du vil lagre den, avhengig av hvor du vil bruke denne ressursen. Hvis du vil bruke det på en enkelt side, velger du MainPage.xaml, velg App.xaml og klikk på OK.

Dra nå en annen knapp på designerflaten og gå til forgrunnsegenskapen. Nå finner du vår egendefinerte ressurs under navnet lokale ressurser. Når du klikker på den, vil du se den andre knappen som har samme farge som den første. Hva om det finnes flere egenskaper som vi ønsker å bruke på vår kontroll? Vi kan gjøre det ved å bruke stiler. En stil er en samling av eiendomssettere. La oss lage en ny stil nå. Først slett alle endringene vi gjorde i siste eksempel og få en ny knapp for nystart. Lim inn følgende kode under xmlsns-deklarasjonene.







I denne koden har vi opprettet to setteregenskaper for å endre grensen og forgrunnsfargen. Etter dette går du til knappens kode og legger til denne koden:

Style = "{StaticResource myStyle}".

Du vil legge merke til at knappens kantfarge og forgrunnsfarge blir rød.

Nå hvis du vil For å bruke denne stilen til hele programmet, kut koden mellom. Åpne App.xaml-filen og lim den inn mellom programressursetiketter. Nå, hvis du går tilbake og sjekker knappen, vil du se at knappen fortsatt viser rød farge.

Så handler dette om stiler og ressurser i Windows Phone 7.5. I neste kapittel lærer vi om å navigere mellom xaml-sidene.