Compartilhar via

Pivot controlar

  • Artigo

Um controle usado para fornecer navegação.

Nota

Documentação completa e código-fonte encontrados no repositório de componentes de código GitHub.

Controle Pivot.

Description

O controle Pivot e as guias relacionadas são usados para navegar por categorias de conteúdo distintas e acessadas com frequência. Os pivôs permitem a navegação entre duas ou mais exibições de conteúdo e contam com cabeçalhos de texto para articular as diferentes seções de conteúdo.

Esse componente de código fornece um wrapper para o controle Pivot do Fluent UI para uso em aplicativos de tela e páginas personalizadas.

Propriedades

Principais propriedades

Propriedade Description
RenderType O tipo de controle a ser renderizado.
SelectedKey A chave a ser selecionada. Isso será atualizado por meio do evento OnChange quando o usuário interagir com o controle.
Items Os itens de ação a serem renderizados

Items Propriedades

Cada item usa o esquema a seguir para visualizar dados no componente.

Name Description
ItemDisplayName O nome de exibição do item de navegação
ItemKey A chave a ser usada para indicar qual item está selecionado e ao adicionar subitens. As chaves devem ser exclusivas.
ItemEnabled Defina como false se a opção estiver desabilitada
ItemVisible Defina como false se a opção não estiver visível
ItemChecked Defina como true se a opção estiver marcada (por exemplo, botões de divisão em uma barra de comandos)
ItemIconName O ícone da interface do usuário do Fluent a ser usado (consulte Ícones da interface do usuário do Fluent)
ItemCount Mostrar uma contagem de itens em um link de item Pivot.

Exemplo:

Table(
  {
      ItemKey: "tabFile",
      ItemDisplayName: "File"
  },
  {
      ItemKey: "tabHome",
      ItemDisplayName: "Home"
  },
  {
      ItemKey: "tabView",
      ItemDisplayName: "View"
  },
  {
      ItemKey: "tabAction",
      ItemDisplayName: "Action"
  }
)

Propriedades de estilo

Propriedade Description
Theme Aceita uma string JSON que é gerada usando Fluent UI Theme Designer (windows.net). Deixar em branco usará o tema padrão definido pelo Power Apps. Consulte os temas para obter orientação sobre como configurar.
RenderSize O controle pivot pode ser renderizado em dois tamanhos (grande/normal)
AccessibilityLabel Rótulo Aria do leitor de tela

Propriedades do evento

Propriedade Description
InputEvent Um evento para enviar ao controle. Por exemplo, SetFocus. Consulte abaixo.

Comportamental

Oferece suporte a SetFocus como um InputEvent.

Configurar comportamento da guia

Coordene as páginas de guia associando a propriedade Visible de componentes dependentes em seu aplicativo (por exemplo, um contêiner que representa uma página) com o valor de Pivot1.Selected.ItemKey.

Visible propriedade de um controle dependente que é exibido quando o tabFile itemKey é selecionado:

Pivot1.Selected.ItemKey = "tabFile"

Limitações

Esse componente de código só pode ser usado em aplicativos de tela e páginas personalizadas.

Veja mais notas de limitação na seção desafios de design da documentação do GitHub.