Povratne informacije

Kontrolniki za oblike in ikone v storitvi Power Apps

  • Članek
  • 2 min za branje

Grafična podoba, za katero lahko konfigurirate lastnosti videza in vedenja.

Opis

Ti kontrolniki vključujejo puščice, geometrijske oblike, ikone dejanj in simbole, za katere lahko konfigurirate lastnosti, kot so polnilo, velikost in lokacija. Konfigurirate lahko tudi njihove lastnosti OnSelect, da se aplikacija odzove, ko uporabnik izbere kontrolnik.

Ključne lastnosti (ikone in oblike)

Polnilo – Barva ozadja kontrolnika.

OnSelect – Dejanja za izvedbo, ko uporabnik izbere kontrolnik.

Ključne lastnosti (samo ikone)

Ikona – Vrsta ikone za prikaz (na primer ArrowDown ali ShoppingCart).

Vrtenje – Število stopinj, za kolikor se bo zavrtela ikona.

Barva – Barva ikone po imenu ali vrednosti RGBA.

Dodatne lastnosti

AccessibleLabel – Oznaka za bralnike zaslonov.

DisplayMode – Določa, ali kontrolnik omogoča vnašanje uporabnika (Uredi), prikaz podatkov (Ogled) oziroma je onemogočen (Onemogočeno).

FocusedBorderColor – Barva obrobe kontrolnika, kadar je kontrolnik v fokusu.

FocusedBorderThickness – Debelina obrobe kontrolnika, kadar je kontrolnik v fokusu.

Višina – Razdalja med zgornjim in spodnjim robom kontrolnika.

HoverFill – Barva ozadja kontrolnika, ko se uporabnik s kazalcem miške ustavi na njem.

PressedBorderColor – Barva obrobe kontrolnika, ko uporabnik izbere ta kontrolnik.

PressedFill – Barva ozadja kontrolnika, ko uporabnik izbere ta kontrolnik.

TabIndex – Vrstni red pomikanja po tipkovnici glede na druge kontrolnike.

Vidno – Določa, ali je kontrolnik prikazan ali skrit.

Širina – Razdalja med levim in desnim robom kontrolnika.

X – Razdalja med levim robom kontrolnika in levim robom njegovega nadrejenega vsebnika (oziroma zaslona, če nima nadrejenega vsebnika).

Y – Razdalja med zgornjim robom kontrolnika in zgornjim robom njegovega nadrejenega vsebnika (oziroma zaslona, če nima nadrejenega vsebnika).

Navigate( ScreenName, ScreenTransition )

Primer

  1. Poimenujte Cilj privzetega kontrolnika Screen, dodajte kontrolnik Label in nastavite njegovo lastnost Besedilo, da prikaže Cilj.

    Ne veste, kako dodati in konfigurirati kontrolnik?

  2. Dodajte kontrolnik Screen in ga poimenujte Vir.

  3. V Vir dodajte kontrolnik Oblika in nastavite njegovo lastnost OnSelect na naslednjo formulo:

Navigate(Target, ScreenTransition.Fade)

  1. Pritisnite tipko F5 in izberite kontrolnik Oblika.

    Prikaže se zaslon Cilj.

  2. (izbirno) Pritisnite tipko Esc, da se vrnete v privzeti delovni prostor, dodajte kontrolnik Oblika za Cilj in nastavite lastnost OnSelect kontrolnika Oblika na naslednjo formulo:

Navigate(Source, ScreenTransition.Fade)

Smernice o dostopnosti

Barvni kontrast

Naslednje velja samo za grafične podobe, ki se uporabljajo kot gumbi oziroma ne izključno okrasno.

Za ikone:

Za oblike z obrobami:

Za oblike brez obrob:

  • Polnilo in barvo zunaj kontrolnika
  • PressedFill in barvo zunaj kontrolnika (če se uporablja kot gumb)
  • HoverFill in barvo zunaj kontrolnika (če se uporablja kot gumb)

Podpora za bralnik zaslona

  • Za pomembne grafike mora biti nastavljen AccessibleLabel.

  • Če je grafika namenjena dekoraciji ali ponuja odvečne podatke, element AccessibleLabel pustite prazen ali pa zanj nastavite prazen niz »«. Bralniki zaslona bodo tovrstne grafike prezrli.

Ob mesto, na katerem je Oznaka z napisom Tega obrazca ni mogoče spreminjati, je lahko npr. postavljena ikona Ključavnica. Za ikono ne potrebujete elementa AccessibleLabel, Oznaka namreč že pojasnjuje njen pomen.

Pomembno

Ko vrednost elementa TabIndex znaša najmanj nič, ikona ali oblika postane gumb. Njen videz se ne spremeni, razlika je le v tem, da jo bralniki zaslona zaznajo kot gumb. Kontrolnika ne bodo prezrli, tudi če je element AccessibleLabel prazen. Ko je vrednost elementa TabIndex manjša od nič, bralniki zaslona ikono ali obliko obravnavajo kot sliko.

Podpora za tipkovnico

  • Vrednost lastnosti TabIndex mora biti enaka ali večja kot nič, če je grafična podoba uporabljena kot gumb. Uporabniki tipkovnice se nato lahko pomaknejo do nje.

  • Če je grafična podoba uporabljena kot gumb, morajo biti kazalniki fokusa jasno vidni. Za dosego tega rezultata uporabite FocusedBorderColor in FocusedBorderThickness.

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).