A Windows Phone 7.5 Mango App fejlesztői sorozatának utolsó részében láttuk, hogyan lehet navigálni az XAML oldalak között, miközben ebben a bemutatóban megnézzük az Alkalmazássávot.
Az alkalmazássáv hasonló a menühöz. A legmagasabb ikonokkal rendelkezik, amelyek csak az alulról lefelé néznek, és egy ellipszisgombot, amely kattintva számos szöveges menüopciót mutat. Ezeket az opciókat használhatjuk az aktuális XAML-oldal műveleteinek végrehajtására, vagy navigálhatjuk a felhasználót egy teljesen új területre alkalmazásunkban. Az alkalmazássávban szép dolog az, hogy leginkább rejtve marad, és nem zavarja az alkalmazás alapvető felhasználói felületét.
Menjünk előre, és dolgozzunk egy élő példával.
Hozzon létre egy új Windows Phone 7.5 projektet egyedi névvel; valami "ApplicationBarDemo". Ezután jobb gombbal kattintsunk a projekt nevére a Solution Explorer ablakban, és válasszuk a Hozzáadás menüpontot. Válassza az Új mappa lehetőséget az almenüből, és nevezze el az új "Ikonok" mappát. Az Ikonok mappában az ikonok megjelennek az alkalmazás sávban. Most navigáljon a "C: Program Files Microsoft SDK Windows Phone v7.0 ikonok sötét" és húzza az ikonokat (plusz és mínusz jel) a projekt Ikonok mappájába, hogy most részévé váljanak a projektedről. Módosítsa az egyes ikonok Build Action tulajdonságát az erőforrásról a tartalomra.
ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Eltávolítás" Click = "ApplicationBarIconButton_Click" />
ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Szöveg = "Hozzáadás" Click = "ApplicationBarIconButton_Click_1" />
ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Eltávolítás" Click = "ApplicationBarIconButton_Click" />
ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Szöveg = "Hozzáadás" Click = "ApplicationBarIconButton_Click_1" />
ApplicationBarMenuItem Text = "1. menü" Click = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "2. menü" Click = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "3. menü" Click = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "4. menü" Click = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "5. menü" Click = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "6. menü" Click = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 7" Click = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 8" Click = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "9. menü" Click = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 10" Click = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 11" Click = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 12" Click = "ApplicationBarMenuItem_Click_1" />
Az Alkalmazás sáv négy ikon gombokat tartalmazhat a maximálisan és korlátlan számú szöveges menüponton.
Vessünk egy pillantást az alkalmazássáv ikonok kódjára vonatkozó XAML kódra
ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Eltávolítás" Click = "ApplicationBarIconButton_Click" />
Minden alkalmazás sáv ikon gomb számos tulajdonságot tartalmaz. Az IconUri tulajdonság arra szolgál, hogy az ikonra beállítsa az uri értéket. A szöveg tulajdonság beállítja az ikon alatti kis méretű szöveget. A kattintási esemény segít nekünk meghatározni a végrehajtandó funkciókat, amikor az ikonra kattintunk.
Hasonlóképpen az Alkalmazássáv menüpont számos tulajdonságot és eseményt tartalmaz. Nem fogunk bejutni a részletekre, mivel ez a bemutató kezdőknek szól, az MSDN honlapján többet megtudhatsz. Most nézze meg, hogyan kell használni a vászonot párbeszédablakként.
Kapcsolódó hozzászólások:
- Windows Phone 8. bemutató: Egyéni gomb létrehozása az Expression Blend-I-ben
- Navigálás XAML oldalakon keresztül Oldalak: Windows Phone Alkalmazások fejlesztési bemutatója - 21. rész
- Windows Phone 4. bemutató: A felhasználói felület tervezése
- GPS, Hely API és hívó webszolgáltatások: Windows Phone Apps fejlesztői bemutató - 25
- Az XAML megértése: Windows Phone Apps Development Turorial - 15. rész
