"Windows Phone Tutorial" 4: "Windows Phone" vartotojo sąsajos kūrimas

"Windows Phone Tutorial" 4: "Windows Phone" vartotojo sąsajos kūrimas
"Windows Phone Tutorial" 4: "Windows Phone" vartotojo sąsajos kūrimas

Video: "Windows Phone Tutorial" 4: "Windows Phone" vartotojo sąsajos kūrimas

Video: "Windows Phone Tutorial" 4: "Windows Phone" vartotojo sąsajos kūrimas
Video: Mozilla Open Branding - YouTube 2024, Kovas
Anonim

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.

Image
Image

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ą.

Image
Image

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.

Image
Image

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.

Image
Image

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.

Rekomenduojamas: