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.
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.