Udostępnij za pośrednictwem

Pivot kontrola

  • Artykuł

Formant nawigacyjny.

Uwaga

Pełna dokumentacja i kod źródłowy znajdują się w repozytorium GitHub komponentów kodu.

Kontrolka Pivot.

opis

Formant Pivot i powiązany wzorzec kart są używane do nawigacji często uzyskiwanych dostępu, różnych kategorii zawartości. Pivots umożliwiają nawigację między co najmniej dwoma widokami zawartości i umożliwiają bazowanie na nagłówkach tekstu w celu umożliwienia pracy w różnych sekcjach zawartości.

Ten składnik kodu udostępnia obszar, który można zakończyć przez formant Fluent UI Pivot, który ma być używać przycisku w aplikacjach kanwy i na stronach niestandardowych.

Właściwości

Właściwości klucza

Właściwości opis
RenderType Typ kontrolki do renderowania jako.
SelectedKey Klucz do wybrania. To zdarzenie zostanie zaktualizowane za pomocą zdarzenia OnChange, gdy użytkownik wchodzi z formantem.
Items Elementy akcji do renderowania

Items Właściwości

Każdy element używa poniższego schematu do wizualizacji danych składnika.

Imię i nazwisko/nazwa opis
ItemDisplayName Wyświetlana nazwa elementu nawigacyjnego
ItemKey Klucz do wskazania wybranego elementu oraz dodawania elementów dodatkowych. Klucze muszą być niepowtarzalne.
ItemEnabled Ustaw wartość false, jeśli opcja jest wyłączona
ItemVisible Ustaw na false, jeśli opcja nie jest widoczna
ItemChecked Ustaw wartość true (jeśli jest zaznaczona opcja, na przykład przyciski podziału na pasku poleceń)
ItemIconName Ikona Fluent UI, która ma być wyświetlana (zobacz ikony Fluent UI)
ItemCount Wyświetlanie liczby elementów na łączu elementu przestawnego.

Przykład:

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

Właściwości stylu

Właściwości opis
Theme Akceptuje ciąg JSON generowany przy użyciu Projektanta motywów interfejsu użytkownika (windows.net). Pozostawienie tego pustego będzie używać domyślnego motywu zdefiniowanego przez ustawienie Power Apps. Zobacz motywy, aby uzyskać wskazówki dotyczące konfiguracji.
RenderSize Formant przestawny może być renderowany w dwóch rozmiarach (duży/normalny)
AccessibilityLabel Czytnik ekranu aria-label

Właściwości zdarzenia

Właściwości opis
InputEvent Zdarzenie do wysłania do kontroli Np. SetFocus. Zobacz poniżej.

Zachowanie

Obsługuje SetFocus jako element InputEvent.

Skonfiguruj zachowanie karty

Koordynuj strony kart, kojarząc właściwość Visible zależnych składników w aplikacji (na przykład kontener reprezentujący stronę) z wartością Pivot1.Selected.ItemKey.

Visible właściwość kontrolki zależnej, która jest wyświetlana po wybraniu tabFile itemKey:

Pivot1.Selected.ItemKey = "tabFile"

Ograniczenia

Tego składnika kodu można używać tylko w aplikacjach kanwy i na stronach niestandardowych.

Zobacz więcej uwag dotyczących ograniczeń w sekcji Wyzwania związane z projektowaniem w dokumentacji usługi GitHub.