Comparteix a través de

Pivot control

  • Article

Un control que s'utilitza per proporcionar navegació.

Nota

Trobareu la documentació completa i el codi font al dipòsit de components de codi de GitHub.

Control de pivot.

Descripció

El control Pivot i el patró de les pestanyes relacionades s'utilitza per navegar a categories de contingut diferents a les quals s'accedeix amb freqüència. Els Pivots permeten la navegació entre dues o més visualitzacions de contingut i es basen en les capçaleres de text per articular les diferents seccions de contingut.

Aquest component de codi proporciona un embolcall al control Fluent UIPivot per utilitzar-lo a les aplicacions de llenç i les pàgines personalitzades.

Propietats

Propietats de la clau

Propietat Descripció
RenderType Tipus de control que es representa.
SelectedKey La clau que se selecciona. S'actualitzarà mitjançant la incidència OnChange quan l'usuari interactuï amb el control.
Items Els elements d'acció que s'han de representar

Items Propietats

Cada element utilitza l'esquema següent per visualitzar les dades del component.

Nom Descripció
ItemDisplayName Nom de visualització de l'element de navegació
ItemKey La clau que s'utilitza per indicar quin element se selecciona i quan s'afegeixen subelements. Les claus han de ser úniques.
ItemEnabled Es defineix com a fals si l'opció està inhabilitada
ItemVisible Es defineix com a fals si l'opció no és visible
ItemChecked Es defineix com a cert si l'opció està marcada (per exemple, botons dividits en una barra d'ordres)
ItemIconName Icona de Fluent UI que s'utilitzarà (vegeu Icones de Fluent UI)
ItemCount Mostra el recompte d'elements en un enllaç d'element Pivot.

Exemple:

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

Propietats d'estil

Propietat Descripció
Theme Accepta una cadena JSON generada mitjançant el Fluent UI Theme Designer (windows.net). Deixant aquest camp en blanc s'utilitzarà el tema per defecte definit per Power Apps. Per obtenir ajuda sobre com s'ha de configurar, vegeu temes.
RenderSize El control Pivot es pot representar en dues mides (gran/normal)
AccessibilityLabel Etiqueta aria de lector de pantalla

Propietats de l'esdeveniment

Propietat Descripció
InputEvent Una incidència que s'enviarà al control. Per exemple, SetFocus. Vegeu sota.

Comportament

Admet SetFocus com un InputEvent.

Configurar el comportament de la pestanya

Coordineu les pàgines de pestanya associant la propietat Visible dels components dependents de l'aplicació (per exemple, un contenidor que representa una pàgina) amb el valor de Pivot1.Selected.ItemKey.

Visible propietat d'un control dependent que es mostra quan se selecciona la pestanyFitxer itemKey:

Pivot1.Selected.ItemKey = "tabFile"

Limitacions

Aquest codi del llenç només es pot utilitzar a les aplicacions del llenç i a les pàgines personalitzades.

Vegeu més notes sobre la limitació a la secció reptes del disseny de la documentació del GitHub.