Windows 8.1 AppBar Ellipsis

В приложениях RTM для Windows 8.1, таких как Calendar, есть AppBar с многоточием.Windows 8.1 AppBar Ellipsis

Я пытаюсь реплицировать это, но не могу найти никаких подробностей о такой функциональности, добавляемой в элемент управления AppBar в Windows 8.1.

Друг предложил сделать Grid с тремя Circle s в StackPanel, который будет размещен в нижней части страницы, которая откроет AppBar при нажатии.

Есть ли лучший способ реализовать стиль AppBar в приложении для календарей Windows 8.1?

Вопрос о бонусе: приложение «Календарь», и если я правильно помню приложение «Новости», есть удивительная навигационная панель AppBar, которая сбрасывается сверху. Как это создать?

источник

2013-09-09 ReignOfComputer

Это был ответ на ваш x-post в форумах MSDN.

Эллипсис - это обычная вещь в этих приложениях, а не общее свойство AppBar. Кроме того, элементом навигации в приложениях Bing является элемент управления WinJS NavBar ... в настоящее время не используется как элемент управления XAML.

источник

2013-09-09 15:15:04

Спасибо много. Надеюсь, NavBar скоро придет в XAML:/ – ReignOfComputer

Совсем не сложно: он не привязан к панели приложений, это кнопка, которая открывает панель приложений. – Jamie

Фактически эллипсис доступен в виде глифа в шрифте шрифта Segoe UI Symbol - '& # xEC02;' – Jamie

Джереми Alles представил пример того, как это может быть смоделировано с помощью кнопки на границе:

http://www.japf.fr/2013/10/winrt-introducing-the-appbarhint-control/

Единственное изменение, которое я должен был сделать, чтобы он работает нормально, когда вы ссылаетесь контроль на вашей странице. Вместо того, чтобы:

<controls:AppBarHint Grid.Row="1" />

вам нужно использовать

<controls:AppBarHint Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" />

Для дополнительного бита tidyness, изменить основную сетку, так что есть третья строка:

<Grid.RowDefinitions> 
    <RowDefinition Height="140"/> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="15"/> 
</Grid.RowDefinitions>

и изменить ссылку на строку Grid.Row="2". Причиной этого является то, что он гарантирует, что подсказка панели приложений не скрывает ничего другого в строке 1, например. горизонтальная полоса прокрутки.

Наконец, приложение Почта предоставляет подсказки, и вы можете добавить, что в XAML элемента управления:

ToolTipService.ToolTip="Show more commands (Windows logo key+Z, or right-click)"

источник

2013-12-24 12:18:00

Похоже, многоточие встроен в элемент управления WinJS AppBar. После того, как вы получите последние WinJS биты из GitHub (https://github.com/winjs/winjs/), вы можете использовать новое свойство AppBar closedDisplayMode получить многоточие:

<div data-win-control="WinJS.UI.AppBar" data-win options="{closedDisplayMode:'minimal'}"> 
    <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAdd',label:'Add',icon:'add'}"></button> 
    <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdRemove',label:'Remove',icon:'remove'}"></button> 
</div>

Вы можете найти демо здесь: http://try.buildwinjs.com/#appbar

источник

2014-08-20 07:28:09 mkjunior19

Windows 8.1 AppBar Ellipsis

ответ

Смежные вопросы