Zdieľať cez


Pivot ovládanie

Ovládací prvok používaný na navigáciu.

Poznámka

Úplnú dokumentáciu a zdrojový kód nájdete v odkladacom priestore komponentov kódu GitHub.

Otočné ovládanie.

Description

Ovládací prvok Pivot a súvisiace vzory kariet sa používajú na navigáciu v často používaných a odlišných kategóriách obsahu. Ovládacie prvky Pivot umožňujú navigáciu medzi dvoma alebo viacerými zobrazeniami obsahu a spoliehajú sa na hlavičky textu na vyjadrenie rôznych častí obsahu.

Táto súčasť kódu poskytuje obal okolo ovládacieho prvku Fluent UI Pivot na použitie v aplikáciách plátna a na vlastných stránkach.

Vlastnosti

Vlastnosti kľúča

Vlastnosť Description
RenderType Typ ovládacieho prvku na vykreslenie.
SelectedKey Kľúč, ktorý sa má vybrať. Toto sa aktualizuje prostredníctvom udalosti OnChange, keď používateľ interaguje s ovládacím prvkom.
Items Akčné položky na vykreslenie

Items vlastnosti

Každá položka používa na vizualizáciu údajov v komponente nasledujúcu schému.

Name Description
ItemDisplayName Zobrazovaný názov navigačnej položky
ItemKey Kľúč, ktorý sa má použiť na označenie vybratej položky a pri pridávaní vedľajších položiek. Kľúče musia byť jedinečné.
ItemEnabled Ak je táto možnosť zakázaná, nastavte ju na hodnotu nepravda
ItemVisible Ak táto možnosť nie je viditeľná, nastavte ju na hodnotu nepravda
ItemChecked Nastavte na hodnotu pravda, ak je táto možnosť začiarknutá (napríklad rozdelené tlačidlá na paneli príkazov)
ItemIconName Ikona Fluent UI, ktorú chcete použiť (pozrite si Ikony Fluent UI)
ItemCount Zobrazenie počtu položiek na odkaze na prvok Pivot.

Príklad:

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

Vlastnosti štýlu

Vlastnosť Description
Theme Akceptuje reťazec JSON, ktorý je vygenerovaný pomocou aplikácie Fluent UI Theme Designer (windows.net). Ak toto necháte prázdne, použije sa predvolený motív definovaný v Power Apps. Pokyny na konfiguráciu nájdete v časti nastavenie motívov.
RenderSize Ovládací prvok Pivot môže byť vykreslený v dvoch veľkostiach (veľký/normálny)
AccessibilityLabel Označenie aria-label pre čítačky obrazovky

Vlastnosti udalosti

Vlastnosť Description
InputEvent Udalosť, ktorá sa má odoslať ovládaciemu prvku. Napr. SetFocus. Pozrite nižšie.

Správanie

Podporuje SetFocus ako InputEvent.

Konfigurácia správania karty

Koordinujte stránky kariet priradením vlastnosti Visible závislých komponentov vo vašej aplikácii (napríklad kontajnera, ktorý predstavuje stránku) s hodnotou Pivot1.Selected.ItemKey.

Visible vlastnosť závislého ovládacieho prvku, ktorý sa zobrazí, keď je vybratý kľúč tabFile itemKey:

Pivot1.Selected.ItemKey = "tabFile"

Obmedzenia

Tento komponent kódu je možné použiť iba v aplikáciách plátna a vlastných stránkach.

Ďalšie poznámky o obmedzeniach nájdete v sekcii výzvy dizajnu v dokumentácii GitHub.