A Windows Phone bemutatósorozat részeként most meg fogjuk tanulni, hogy létrehozzuk a felhasználói felület felhasználói felületét HelloPhone Alkalmazás. Az alkalmazás nagyon egyszerű. Ha elkészült, az alkalmazás felhasználói felülete felirat, szövegmező és gomb jelenik meg.
Az alkalmazás használatához beír egy szöveget a szövegmezőbe, majd a gombra kattintva az alkalmazás megjelenít egy szalagot a beírt szöveggel. Úgy néz ki, mint a következő ábra.
1. In Megoldás kereső, dupla kattintás MainPage.xaml megnyitni ezt a fájlt a tervezőben.
A tervező két különálló nézetet biztosít az XAML fájlok szerkesztéséhez, Tervezés és XAML Kilátás. Design módban van egy emulátorterv, ahol húzza és húzza a vezérlőket az eszköztárból, valamint kiválaszthatja, átméretezheti, mozgathatja és beállíthatja a meglévő vezérlők tulajdonságait. XAML módban olyan jelölőszerkesztővel rendelkezik, amely lehetővé teszi az oldal XAML kódjának szerkesztését. Bármelyik móddal dolgozhat. Ön is osztott üzemmódban van, a szerkesztőablak pedig egyszerre jeleníti meg a nézeteket.
2. Ebben a feladatban elsősorban az XAML kézi szerkesztésére összpontosítunk. Miután elvégezte a kódolási részt, visszatérhet a tervező nézetbe az eredmények megtekintéséhez. Teljes képernyős XAML nézet is rendelkezésre áll.
3. Az alapértelmezett Windows Phone alkalmazássablon által létrehozott XAML jelölésnél keresse meg a Rács konténer elem neve LayoutRoot. Célja az oldalelemek elrendezése. Belsejében RowDefinition tulajdonságot, helyezzen be egy sorot a két meglévő sor közé és állítsa be annak értékét Magasság tulajdona kocsi. Ez a sor hamarosan szövegdobozt és egy gombot tartalmaz.
4. Gyökér Rács elem tartalmaz néhány, egymásba ágyazott elemet is, amelyek mindegyikéhez a külső rács egy másik sorához van hozzárendelve a Grid.Row ingatlan. Most keresse meg a megnevezett Rács elemet TitleGrid és Állítsa be az első szövegblokkelem szöveges tulajdonságát a belső rácson belül " Windows Phone 7 Series ". Hasonlóképpen Hello telefon hozzáadódik a következő szövegblokkhoz.
5. Most keresse meg a Rács elem neve ContentGrid, hozzárendelje a sorhoz 1, amely kezdetben általában üres, és illessze be az alábbi XAML jelölést ezen az elemen belül.
6. Az oldal tervének befejezéséhez adjon hozzá egy harmadik sort a banner megjelenítéséhez a felhasználó által megadott üzenettel. Ennek a sornak a létrehozásához helyezze be a következő XAML jelölést közvetlenül a külső rács végcímkéje előtt.
7. Kattintson a Tervezés megtekintheti és megvizsgálhatja az oldal vezérlőinek elrendezését.
A következő bemutatón megtanuljuk, hogyan kell "Események kezelése a felhasználói felületről".
