2024 Forfatter: Peter John Melton | [email protected]. Sidst ændret: 2024-02-02 04:10
Efter at have lært om, hvordan man opretter og distribuerer et program i Silverlight-versionen af CTP-værktøjer, som en del af denne Windows Phone-tutorial-serie, går vi videre til Expression Blend. Expression Blend er et forfattersystem til professionelle designere til at opbygge brugeroplevelser, der er målrettet mod.NET 3.0 + platformen, og mere specifikt WPF eller Windows Presentation Foundation.
Generelt har Silverlight kontroller en separat logik fra deres visuelle udseende ved hjælp af skabeloner. EN ControlTemplate specificerer den visuelle struktur og visuel opførsel af en kontrol. Du kan tilpasse udseendet af de fleste kontroller ved at ændre deres standard ControlTemplate indstillinger. Dette giver dig mulighed for at ændre udseendet af kontrollen uden at ændre dens funktionalitet. For eksempel kan du lave knapperne i din applikationsrunde i stedet for standardfirkantformen, men knappen vil stadig hæve Klik begivenhed.
I denne vejledning åbner du det Visual Studio-projekt, du oprettede i den foregående øvelse i Expression Blend, og erstatter ControlTemplate af knappen for at ændre sit udseende. Fordi du opretter en ControlTemplate I XAML kan du ændre en kontrol udseende uden at skrive nogen kode.
2. Hvis du har gennemført trinene i den foregående øvelse, kan du fortsætte med den løsning, du har oprettet for den øvelse.
3. Åbn den nuværende løsning i Expression Blend. For at gøre dette fra Visual Studio, højreklik på MainPage.xaml i Solution Explorer, og vælg derefter Open in Expression Blend. Hvis denne indstilling ikke er tilgængelig-Den mest sandsynlige årsag er, at din nuværende version af Expression Blend ikke understøtter den nødvendige projekttype - følg de næste trin for at oprette et midlertidigt projekt, som du kan redigere ved hjælp af Expression Blend
4. Åbn Microsoft Expression Blend
5. Opret et nyt ansøgningsprojekt for midlertidigt at holde dine designaktiver. For at gøre dette skal du åbne Fil menuen og vælg derefter Nyt projekt
6. I Nyt projekt dialog, vælg Silverlight projekttype og vælg derefter Silverlight 3 Application skabelon. Indstil navnet til DesignHelloPhone, vælg et egnet sted, og hold sproget som Visual C #, og klik derefter på Okay.
7. Dobbeltklik i Visual Studio App.xaml i Solution Explorer for at åbne denne fil i editoren. Nu skal du åbne XAML-visningen, og derefter vælge og kopiere hele Application.Resources afsnit til udklipsholderen
8. Åbn Expression Blend igen, udvid DesignHelloPhone projekt i Projekter panelet og dobbeltklik App.xaml for at åbne filen
9. peg på Aktiv dokumentvisning i Udsigt menuen og vælg XAML View.
10. Find den Application.Resources afsnit i denne fil - det skal være tomt - og derefter indsætte indholdet af udklipsholderen for at erstatte det.
11. Find nu sektionen i den nyindførte tekst, der er afgrænset med kommentaren ***** LISTBOX / LISTBOXITEM TEMPLATES ***** ”; den indeholder stilarter, der ikke er kompatible med et Silverlight 3 projekt. Slet hele sektionen mellem start- og slutgrænserne.
12. Nu finder du Ansøgning element øverst i filen og indsæt en ny navneområdedeklaration for at henvise til System navneområde i mscorlib samling, som vist nedenfor.
xmlns:system='clr-namespace:System;assembly=mscorlib' > # FF1F1F1F Sort ?> var13 ->
13. Gem nu den ændrede App.xaml i ekspressionsblanding.
14. Derefter skal du åbne Visual Studio igen og åbne MainPage.xaml fil i XAML visning. Vælg derefter og kopier den Grid element nævnt LayoutRoot herunder sine børn til udklipsholderen.
15. Gå tilbage til Expression Blend, åbner MainPage.xaml fil i XAML-visning, og indsæt derefter indholdet af udklipsholderen for at erstatte det tomme LayoutRootGrid element i denne fil.
16. I MainPage.xaml fil, find rod UserControl element og ændre værdierne af Højde attribut til 800 og Bredde attribut til 480.
17. Gå tilbage til Visual Studio, højreklik MainPage.xaml.cs i Solution Explorer og vælg Vis kode. Derefter kopieres ClickMeButton_Click hændelseshåndterer til udklipsholderen.
18. Endelig, vend tilbage til Expression Blend, udvide MainPage.xaml knudepunkt i Projekter panel, dobbeltklik på MainPage.xaml.cs for at åbne filen i editoren og indsætte koden i udklipsholderen i Forside klasse.
Nu har vi succesfuldt gentaget vores projekt til udtrykblanding. For at oprette et design til den brugerdefinerede knap, læs venligst næste vejledning, der offentliggøres i morgen.
Anbefalede:
Alt du behøver at vide om oprettelse af brugerdefinerede genoprettelsesbilleder til Windows 8
Som standard genopretter Windows 8's Opdater eller Nulstil din pc-funktion Windows til dets oprindelige tilstand. Du kan dog også oprette brugerdefinerede genoprettelsesbilleder, der indeholder dine yndlingsprogrammer og systemindstillinger.
Windows Phone Tutorial 11: Oprettelse af en animation til bannerteksten
I denne WP7-øvelse opretter du et storyboard i Expression Blend for at animere teksten i banneret, når knappen trykkes.
Windows Phone Tutorial 9: Oprettelse af en brugerdefineret knap i ekspressionsblanding (del 2)
Ved blot at kopiere og indsætte koden fra Visual just Studio til ekspressionsblanding, har vi lavet en kopi af Silverlight-appen i Expression Blend. Nu skal vi designe en brugerdefineret knap ved at følge trinene
Forståelse og oprettelse af klasser: Windows Phone 7.5 Mango Apps Development - Del 11
I denne del af vores Windows Phone 7.5 Mango Apps udvikling tutorial serie, vil vi lære, hvad der er klasser og hvordan brugerdefinerede klasser er oprettet.
Windows PhoneTutorial 1:: Oprettelse af et Windows Phone Application Project i Visual Studio
Denne vejledning har til formål at bygge den klassiske "Hello World" -applikation og også introducere dig de værktøjer og procedurer, der kræves for at opbygge og teste Silverlight til Windows Phone applikationer.