Udostępnij za pośrednictwem

Kontrolki Kształt i Ikona w Power Apps

  • Artykuł

Grafika, dla której możesz skonfigurować właściwości wyglądu i zachowania.

Opis

Do tych kontrolek należą strzałki, kształty geometryczne, ikony akcji i symbole, dla których możesz skonfigurować właściwości, takie jak wypełnienie, rozmiar i lokalizację. Możesz również skonfigurować ich właściwość OnSelect, aby aplikacja reagowała, jeśli użytkownik wybierze kontrolkę.

Właściwości kluczy (ikony i kształty)

Fill – kolor tła kontrolki.

OnSelect — akcje do wykonania po wyborze formantu przez użytkownika.

Właściwości kluczy (tylko ikony)

Ikona — Typ ikony, która ma być wyświetlana (na przykład ArrowDown lub ShoppingCart).

Rotation — Liczba stopni w celu obrócenia ikony.

Color — kolor ikony według nazwy lub wartości RGBA.

Dodatkowe właściwości

AccessibleLabel – etykieta dla czytników zawartości ekranu.

DisplayMode – czy kontrolka zezwala na wprowadzanie danych wejściowych przez użytkownika (Edytuj), czy tylko wyświetla dane (Wyświetl) lub jest wyłączona (Wyłączone).

FocusedBorderColor – kolor obramowania kontrolki z fokusem.

FocusedBorderThickness – grubość obramowania kontrolki z fokusem.

Height – odległość między górną i dolną krawędzią kontrolki.

HoverFill – kolor tła kontrolki po umieszczeniu na niej wskaźnika myszy.

PressedBorderColor – kolor krawędzi kontrolki, gdy użytkownik wybierze tę kontrolkę.

PressedFill – kolor tła kontrolki, gdy użytkownik wybierze tę kontrolkę.

TabIndex — kolejność nawigacji za pomocą klawiatury w odniesieniu do innych kontrolek.

Visible – czy kontrolka jest widoczna, czy ukryta.

Width – odległość między lewą i prawą krawędzią kontrolki.

X — odległość między lewą krawędzią kontrolki a lewą krawędzią jej kontenera nadrzędnego (ekranu, jeśli brak kontenera nadrzędnego).

Y — odległość między górną krawędzią kontrolki a górną krawędzią kontenera nadrzędnego (ekranu, jeśli brak kontenera nadrzędnego).

Navigate( ScreenName, ScreenTransition )

Przykład

  1. Nadaj domyślnej kontrolce Ekran nazwę Miejsce docelowe, dodaj kontrolkę Etykieta i ustaw jej właściwość Text na Miejsce docelowe.

    Nie wiesz, jak dodać i skonfigurować kontrolkę?

  2. Dodaj kontrolkę Ekran i nadaj jej nazwę Źródło.

  3. W pozycji Źródło dodaj kontrolkę Kształt i ustaw jej właściwość OnSelect na następującą formułę:

Navigate(Target, ScreenTransition.Fade)

  1. Naciśnij klawisz F5 i wybierz kontrolkę Kształt.

    Zostanie wyświetlony ekran Miejsce docelowe.

  2. (opcjonalnie) Naciśnij klawisz Esc, aby powrócić do domyślnego obszaru roboczego, dodaj kontrolkę Kształt do pozycji Miejsce docelowe i ustaw właściwość OnSelect kontrolki Kształt na następującą formułę:

Navigate(Source, ScreenTransition.Fade)

Wytyczne dotyczące ułatwień dostępu

Kontrast kolorów

Poniższe informacje dotyczą tylko elementów graficznych, które są używane jako przyciski lub w inny sposób nie tylko jako dekoracje.

Dla ikon:

Dla kształtów z obramowaniem:

  • Kolor określony przez właściwość BorderColor i kolor na zewnątrz kontrolki
  • Kolor określony przez właściwość FocusedBorderColor i kolor na zewnątrz kontrolki (jeśli jest używana jako przycisk)

Dla kształtów bez obramowania:

  • Kolor określony przez właściwość Fill i kolor na zewnątrz kontrolki
  • Właściwość PressedFill i kolor na zewnątrz kontrolki (jeśli jest używana jako przycisk)
  • Kolor określony przez właściwość HoverFill i kolor na zewnątrz kontrolki (jeśli jest używany jako przycisk)

Obsługa czytników ekranu

  • AccessibleLabel musi być ustawiona dla ważnych grafik.

  • Jeśli grafika służy do dekoracji lub dostarcza zbędnych informacji, pozostaw AccessibleLabel pustą lub ustaw ją na pusty ciąg "" . Czytniki ekranu zignorują te elementy graficzne.

Na przykład, możesz umieścić obrazek kłódki obok Etykieta z napisem Ten formularz nie może być modyfikowany. Nie potrzebujesz AccessibleLabel dla obrazka, ponieważ Etykieta już wyjaśnia jego znaczenie.

Ważne

Gdy właściwość TabIndex ma wartość zero lub większą, ikona lub obraz stają się przyciskiem. Wygląd nie zmieni się, ale czytniki ekranów będą go traktować jako przycisk. Nie zignorują formantu, nawet jeśli AccessibleLabel będzie puste. Gdy właściwość**TabIndex** ma wartość mniejszą od zera, ikona lub kształt są identyfikowane przez czytnik ekranu jako obrazy.

Obsługa klawiatury

  • Jeśli element graficzny jest używany jako przycisk, właściwość TabIndex musi mieć wartość zero lub większą. Użytkownicy korzystający z klawiatury mogą wtedy do niego nawigować.

  • Jeśli element graficzny jest używany jako przycisk, wskaźniki fokusu muszą być wyraźnie widoczne. Aby to osiągnąć, skorzystaj z właściwości FocusedBorderColor i FocusedBorderThickness.

Uwaga

Czy możesz poinformować nas o preferencjach dotyczących języka dokumentacji? Wypełnij krótką ankietę. (zauważ, że ta ankieta jest po angielsku)

Ankieta zajmie około siedmiu minut. Nie są zbierane żadne dane osobowe (oświadczenie o ochronie prywatności).