Windows

Använd stil och tematillgång till kontroller: Handledning för utveckling av Windows Phone Development - Del 20

Hands-on with the new "Apps" feature in Your Phone for Windows 10

Hands-on with the new "Apps" feature in Your Phone for Windows 10
Anonim

I den senaste handledningen lärde vi oss hur du applicerar stil och tematillgång till våra kontroller. Nu i denna del av vår handledningsserie fortsätter vi med att arbeta med stilar och resurser och lär dig att tillämpa färgresurser av vårt val.

Låt oss börja arbeta med samma projekt som vi skapade i senaste handledning med en knapp. Välj den knappen och huvudet mot egenskapsfönstret. När du klickar på den lilla pilknappen som ligger bredvid Förgrundsegenskapen märker du att ett annat litet fönster öppnas med olika färgplattor och flikar på den. Det finns fyra små flikar på det lilla fönstret, nämligen Null Brush, Solid Color Brush, Gradient Brush och Image Brush. Som standard är den inställd på solid borste med färgvit (RGB: 0,0,0 och alfagennomsökningskanal inställd till 255). Du kan välja den färg du vill ha genom att flytta reglaget längs den vertikala linjen och sedan den cirkulära markören för att välja den exakta nyansen. Du kan också välja iDropper med vilken du kan anta färg på något av det tillgängliga verktyget. Det finns många sätt att ändra färgen på den här färgpenselen.

Samma sak gäller Gradient Brush. Det utför en liknande uppgift som en färgpensel, men sporten har några ytterligare alternativ. Det ger dig en serie stopp. Du kan använda dessa stopp kreativt för att få olika nyanser bland den valda färgen. Du kan också ändra färgens konsistens med hjälp av alternativ som horisontell gradient och vertikal gradient. Bildborste låter dig välja en bild som vår resurs. Du kan lägga till en bild precis som vi lagt till en bild i bildkontroll.

För nu, använd färghålborste med hjälp av ett stopp som jag har gjort det (Se bild). Nu om du ser XAML-fönstret ser du att någon kod läggs till i XAML-fönstret för knappen.

Anta nu att om vi vill lägga till samma gradientfärg lägger vi till vår knapp till alla andra kontroller på vår sida, hur gör vi det? För det går vi till förgrundsegenskapen där vi sätter färgpenselfärgen och högerklickar på den och väljer "Extract value to resource". Det öppnar ett litet popup-fönster "Skapa resurs". Du kan namnge resursen som du vill eller du kan lämna som den är. Då kan du välja var du vill spara det, beroende på var du vill använda den här resursen. Om du vill använda den på en enda sida, välj MainPage.xaml annars välj App.xaml och klicka på Ok.

Dra nu en annan knapp på designytan och gå till förgrundsegenskapen. Nu hittar du vår egen resurs under namnet lokala resurser. När du klickar på den ser du den andra knappen som har samma färg som den första. Vad händer om det finns flera egenskaper som vi vill tillämpa på vår kontroll? Vi kan göra det med hjälp av stilar. En stil är en samling av fastighetssättare. Låt oss skapa en ny stil nu. Ta först bort alla ändringar som vi gjorde i föregående exempel och få en ny knapp för nybörjare. Klistra in följande kod under xmlsns-deklarationerna.







I denna kod har vi skapat två setteregenskaper för att ändra gränsen och förgrundsfärgen. Efter detta gå till knappens kod och lägg till den här koden:

Style = "{StaticResource myStyle}".

Du kommer märka att vår knappfärg och förgrundsfärg blir röd.

Om du vill För att tillämpa denna stil på hela din ansökan, skära koden mellan. Öppna App.xaml-filen och klistra in den mellan programresursmarkörerna. Nu om du går tillbaka och kontrollerar knappen kommer du att se att knappen fortfarande visar röd färg.

Så handlar det här om Styles och resurser i Windows Phone 7.5. I nästa kapitel lär vi oss att navigera mellan xaml sidorna.