Application Bar

Незважаючи на те, що AppBar  є таким же елементом управління, як і всі інші, він був винесений в окремий розділ Справа в тому, що AppBar є абсолютно новим елементів управління і саме він виникає перед користувачем, коли необхідно відволіктися від контенту, щоб передати додатком якусь команду

Отже, що таке AppBar і які елементи він може містити Щоб побачити приклад елемента керування AppBar, Перейдіть в основний екран Windows 8 і натисніть правою кнопкою миші або виконайте жест, переміщаючи палець від нижньої межі екрану вгору На екрані відобразиться наступний елемент:

Рис 215

Тут розташована всього одна кнопка з написом Однак якщо запустити Internet Explorer, можна буде побачити відразу дві панелі додатків Верхня панель надає можливість перемикання між сторінками браузера, а нижня – елементи навігації Причому тут можна бачити як кнопки, поля редагування, так і більш складні елементи (на зображенні нижче інтерфейс трохи стиснутий, щоб не надавати знімок всього екрану):

Рис 216

Таким чином, панель додатків може розташовуватися як зверху, так і знизу вікна і являє собою звичайний контейнер, що містить будь-яку кількість довільних елементів управління Незважаючи на це, потрібно намагатися робити додаток так, щоб сильно не перевантажувати панель додатків і зводити всі команди до єдиного клацання Якщо Ви плануєте використовувати панель додатків для здавна багатьох значень, то саме час задуматися про окремому вікні налаштувань

З іншого боку, про наявністьAppBar потрібно памятати протягом всього процесу створення додатків і використовувати його там, де це потрібно Досвід роботи з Windows Phone показує, що багато розробників додатків WP 7 продовжували наповнювати свої інтерфейси кнопками Refresh, Home і ін, забуваючи про AppBar (Який є і в WP 7)

Розглянемо приклад використання цього елемента керування Для цього в будь-який з сторінок Вашого застосування помістіть наступний код (відразу після відкриваючого елемента Page):

&ltPageTopAppBar&gt

&ltAppBar x:Name=&quotBottomAppBar&quot  Height=&quot88&quot&gt

&ltGrid&gt

&ltGridColumnDefinitions&gt

&ltColumnDefinition Width=&quot*&quot/&gt

&ltColumnDefinition Width=&quotAuto&quot/&gt

&lt/GridColumnDefinitions&gt

&ltButton GridColumn=&quot0&quot

Style=&quot{StaticResource HomeAppBarButtonStyle}&quot/&gt

&ltStackPanel GridColumn=&quot1&quot

Orientation=&quotHorizontal&quot HorizontalAlignment=&quotRight&quot&gt

&ltButton Style=&quot{StaticResource SaveAppBarButtonStyle}&quot /&gt

&lt/StackPanel&gt

&lt/Grid&gt

&lt/AppBar&gt

&lt/PageTopAppBar&gt

Як видно, щоб створити обєкт AppBar, Його необхідно помістити в одне з двох властивостейTopAppBar  абоBottomAppBar  обєктаPage Сам обєкт AppBar може містити контент, який зазвичай складається з одного елемента-контейнера Далі Ви створюєте обробники подій, привязаних до кнопок AppBar,  і реалізуєте код У нашому прикладі ми створили верхнійAppBar такого вигляду:

Рис 217

Особливість нашого прикладу полягає в тому, що ми не визначали кнопки самостійно, а використовували готові стилі з файлуStandardStylesxaml Тут оголошений основний стиль AppBarButtonStyle, А також безліч стилів Based On на основі основного Ось приклад стилю для кнопки Home:

&ltStyle x:Key=&quotHomeAppBarButtonStyle&quot TargetType=&quotButton&quot BasedOn=&quot{StaticResource AppBarButtonStyle}&quot&gt

&ltSetter Property=&quotAutomationPropertiesAutomationId&quot Value=&quotHomeAppBarButton&quot/&gt

&ltSetter Property=&quotAutomationPropertiesName&quot

Value=&quotHome&quot/&gt

&ltSetter Property=&quotContent&quot Value=&quot&amp#xE10F&quot/&gt

&lt/Style&gt

Як бачите, тут задається ID, імя кнопки і вміст Щоб не малювати різні малюнки, розробники стилю вирішили використовувати набір символів Segoe UI Symbols Тому якщо Вам потрібні нові кнопки, спробуйте знайти новий символ і задати його в стилі аналогічно стандартним

Код символів можна подивитися за допомогою спеціальної утилітиCharacter Map, Яка є частиною платформи:

Рис 218

Сергій Лутай, Сергій Байдачний, Windows 8 для C # розробників

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*