ExpandMenu контроль (Экспериментальный)
[Данная статья посвящена предварительному выпуску и может быть изменена.]
Элемент управления, используемый для создания интерфейса навигации.
Внимание
- Это экспериментальная функция.
- Экспериментальные функции не предназначены для использования в производственной среде, а их функциональность может быть ограничена. Они доступны перед официальным выпуском, чтобы клиенты могли досрочно получить доступ и предоставить отзывы.
Description
Развернутые меню, подобно компонентам Nav
, используются для обеспечения навигации, которая состоит из ссылок на основные области приложения или сайта. Вы можете также разворачивать и сворачивать меню, что дает пользователю возможность при желании получить больше пространства. Элемент управления ExpandMenu следует использовать с контейнерами макета, чтобы гарантировать адаптивность интерфейса, поскольку его ширина может меняться при воспроизведении приложения.
Этот компонент холста имитирует стиль и ограниченное поведение элемента управления Nav Fluent UI.
Свойства
Ключевые свойства
Свойство | Description |
---|---|
Items |
Набор данных, который отображает элементы в меню. |
IsNavigationEnabled |
Включите для перехода к указанному Screen элемента при выборе |
DefaultExpandValue |
Развернут ли элемент управления при загрузке |
Items характеристики
Свойство | Description |
---|---|
Label |
Текст, отображаемый в элементе меню. |
Icon |
Значок Fluent UI по имени |
Screen |
Экран приложения, на который элемент будет переходить при выборе. |
Пример свойства Items
:
Table(
{
Icon: "PowerApps",
Label: "Power Apps",
Screen:PowerAppsScreen
},{
Icon: "PowerBILogo",
Label: "Power BI",
Screen:PowerBIScreen
},{
Icon: "PowerAutomateLogo",
Label: "Power Automate",
Screen:PowerAutomateScreen
},{
Icon: "Dataverse",
Label: "Dataverse",
Screen:DataverseScreen
}
)
Свойства стиля
Свойство | Description |
---|---|
Theme |
Объект Theme. Сведения о порядке настройки см. в разделе темы. |
Свойства событий
Свойство | Description |
---|---|
OnExpandSelect |
Формула действия, срабатывающая при выборе кнопки гамбургера |
OnButtonSelect |
Формула действия, которая срабатывает при выборе любой из кнопок |
Внимание
Значения экранов в предыдущем примере кода взяты из примера и могут отсутствовать в вашем приложении. Убедитесь, что вы заменили значения экранов именами экранов в своем приложении по мере необходимости.
Поведение
Развернуть и свернуть
Задайте для свойства Width
следующее выражение. Значения ширины можно настроить в зависимости от разрешения приложения.
If( Self.IsExpanded, 200, 46 )
Ограничения
Этот компонент холста можно использовать только в приложениях на основе холста и настраиваемых страницах.