ExpandMenu controlo (Experimental)

Artigo
03/21/2023

[Este artigo inclui documentação pré-versão e está sujeito a alterações.]

Um controlo utilizado para criar uma experiência de navegação.

Controlo ExpandMenu.

Importante

Esta é uma funcionalidade experimental.
As funcionalidades experimentais não se destinam à produção e poderão ter funcionalidades restritas. Estas caraterísticas estão disponíveis antes do lançamento oficial, para que os clientes possam ter acesso antecipadamente e enviar comentários.

Description

Os menus de expansão são como componentes Nav utilizados para fornecer navegação, que consiste de ligações para as áreas principais de uma aplicação ou site. Pode também expandir e fechar o menu, o que oferece ao utilizador uma opção para mais espaço, se ele assim o quiser. O controlo ExpandMenu deverá ser utilizado com contentores de esquema para se certificar de que a experiência é reativa devido à sua natureza de largura variável quando a aplicação é reproduzida.

Este componente de tela imita o estilo e o comportamento limitado do controlo Nav da Fluent UI.

_Propriedades

Propriedades chave

Property	Description
`Items`	Um conjunto de dados que apresenta itens no menu.
`IsNavigationEnabled`	Ativar a navegação para o `Screen` especificado do item aquando da seleção
`DefaultExpandValue`	Se o controlo é expandido aquando do carregamento

Items propriedades

Property	Description
`Label`	O texto a apresentar no item de menu.
`Icon`	Ícone de interface do utente fluente por nome
`Screen`	Ecrã da aplicação para o qual o item navegará quando for selecionado.

Propriedade Items de exemplo:

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
    }
)

Propriedades de estilo

Property	Description
`Theme`	O objeto de Tema. Consulte personalizar o tema para obter orientações sobre como configurar.

Propriedades do evento

Property	Description
`OnExpandSelect`	Fórmula de ação acionada quando o botão Mais opções é selecionado
`OnButtonSelect`	Fórmula de ação acionada quando qualquer um dos botões é selecionado

Importante

Os valores de ecrã no código de exemplo anterior são de uma amostra e poderão não existir na sua aplicação. Certifique-se de que substitui os valores de ecrã por nomes de ecrã na sua aplicação, conforme adequado.

Comportamento

Expandir e fechar

Defina a propriedade Width para a expressão seguinte. Os valores de largura podem ser ajustados com base na resolução da aplicação.

If( Self.IsExpanded, 200, 46 )

Limitações

Este componente de tela só pode ser utilizado em aplicações de tela e páginas personalizadas.

Partilhar via