Osana Windows Phone tutorial sarjaa, nyt opimme luomaan käyttöliittymän elementit HelloPhone sovellus. Sovellus on hyvin yksinkertainen. Kun ohjelma on valmis, sovellusympäristö sisältää tekstityksen, tekstiruutuun ja painikkeen.
Sovelluksen käyttämiseksi kirjoitat tekstiin tekstiruutuun ja napsautat sitten painiketta, jolloin sovellus näyttää banneri, jossa on kirjoitettu teksti. Se näyttää jotain seuraavan kuvan.
1. In Ratkaisu Explorer, tuplaklikkaus MainPage.xaml avataksesi tämän tiedoston suunnittelija.
Suunnittelijoilla on kaksi erillistä näkymää XAML-tiedostojen muokkaamiseen, Design ja XAML näkymä. Suunnittelutilassa sinulla on emulaattorimalli, jossa voit vetää ja pudottaa ohjaimia työkalupalkista sekä valita, muuttaa, siirtää ja asettaa olemassa olevien asetusten ominaisuuksia. XAML-tilassa sinulla on merkintäeditori, jonka avulla voit muokata sivun XAML-koodia. Voit työskennellä joko tilan kanssa. Sinulla on myös split-tila, jossa editorin ikkuna näyttää molemmat näkymät samanaikaisesti.
2. Tässä tehtävässä keskitymme pääasiassa XAML: n manuaaliseen muokkaamiseen. Kun koodausosa on tehty, voit palata suunnittelija-näkymään nähdäksesi tulokset. Voit myös käyttää koko näytön XAML-näkymää.
3. Etsi oletusarvon mukaisen Windows Phone -sovellusmallin XAML-merkinnästä sijainti ruudukko konttielementti nimeltä LayoutRoot. Sen tarkoituksena on järjestää elementit sivulle. Sisällä RowDefinition ominaisuus, lisää ylimääräinen rivi kahden nykyisen rivin välillä ja määritä sen arvo Korkeus omaisuutta Auto. Tämä rivi sisältää pian tekstiruutuun ja painikkeen.
4. Root ruudukko elementti sisältää myös joitain sisäkkäisiä elementtejä, joista kukin on osoitettu ulomman verkon eri riviin määrittämällä a Grid.Row omaisuutta. Etsi nyt nimetty Grid-elementti TitleGrid ja Aseta ensimmäisen tekstilohkoelementin teksti-ominaisuus sisäverkon sisäpuolella " Windows Phone 7 -sarja ". samalla lailla Hei puhelin lisätään seuraava tekstilohko.
5. Etsi nyt ruudukko nimetty elementti ContentGrid, määrittää sen riville 1, joka on yleensä tyhjä aluksi ja liitä seuraava elementti XAML-merkintä.
6. Lisää sivun muotoilu lisäämällä kolmas rivi, joka sisältää bannerin, jonka käyttäjä on syöttänyt. Jos haluat luoda tämän rivin, lisää seuraava XAML-merkintä välittömästi ennen ulomman verkon lopputunnistetta.
7. Napsauta painiketta Design tarkastella ja tarkastella sivun hallintasuosituksia.
Seuraavassa opetusohjelmassamme opimme "Hallitse tapahtumia käyttöliittymästä".
