Sužinoję, kaip kurti ir įdiegti programą "Silverlight" versijoje CTP įrankiuose, kaip šios "Windows Phone" vadovėlių serijos dalis, mes pereiname į "Expression Blend". "Expression Blend" yra profesionalių dizainerių kūrimo sistema, skirta sukurti vartotojų patirtį, kuri nukreipta į ".NET 3.0 +" platformą, konkrečiau, "WPF" arba "Windows Presentation Foundation".
Apskritai, "Silverlight" valdikliai turi atskirą loginę išvaizdą, naudojant šablonus. A ControlTemplate nurodo regėjimo struktūrą ir vizualųjį valdiklio elgesį. Galite tinkinti daugumos valdiklių išvaizdą, pakeisdami jų numatytąją reikšmę ControlTemplate nustatymai. Tai leidžia jums pakeisti valdymo išvaizdą nepakeičiant jo funkcionalumo. Pavyzdžiui, savo paraiškoje esančius mygtukus galite padaryti apskritai, o ne pagal numatytąją kvadrato formą, bet mygtukas vis tiek padidins Spustelėkite įvykis.
Šiame vadovėlyje atidarote "Visual Studio" projektą, kurį sukūrėte ankstesniame "Expression Blend" pratybose, ir pakeiskite ControlTemplate mygtuko, kad pakeistumėte jo išvaizdą. Kadangi jūs sukūrėte a ControlTemplate XAML, galite pakeisti valdymo išvaizdą nepateikus jokio kodo.
2. Jei atlikote ankstesnio pratybų veiksmus, galite tęsti sprendimą, kurį sukūrėte šiai pratybai.
3. Atidarykite dabartinį sprendimą "Expression Blend". Norėdami tai padaryti "Visual Studio", spustelėkite dešiniuoju pelės klavišu MainPage.xaml "Solution Explorer", tada pasirinkite "Open in Expression Blend". Jei ši parinktis neprieinama- labiausiai tikėtina priežastis yra tai, kad dabartinė Expression Blend versija nepalaiko reikalingo tipo projekto - atlikite kitus veiksmus, skirtus sukurti laikiną projektą, kurį galite redaguoti naudojant "Expression Blend"
4. Atidarykite "Microsoft Expression Blend"
5. Sukurkite naują programos projektą, kad laikinai išlaikytumėte savo dizaino turtą. Norėdami tai padaryti, atidarykite Failas meniu ir tada pasirinkite Naujas projektas
6. Į Naujas projektas dialogo lange pasirinkite Silverlight projekto tipo ir tada pasirinkite " Silverlight 3" programa šablonas Nustatykite vardą į "DesignHelloPhone", pasirinkite tinkamą vietą ir laikykite kalbą kaip Visual C #, tada spustelėkite Gerai.
7. Visual Studio dukart spustelėkite App.xaml in Solution Explorer atidaryti šį failą redaktoriuje. Dabar atidarykite XAML rodinį, tada pasirinkite ir nukopijuokite visą Paraiška. Resursai skirsnį į iškarpinę
8. Atidarykite Expression Blend, išplėskite " DesignHelloPhone" projektas Projektai skydelyje ir dukart spustelėkite App.xaml atidaryti failą
9. Nurodykite Aktyvus dokumentų vaizdas viduje konors Vaizdas meniu ir pasirinkite XAML vaizdas.
10. Rasti Paraiška. Resursai šiame failo skyriuje jis turi būti tuščias ir tada įklijuoti į iškarpinę turinį, kad jį pakeisti.
11. Dabar suraskite skirsnį į naujai įterptą tekstą, kuris yra atskirtas nuo komentaro " ***** SĄRAŠAS / LISTBOXITEM TEMPLATES *****"; juose yra stilių, kurie nesuderinami su "Silverlight 3" projektu. Ištrinkite visą skyrių tarp pradžios ir pabaigos skirtukų.
12. Dabar suraskite Paraiška failo viršuje esantis elementas ir įterpkite naują vardų srities deklaraciją, kad nuoroda į Sistema vardų sritis mscorlib surinkimas, kaip parodyta žemiau.
xmlns:system='clr-namespace:System;assembly=mscorlib' > # FF1F1F1F Juoda ?> var13 ->
13. Dabar išsaugokite pakeistą App.xaml "Expression Blend".
14. Vėl atidarykite Visual Studio ir atidarykite MainPage.xaml failas XAML rodinyje. Tada pasirinkite ir nukopijuokite Tinklelis elementas pavadintas LayoutRoot įskaitant vaikus, į iškarpinę.
15. Grįžti į Expression Blend, atidarykite MainPage.xaml failą peržiūrėkite XAML, tada įklijuokite talpyklos turinį, kad pakeistumėte tuščią LayoutRootTinklelis elementas šiame rinkmenoje.
16. Į MainPage.xaml failas, suraskite root UserControl elementas ir keiskite Aukštis priskirti 800 ir Plotis priskirti 480.
17. Grįžti į "Visual Studio", dešiniuoju pelės mygtuku spustelėkite MainPage.xaml.cs in Solution Explorer ir pasirinkite Peržiūrėti kodą. Tada nukopijuokite ClickMeButton_Click įvykio tvarkytojas į mainų sritį.
18. Galiausiai grįžti į Expression Blend, išplėskite MainPage.xaml mazgas į Projektai dukart spustelėkite mygtuką MainPage.xaml.cs atidaryti failą redaktoriuje ir įklijuoti kodą į mainų sritį į Pagrindinis puslapis klasė.
Dabar mes sėkmingai pakartojome savo projektą į raiškos mišinį. Norėdami sukurti pasirinktinio mygtuko dizainą, perskaitykite kitą vadovą, kuris bus paskelbtas rytoj.
