Pivot control

Un control utilizado para proporcionar navegación.

Nota

La documentación completa y el código fuente se encuentran en el repositorio de componentes de código GitHub.

Description

El control Pivot y el patrón de pestañas relacionadas se utilizan para navegar por distintas categorías de contenido a las que se accede con frecuencia. Los pivots permiten la navegación entre dos o más vistas de contenido, y se basan en encabezados de texto para articular las diferentes secciones de contenido.

Este componente de código proporciona un envoltorio alrededor del control Fluent UI Pivot para su uso en aplicaciones de lienzo y páginas personalizadas.

Propiedades

Propiedades importantes

Property	Descripción
RenderType	El tipo de control como el que se representará.
SelectedKey	La clave que se va a seleccionar. Esto se actualizará a través del evento OnChange cuando el usuario interactúa con el control.
Items	Los elementos de acción para renderizar

Items propiedades

Cada elemento utiliza el siguiente esquema para visualizar datos en el componente.

Name	Descripción
ItemDisplayName	El nombre para mostrar del elemento nav.
ItemKey	La tecla que se debe utilizar al indicar qué elemento está seleccionado y al agregar subelementos. Las teclas deben ser únicas.
ItemEnabled	Se establece en falso si la opción está deshabilitada
ItemVisible	Se establece en falso si la opción no está visible
ItemChecked	Establézcalo en verdadero si la opción está marcada (p. ej., botones divididos en una barra de comandos)
ItemIconName	El icono de Fluent UI que se debe usar (ver Iconos de Fluent UI)
ItemCount	Muestre un recuento de elementos en un vínculo de elemento Pivote

Ejemplo:

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

Propiedades de estilo

Property	Descripción
Theme	Acepta una cadena JSON que se genera usando Diseñador de temas de Fluent UI (windows.net). Si deja esto en blanco, usará el tema predeterminado definido por Power Apps. Para obtener ayuda sobre cómo configurarlo vea Tematización.
RenderSize	El control de pivote se puede representar en dos tamaños (grande/normal)
AccessibilityLabel	aria-label para lectores de pantalla

Propiedades de evento

Property	Descripción
InputEvent	Evento para enviar al control. por ejemplo, SetFocus. Consulte a continuación.

Behavior

Soporta SetFocus como un InputEvent.

Configurar el comportamiento de la pestaña

Coordine las páginas de pestañas asociando la propiedad Visible de componentes dependientes en su aplicación (por ejemplo, un contenedor que representa una página) con el valor de Pivot1.Selected.ItemKey.

Visible propiedad de un control dependiente que se muestra cuando se selecciona el elemento tabFile :

Pivot1.Selected.ItemKey = "tabFile"

Limitaciones

Este componente de código solo se puede usar en aplicaciones de lienzo y páginas personalizadas.

Vea más notas de limitación en la sección de desafíos de diseño de la documentación de GitHub.