Kaip dalį mūsų "Windows Phone" vadovėlių serijos, dabar mes išmokti sukurti vartotojo sąsajos elementus HelloPhone prašymas. Paraiška yra labai paprasta. Užbaigus programą, vartotojo sąsajoje bus antraštė, teksto laukelis ir mygtukas.
Norėdami naudoti programą, įvedate tekstą į teksto laukelį, o tada, spustelėję mygtuką, programa parodo reklamjuostę su tekstu, kurį įvedėte. Tai atrodys taip, kaip toliau pateiktas paveikslėlis.
1. In Solution Explorer, dukart spustelėkite MainPage.xaml atidaryti šį failą dizainerio.
Dizaineris pateikia du skirtingus vaizdus redaguoti XAML failus, Dizainas ir XAML vaizdas Dizaino režimu turite emuliatoriaus dizainą, kuriame galite nuvilkti valdiklius iš įrankių dėžutės, taip pat pasirinkti, keisti dydį, perkelti ir nustatyti esamų valdiklių savybes. XAML režime turite žymėjimo redaktorių, kuris leidžia redaguoti XAML kodą puslapyje. Galite dirbti su bet kuriuo režimu. Jūs taip pat turite split režimą, kai redaktoriaus langas vienu metu rodo abu rodinius.
2. Šioje užduotyje daugiausia dėmesio skiriama XAML redagavimui rankiniu būdu. Kai bus padaryta kodavimo dalis, galite grįžti į dizainerio vaizdą, kad pamatytumėte rezultatus. Taip pat galite turėti pilno ekrano XAML peržiūrą.
3. XAML žymeklyje, sukurtame pagal numatytąjį "Windows Phone" programos šabloną, suraskite Tinklelis konteinerio elementas pavadintas LayoutRoot. Jo tikslas yra surengti elementus puslapyje. Jo viduje RowDefinition nuosavybe, įterpkite papildomą eilutę tarp dviejų esamų eilučių ir nustatykite jos vertę Aukštis nuosavybė į Automatinis. Šioje eilutėje netrukus bus įtraukta teksto laukelis ir mygtukas.
4. Šaknys Tinklelis elementas taip pat turi keletą įdėtų elementų, kurių kiekvienas priskirtas kitai išorinės tinklelio eilutėje, apibrėžiant a Grid.Row nuosavybė. Dabar suraskite pavadinimą Grid elementą TitleGrid ir Nustatykite pirmojo teksto bloko elemento teksto savybę viduje tinklelio " "Windows Phone 7 serija". Panašiai Sveiki, telefonas pridedamas prie kito teksto bloko.
5. Dabar raskite Tinklelis elementas pavadintas ContentGrid priskirti jį eilutėje 1, kuris iš pradžių iš pradžių buvo tuščias, ir įklijuokite šį elementą šio XAML žymėjimo.
6. Norėdami užpildyti puslapio dizainą, pridėkite trečią eilutę, kurioje yra reklamjuostė su vartotojo įvestu pranešimu. Norėdami sukurti šią eilutę, prieš pat išorinės tinklelio pabaigos žymę įterpkite šį žymėjimą XAML.
7. Spustelėkite mygtuką Dizainas peržiūrėkite ir patikrinkite puslapio valdiklių išdėstymą.
Kitame pamoka mes išmokysime "Rankinti įvykius iš vartotojo sąsajos".
