Статьи

Visual Studio против Expression Blend — Добавление панели приложений

Февраль 20, 2019

Многие приложения имеют панель приложений. Панель приложений в Windows Phone является эквивалентом панели меню и / или панели инструментов для настольных приложений. Он может включать в себя IconButtons и MenuItems.

Пространство имен Microsoft.Phone.Shell определяет панель приложений.

Я сразу начну с нового проекта в Visual Studio.

Все, что я хочу сделать, это добавить панель приложений с четырьмя кнопками и семью пунктами меню. Есть несколько шагов, которые мне нужно сделать:

1. Создайте папку (я обычно называю эту папку «Изображения») в своем решении, в которой будут храниться мои значки.

2. Получите значки, мне нужна папка:

Проводник Windows — ОС (C ? — Программные файлы — Microsoft SDK — Windows Phone — v7.1 — Значки — темный

На 64-битной ОС значки находятся в папке:

Проводник Windows — ОС (C ? — Программные файлы (x86) — Microsoft SDK — Windows Phone — v7.1 — Значки — темный

Я выбираю значки и перетаскиваю их в созданную папку «Изображения».

3. В обозревателе решений я установил для всех четырех действий «Построение» значение «Содержимое».

4. Ссылка на них в моем ApplicationBar.

Visual Studio по умолчанию создает панель приложений. Это закомментировано.

<!–Sample code showing usage of ApplicationBar–>
<!–<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
            <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
        </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>–>

Я раскомментирую и поменяю ссылки:

<!–Sample code showing usage of ApplicationBar–>
<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar.add.rest.png" Text="add"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar.minus.rest.png" Text="remove"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar.feature.settings.rest.png" Text="settings" />
        <shell:ApplicationBarIconButton IconUri="/Images/appbar.questionmark.rest.png" Text="about" />
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
            <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            <shell:ApplicationBarMenuItem Text="MenuItem 3" />
            <shell:ApplicationBarMenuItem Text="MenuItem 4" />
            <shell:ApplicationBarMenuItem Text="MenuItem 5" />
            <shell:ApplicationBarMenuItem Text="MenuItem 6" />
            <shell:ApplicationBarMenuItem Text="MenuItem 7" />
        </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

Это создало хорошую панель приложений с четырьмя кнопками и несколькими пунктами меню в моем проекте:

1

С Expression Blend мне не нужно делать все это из-за лучшего UX ( U ser e X Perience) при создании ApplicationBar.

На панели «Объект и временная шкала» щелкните правой кнопкой мыши «PhoneApplicationPage» и выберите «Добавить панель приложений».

1

Это уже создало ApplicationBar. Теперь мне нужно только добавить значки кнопок и пунктов меню. Я щелкаю правой кнопкой мыши на ApplicationBar, чтобы добавить ApplicationBarIconButton и ApplicationBarMenuItem.

1

После добавления IconButtons и MenuItems я могу добавить свои изображения для кнопок и изменить свойство текста ». Я могу сделать это на панели «Свойства» в разделе «Общие свойства» с помощью IconButton или MenuItem, выбранных на панели «Объект и временная шкала»:

1

При нажатии на эту маленькую стрелку открывается раскрывающийся список, в котором я могу выбрать значок, который хочу. Я делаю это для всех четырех кнопок.

Подводя итог: Панель приложений может иметь до четырех кнопок IconB и столько же MenuItem, сколько мне нравится. Это верно как для Visual Studio, так и для Expression Blend.

Независимо от того, где я создаю свой AppBar, в Visual Studio или Expression Blend, конечный результат один и тот же. Похоже, проще создать ApplicationBar в ExpressionBlend. Но в итоге все сводится к личному вкусу.

Продолжение следует…

Источник: http://andreahaubner.blog.com/2011/12/08/visual-studio-vs-expression-blend-adding-an-applicationbar/

35
Share: