Подпишись на наш Twitter

Быть в курсе появления новых статей!

У приложений из Windows 8 Store большая часть навигации вынесена в AppBar. Хороший AppBar имеет кнопки, которые можно легко нажать и определить их назначение.

Вы можете создать свое собственное изображение, но зачастую этого не нужно делать. Вместо этого вы можете использовать более 150-ти вариантов AppBarButtonStyle из файла StandardStyles.xaml. Они закомментированы по умолчанию, но вы можете их просто раскомментировать и с легкостью использовать.

Конечно, иногда вам будет нужна иконка, которой нет в StandardStyles.xaml. Прежде чем делать свою, откройте приложение Таблица символов (Character Map) идущее с Windows 8 и выберите Segoe UI Symbol из выпадающего списка.

Помните, что когда вы выберите одно из изображений, его hex код (E1D6) будет показан. Мы можем поместить изображение на наш AppBar.


Мы поместили значение hex для символа между открывающимся и закрывающимся тегом. Мы также поместили подпись кнопки в поле AutomationProperties.Name, которое используется стилем для создания текстового значения TextBlock под иконкой.

Как вы могли увидеть, изображение помещается в круг, текст помещается ниже и в итоге вы получаете профессионально выглядящий AppBar.

Оригинал: Windows 8: Creating Great App Bar Buttons




Дата публикации: 05.02.2013 18:18

Ярлыки: AppBar, Tutorial, WPF, WinRT, Windows 8