Kujundi ja ikooni juhtelemendid rakenduses Power Apps

Pildid, millele saate konfigureerida ilme ja käitumise atribuute.

Kirjeldus

Nende juhtelementide hulka kuuluvad nooled, geomeetrilised kujundid, toimingu ikoonid ja sümbolid, mille jaoks saate atribuute (nt taust, suurus ja asukoht) konfigureerida. Saate konfigureerida ka oma atribuudi OnSelect, et rakendus vastaks, kui kasutaja valib juhtelemendi.

Põhiatribuudid (ikoonid ja kujundid)

Fill (Taust) – juhtelemendi taustavärv.

OnSelect (Valimisel) – rakenduse vastus, kui kasutaja klõpsab juhtelemendil.

Põhiatribuudid (ainult ikoonid)

Icon (Ikoon) – kuvatava ikooni tüüp (näiteks ArrowDown (Nool alla) või ShoppingCart (Ostukäru)).

Rotation (Pööramine) – ikooni pööramiseks soovitud kraadide arv.

Color (Värv) – ikooni värv nime või RGBA väärtuste järgi.

Lisaatribuudid

AccessibleLabel (Juurdepääsusilt) – ekraanilugerite silt.

DisplayMode (Kuva režiim) - kas juhtelement võimaldab kasutajal sisestada (Edit (Redigeeri)), kuvada ainult andmeid (View (Kuva)) või olla keelatud (Disabled (Keelatud)).

FocusedBorderColor (Fokuseeritud äärise värv) – juhtelemendi äärise värv, kui juhtelement on fokuseeritud.

FocusedBorderThickness (Fokuseeritud äärise paksus) – juhtelemendi äärise paksus, kui juhtelement on fokuseeritud.

Height (Kõrgus) – Juhtelemendi ülemiste ja alumiste servade vaheline kaugus.

Hõljumise taustavärv – juhtelemendi taustavärv, kui kasutaja hoiab sellel hiirekursorit.

PressedBorderColor (Äärise värv vajutamisel) – juhtelemendi äärise värv, kui kasutaja valib juhtelemendi.

PressedFill (Taustavärv vajutamisel) – juhtelemendi taustavärv, kui kasutaja valib selle.

TabIndex – klaviatuuri navigeerimise järjekord võrreldes teiste juhtelementidega.

Visible (Nähtav) – kas juhtelement on nähtav või peidetud.

Width (Laius) – vahemaa juhtelemendi vasaku ja parema serva vahel.

X – vahemaa juhtelemendi vasaku serva ja vanemkonteineri vasaku serva vahel (ekraan, kui vanemkonteinerit pole).

Y – vahemaa juhtelemendi ülemise serva ja vanemkonteineri ülemise serva vahel (ekraan, kui vanemkonteinerit pole).

Navigate( ScreenName, ScreenTransition )

Näide

  1. Nimetage vaikimisi juhtelemendi Screen väärtuseks Target (Siht), lisage juhtelement Label (Silt) ja määrake see atribuut Tekst kuvama juhtelementi Target (Siht).

    Kuidas lisada ja konfigureerida juhtelementi?

  2. Lisage juhtelement Screen (Ekraan) ja nimetage see Source (Allikas).

  3. Suvandil Source (Allikas) lisage juhtelement Shape (Kujund) ja määrake selle atribuut OnSelect (Valimisel) järgmisele valemile.

Navigate(Target, ScreenTransition.Fade)

  1. Vajutage klahvi F5 ja valige juhtelement Shape (Kujund).

    Ilmub ekraan Target (Siht).

  2. (valikuline) Vajutage paoklahvi (ESC), et naasta vaike-tööruumi, lisage juhtelement Shape suvandile Target (Siht) ja seadke juhtelemendi Shape (Kujund) atribuut OnSelect (Valimisel) järgmisele valemile.

Navigate(Source, ScreenTransition.Fade)

Hõlbustusfunktsioonide suunised

Värvi kontrastsus

Järgmised rakenduvad ainult piltidele, mida kasutatakse nuppudena või muul viisil (mitte ainult kaunistamiseks).

Ikoonide puhul.

Äärisega kujundite puhul.

  • BorderColor (Äärise värv) ja juhtnupust väljaspool olev värv
  • FocusedBorderColor (Fokuseeritud äärise värv) ja juhtelemendi välise osa värv (kui kasutada nupuna)

Ääriseta kujundite puhul.

  • Fill (Taust) ja juhtnupust väljaspool olev värv
  • PressedFill (Vajutatud taust) ja juhtelemendi välise osa värv (kui kasutada nupuna)
  • HoverFill (Hõljumise taust) ja juhtelemendi välise osa värv (kui kasutada nupuna)

Ekraanilugeri tugi

  • AccessibleLabel (Juurdepääsusilt) peab olema määratud sõnele, mis pole tühi, kui pilti kasutatakse nupuna või pole muul viisil ainult kaunistamiseks.

  • AccessibleLabel (Juurdepääsusilt) peab olema tühi või tühi string "", kui pilt sisaldab koondatud teavet või on puhtalt dekoratiivne. See väärtus põhjustab olukorra, kus ekraaniluger ignoreerib pilti.

Näiteks võite seada ikooni Settings (Sätted) atribuudi AccesibleLabel (Juurdepääsusilt) suvandile Settings (Sätted). Ikooni ei kasutata nupuna. See on Label (Silt) kõrval, mille väärtus on Settings (Sätted). Ekraaniluger loeb nii ikooni kui ka silti suvandina Settings (Sätted), mis on asjatult rohkesõnaline. Sellisel juhul ei vaja ikoon atribuuti AccessibleLabel (Ligipääsusilt).

Oluline

Ekraaniluger loeb ikooni või kujundit nupuna, kui selle atribuudiks AccessibleLabel (Juurdepääsusilt) on määratud tühi sõne ja selle TabIndex väärtus on null või suurem. Sellised ikoonid või kujundid renderdatakse nuppudena.

Klaviatuuri tugi

  • TabIndex peab olema null või suurem, kui pilti kasutatakse nupuna. Kui määrate selle väärtuse ikooni või kujundi jaoks, saavad klaviatuuri kasutajad sellega liikuda.

  • Fookuse indikaatorid peavad olema selgelt nähtavad, kui pilti kasutatakse nupuna. Selle tulemuse saavutamiseks kasutage FocusedBorderColor (Fookustatud äärise värv) ja FocusedBorderThickness (Fookustatud äärise paksus).

    Märkus

    Kui TabIndex on null või suurem, renderdatakse ikooni või kujundit nupuna. Välimus ei muutu, kuid ekraaniluger tuvastab pildi nupuna õigesti. Kui TabIndex on väiksem kui null, siis tuvastatakse ikoon või kujund pildina.