V poslednej časti nášho vývojového radu aplikácií Windows Phone 7.5 Mango sme videli, ako sa pohybovať medzi stránkami XAML, zatiaľ čo v tejto príručke sa pozrieme na aplikačnú lištu.
Aplikačný panel je podobný menu. Má na samom vrchole ikony, ktoré len pozerajú nad dnom a elipsovité tlačidlo, ktoré pri kliknutí zobrazuje niekoľko možností textu. Tieto možnosti môžeme použiť na vykonanie nejakej operácie na aktuálnej stránke XAML alebo na navigáciu užívateľa do úplne novej oblasti našej aplikácie. Pekná vec na aplikačnej lište je, že zostáva väčšinou skrytá a nezasahuje do základného používateľského rozhrania aplikácie.
Poďme ďalej a pracujeme so živým príkladom.
Vytvorte nový projekt Windows Phone 7.5 s jedinečným názvom. niečo ako "ApplicationBarDemo". Potom kliknite pravým tlačidlom myši na názov projektu v okne Solution Explorer a zvoľte Add z ponuky. V podponuke vyberte položku Nová zložka a zadajte názov novej zložky vytvorenej ako "Ikony". Priečinok Ikony uloží ikony, ktoré sa zobrazia v lište aplikácií. Teraz prejdite do priečinka "C: Program Files Microsoft SDK Windows Phone v7.0 Ikony tmavé" a presuňte ikony (znamienko plus a mínus) do priečinka Ikony projektu tak, aby sa teraz stali súčasťou vášho projektu. Zmeňte vlastnosť Build Action pre každú ikonu z Resource to Content.
ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Odstrániť" Kliknite = "ApplicationBarIconButton_Click" />
ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Text = "Pridať" Kliknite = "ApplicationBarIconButton_Click_1" />
ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Odstrániť" Kliknite = "ApplicationBarIconButton_Click" />
ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Text = "Pridať" Kliknite = "ApplicationBarIconButton_Click_1" />
ApplicationBarMenuItem Text = "Menu 1" Kliknite na = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 2" Kliknite na tlačidlo = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 3" Kliknite = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 4" Kliknite = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 5" Kliknite = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 6" Kliknite na tlačidlo = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 7" Kliknite = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 8" Kliknite = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 9" Kliknite = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 10" Kliknite = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 11" Kliknite = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 12" Kliknite = "ApplicationBarMenuItem_Click_1" />
Panel aplikácií môže obsahovať štyri tlačidlá s ikonami v maxime a neobmedzený počet textových položiek v ponuke.
Poďme sa pozrieť na kód XAML pre ikonu aplikačného panela
ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Odstrániť" Kliknite = "ApplicationBarIconButton_Click" />
Každé tlačidlo s ikonou aplikácie obsahuje niekoľko vlastností. Vlastnosť IconUri slúži na nastavenie uri na ikonu. Vlastnosť textu nastavuje miniatúrny text, ktorý sa zobrazí pod ikonou. Udalosť kliknutí nám pomáha definovať funkcie, ktoré sa majú vykonať po kliknutí na ikonu.
Podobne položka položiek ponuky aplikácie obsahuje množstvo vlastností a udalostí. Nebudeme sa do týchto detailov dostať, pretože tento návod je určený pre začiatočníkov, o ktorých sa môžete dozvedieť viac na webových stránkach MSDN. Teraz môžete vidieť, ako použiť plátno ako dialóg.
Súvisiace príspevky:
- Windows Phone Tutorial 8: Vytvorenie vlastného tlačidla v zložke Expression Blend-I
- Navigácia medzi stránkami XAML: Tutorial vývoja aplikácií Windows Phone Apps - časť 21
- Windows Phone Tutorial 4: Navrhovanie užívateľského rozhrania
- GPS, lokalizácia API a volanie webových služieb: Windows Phone Apps Vývojový výcvik - 25
- Pochopenie XAML: Windows Phone Apps vývoj Turorial - časť 15
