Работа с лентата на приложенията: Ръководство за разработка на Windows Phone Apps - Част 22

Работа с лентата на приложенията: Ръководство за разработка на Windows Phone Apps - Част 22
Работа с лентата на приложенията: Ръководство за разработка на Windows Phone Apps - Част 22
Anonim

В последната част на нашата серия разработки на Windows Phone 7.5 Mango App видяхме как да се движим между страниците на XAML, докато в този урок ще разгледаме лентата на приложенията.

Приложната лента е подобна на менюто. Той има икони на самия връх, които просто гледат над дъното и бутон за елипсис, който при щракване показва няколко варианта на текстовото меню. Можем да използваме тези опции, за да извършим някаква операция на текущата страница на XAML или да навигираме потребителя до изцяло нова област на нашето приложение. Хубавото за лентата с приложения е, че то остава скрито и не пречи на основния потребителски интерфейс на приложението.

Да вървим напред и да работим с жив пример.

Създайте нов проект на Windows Phone 7.5 с уникално име; нещо като "ApplicationBarDemo". След това щракнете с десния бутон на мишката върху името на проекта в прозореца Solution Explorer и изберете Add от менюто. Изберете Нова папка от подменюто и наименувайте новата папка, създадена като "Икони". Папката "Икони" ще съхранява икони, които ще се показват в лентата на приложенията. Сега преминете към "C: Program Files Microsoft SDKs Windows Phone v7.0 Icons dark" и плъзнете и пуснете иконите (знак плюс и минус) в папката "Икони" на вашия проект, на вашия проект. Променете свойството Build Action на всяка от иконите от Resource to Content.

Visual Studio ни предоставя основна рамка на лентата на приложенията в XAML кода за всяка страница. Отидете до дъното на XAML кода в прозореца за проектиране, за да намерите кода за Application Bar. Редактирайте XAML кода, така че да прилича на следното
Visual Studio ни предоставя основна рамка на лентата на приложенията в XAML кода за всяка страница. Отидете до дъното на XAML кода в прозореца за проектиране, за да намерите кода за Application Bar. Редактирайте XAML кода, така че да прилича на следното

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Текст = "Премахване" Кликнете = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Текст = "Добавяне" Кликнете = "ApplicationBarIconButton_Click_1" />

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Текст = "Премахване" Кликнете = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Текст = "Добавяне" Кликнете = "ApplicationBarIconButton_Click_1" />

ApplicationBarMenuItem Текст = "Меню 1" Кликнете = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Текст = "Меню 2" Щракнете = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Меню 3" Щракнете = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Меню 4" Кликнете = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Меню 5" Кликнете = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Текст = "Меню 6" Кликнете = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Текст = "Меню 7" Кликнете = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Текст = "Меню 8" Кликнете = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Текст = "Меню 9" Кликнете = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Меню 10" Кликнете = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Меню 11" Кликнете = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Меню 12" Кликнете = "ApplicationBarMenuItem_Click_1" />

Лентата за приложения може да съдържа четири бутона за икони на макс и неограничен брой текстови елементи от менюто.

Да разгледаме XAML кода за кода на иконите на приложението

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Текст = "Премахване" Кликнете = "ApplicationBarIconButton_Click" />

Всеки бутон на иконата на приложението съдържа редица свойства. Иконата IconUri се използва за задаване на uri за иконата. Текстовата характеристика задава миниатюрния текст под иконата. Събитието за кликване ни помага да определим функционалността, която да бъде изпълнена, когато се кликне върху иконата.

По подобен начин елементът от менюто за приложението съдържа редица свойства и събития. Няма да отидем в тези подробности, тъй като този урок е за начинаещи, можете да научите повече за това на уебсайта на MSDN. Сега можете да видите как да използвате платно като диалогов прозорец.

Подобни публикации:

  • Windows Phone Инструкция 8: Създаване на персонализиран бутон в комбинация от изрази
  • Навигация между XAML Страници: Windows Phone Apps Развитие настойнически - Част 21
  • Windows Phone Инструкция 4: Проектиране на потребителския интерфейс
  • GPS, API за местоположението и уеб услуги за разговори: Windows Phone Apps Development Tutorial - 25
  • Разбиране на XAML: Разработка на турски софтуер за Windows Phone Apps - Част 15

Препоръчано: