Apgūstot informāciju par to, kā izveidot un izvietot lietojumprogrammu Silverlight CTP rīku versijā, kā šī Windows Phone apmācības sērijas daļa, mēs pāriet uz Expression Blend. Expression Blend ir autorēšanas sistēma profesionāliem dizaineriem, lai izveidotu lietotāju pieredzi, kas vērsta uz.NET 3.0 + platformu, un konkrētāk, WPF vai Windows prezentācijas fondu.
Parasti Silverlight kontrolei ir atsevišķa loģika no to vizuālās izskata, izmantojot veidnes. A ControlTemplate nosaka kontroles vizuālo struktūru un vizuālo uzvedību. Jūs varat pielāgot lielāko daļu vadības ierīču izskatu, modificējot to noklusējumu ControlTemplate iestatījumi. Tas ļauj mainīt vadības ierīces izskatu, nemainot tā funkcionalitāti. Piemēram, jūs varat padarīt pogas jūsu pieteikumā apaļa, nevis noklusējuma kvadrātveida formu, bet poga joprojām palielinās Klikšķis notikums.
Šajā apmācībā jūs atverat Visual Studio projektu, kuru izveidojāt iepriekšējā Expression Blend uzdevumā, un nomainiet ControlTemplate no pogas, lai mainītu tā izskatu. Tā kā jūs izveidojat a ControlTemplate XAML sistēmā jūs varat mainīt kontroles izskatu, nerakstot kodu.
2. Ja esat pabeidzis iepriekšējā uzdevumā norādītās darbības, jūs varat turpināt risinājumu, kuru izveidojāt šim uzdevumam.
3. Atveriet pašreizējo risinājumu Expression Blend. Lai to izdarītu no Visual Studio, ar peles labo pogu noklikšķiniet MainPage.xaml Solution Explorer un pēc tam atlasiet Open in Expression Blend. Ja šī opcija nav pieejamaVisticamākais iemesls ir tāds, ka jūsu pašreizējā Expression Blend versija neatbalsta nepieciešamo projekta veidu - sekojiet nākamajām darbībām, lai izveidotu pagaidu projektu, kuru varat rediģēt, izmantojot Expression Blend
4. Atveriet Microsoft Expression Blend
5. Izveidojiet jaunu lietojumprojektu, lai īslaicīgi noturētu dizaina īpašumus. Lai to izdarītu, atveriet Fails izvēlni un pēc tam izvēlieties Jauns projekts
6. In Jauns projekts Dialoglodziņā izvēlieties Silverlight projekta tipa un pēc tam izvēlieties Silverlight 3 programma veidne. Iestatiet vārdu uz DesignHelloPhone, izvēlieties piemērotu atrašanās vietu un saglabājiet valodu kā Visual C #, un pēc tam noklikšķiniet uz labi.
7. Visual Studio dubultklikšķi App.xaml in Solution Explorer lai šo failu atvērtu redaktorā. Tagad atveriet XAML skatu, pēc tam atlasiet un kopējiet visu Pieteikums. Resursi sadaļu uz starpliktuvi
8. Atvērt Expression Blend vēlreiz, izvērsiet DesignHelloPhone projekts Projekti paneļa un veiciet dubultklikšķi App.xaml lai atvērtu failu
9. Norādiet Aktīvais dokumentu skatījums iekš Skats izvēlieties un izvēlieties XAML skats.
10. Atrodiet Pieteikums. Resursi šī faila sadaļa - tai jābūt tukšai un pēc tam ielīmējiet starpliktuves saturu, lai to aizstātu.
11. Tagad atrodiet sadaļu jaunizveidotajā tekstā, kas ir norobežots ar komentāru " ***** LISTBOX / LISTBOXITEM TEMPLATES *****"; tajā ir stilus, kas nav savietojami ar Silverlight 3 projektu. Dzēsiet visu sadaļu starp sākuma un beigu ierobežotāju.
12. Tagad atrodiet Pieteikums faila augšdaļā esošais elements un ievietojiet jaunu nosaukumvietu deklarāciju, uz kuru atsaucas Sistēma nosaukumu telpa mscorlib montāža, kā parādīts zemāk.
xmlns:system='clr-namespace:System;assembly=mscorlib' > # FF1F1F1F Melns ?> var13 ->
13. Tagad saglabājiet mainīto App.xaml in Expression Blend.
14. Pēc tam atveriet Visual Studio vēlreiz un atveriet MainPage.xaml failu XAML skatā. Pēc tam atlasiet un nokopējiet Režģis elementa nosaukums LayoutRoot tostarp bērnus, uz starpliktuvi.
15. Atgriezieties pie Expression Blend, atveriet MainPage.xaml failu XAML skatā un pēc tam ielīmējiet starpliktuves saturu, lai aizstātu tukšu LayoutRootRežģis elements šajā failā.
16. In MainPage.xaml failu, atrodiet saknes UserControl elementu un mainīt vērtības Augstums attiecināt uz 800 un Platums attiecināt uz 480.
17. Atgriezieties pie Visual Studio, ar peles labo pogu noklikšķiniet MainPage.xaml.cs in Solution Explorer un izvēlieties Skatīt kodu. Tad nokopējiet ClickMeButton_Click notikumu apstrādātājs starpliktuvē.
18. Visbeidzot, atgriezieties Expression Blend, izvērsiet MainPage.xaml mezgls Projekti panelī veiciet dubultklikšķi uz MainPage.xaml.cs lai failu atvērtu redaktorā un ielīmētu kodu starpliktuvē Galvenā lapa klase
Tagad mēs esam veiksmīgi atkārtojuši mūsu projektu izteiksmes maisījumā. Lai izveidotu pielāgotās pogas dizainu, lūdzu, izlasiet nākamo mācību grāmatu, kas tiks publicēts rīt.
