Pildi juhtelement Power Appsis

Juhtelement, mis kuvab pildi näiteks kohalikust failist või andmeallikast.

Kirjeldus

Kui lisate rakendusele ühe või mitu juhtelementi Image (Pilt), saate kuvada üksikuid pilte, mis pole komplekti osad, või lisada pilte andmeallika kirjetest.

Põhiomadused

Image (Pilt) – pildi nimi, mis kuvatakse pildi, heli või mikrofoni juhtelemendis.

Märkus

Kasutage kõigi väliste piltide jaoks HTTPS-i, et tagada ühilduvus moodsate brauseritega.

Lisaatribuudid

AccessibleLabel (Juurdepääsusilt) – ekraanilugerite silt.

ApplyEXIFOrientation (Rakenda EXIF paigutust) – kui soovite automaatselt rakendada pildiga põimitud EXIF-i andmetes määratud paigutust.

AutoDisableOnSelect – keelab juhtelemendi automaatselt, kui element OnSelect on sees.

BorderColor (Äärise värv) – juhtelemendi äärise värv.

BorderStyle (Äärise stiil) – kas juhtelemendi ääris on Solid (Tavaline), Dashed (Katkendlik joon), Dotted (Punktiirjoon) või None (Puudub).

BorderThickness (Äärise paksus) – juhtelemendi äärise paksus.

CalculateOriginalDimensions (Arvuta originaalmõõtmed) – lubab atribuudid OriginalHeight (Originaalkõrgus) ja OriginalWidth (Originaallaius).

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

DisabledBorderColor (Keelatud äärise värv) – juhtelemendi äärise värv, kui selle juhtelemendi atribuudi DisplayMode (Kuva režiim) väärtuseks on määratud Disabled (Keelatud).

Keelatud täitevärv – juhtelemendi taustavärv, kui selle atribuudi Kuva režiim väärtuseks on määratud Disabled (Keelatud).

Fill (Taust) – juhtelemendi taustavärv.

FlipHorizontal (Keera horisontaalselt) – kui soovite pilti enne kuvamist horisontaalselt ümber pöörata.

FlipVertical (Keera vertikaalselt) – kui soovite pilti enne kuvamist vertikaalselt ümber pöörata.

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.

HoverBorderColor (Hõljumise äärise värv) – juhtelemendi äärise värv, kui kasutaja hoiab vastaval juhtelemendil hiirekursorit.

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

ImagePosition (Pildi asend) – Pildi asend (Fill (Täida taust), Fit (Sobita), Stretch (Venita), Tile (Paan) või Center (Keskel)) ekraanil või juhtelemendil, kui pilt pole originaalsuuruses.

ImageRotation (Pildi keeramine) – kuidas pöörata pilti enne kuvamist. Väärtused võivad olla mitte ükski, päripäeva (CW) 90 kraadi, vastupäeva (CCW) 90 kraadi ja päripäeva 180 kraadi.

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

OriginalHeight (Originaalkõrgus) – pildi algkõrgus, mis on lubatud atribuutiga CalculateOriginalDimensions (Arvuta originaalmõõtmed).

OriginalWidth (Originaallaius) – pildi alglaius, mis on lubatud atribuutiga CalculateOriginalDimensions (Arvuta originaalmõõtmed).

Alumine vahe – vahemaa juhtelemendi teksti ja juhtelemendi alumise serva vahel.

Vasak vahe – vahemaa juhtelemendi teksti ja juhtelemendi vasaku serva vahel.

Parem vahe – vahemaa juhtelemendi teksti ja juhtelemendi parema serva vahel.

Ülemine vahe – vahemaa juhtelemendi teksti ja juhtelemendi ülemise serva vahel.

PressedBorderColor (Äärise värv vajutamisel) – juhtelemendi äärise värv, kui kasutaja klõpsab või koputab seda.

Taustavärv vajutamisel – juhtelemendi taustavärv, kui kasutaja klõpsab või vajutab sellel.

RadiusBottomLeft – arv, milleni juhtelemendi alumine vasakpoolne nurk on ümardatud.

RadiusBottomRight – arv, milleni juhtelemendi alumine parempoolne nurk on ümardatud.

RadiusTopLeft – arv, milleni juhtelemendi ülemine vasakpoolne nurk on ümardatud.

RadiusTopRight – arv, milleni juhtelemendi ülemine parempoolne nurk on ümardatud.

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

Tooltip (Tööriistavihje) – selgitav tekst, mis kuvatakse, kui kasutaja liigub kursoriga üle juhtelemendi.

Transparency (Läbipaistvus) – mil määral pildi taga olevad juhtnupud jäävad nähtavaks. Kümnendkoha väärtused jäävad vahemikku 0–1. Kus 0 on läbipaistmatu, 0,5 on poolläbipaistev ja 1 läbipaistev.

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

Remove( DataSource, ThisItem )

Näited

Kohalikust failist pildi kuvamine

  1. Menüüs File (Fail) klõpsake või koputage käsku Media (Meedium) ja seejärel käsku Browse (Sirvi).

  2. Klõpsake või koputage pildifaili, mille soovite lisada, klõpsake või koputage valikut Open (Ava) ja seejärel vajutage vaike-tööruumi naasmiseks paoklahvi (ESC).

  3. Lisage juhtelement Image (Pilt) ja määrake selle atribuut Pilt lisatud faili nimele.

    Kuidas lisada ja konfigureerida juhtelementi?

    Juhtelement Image (Pilt) kuvab määratud pildi.

Andmeallika pildikogumi kuvamine

  1. Laadige see Exceli fail alla ja salvestage see oma kohalikku seadmesse.

  2. Rakenduses Power Apps Studio looge või avage rakendus ja seejärel klõpsake või koputage või koputage parempoolsel paanil nuppu Add data source (Lisa andmeallikas).

    Kui Add data source (Lisa andmeallikas) ei kuvata parempoolsel paanil, klõpsake või koputage vasakpoolsel navigeerimisribal kuvatavat ekraani.

  3. Klõpsake või koputage valikut Add static data to your app (Lisa rakendusse staatilisi andmeid), klõpsake või koputage alla laaditud Exceli faili ja seejärel klõpsake või koputage nuppu Open (Ava).

  4. Valige märkeruut Flooring Estimates (Põrandaala hinnangud) ja seejärel klõpsake või koputage nuppu Connect (Ühenda).

  5. Lisage piltidega juhtelement Gallery (Galerii) ja määrake selle atribuudi Items (Üksused) väärtuseks FlooringEstimates (Põrandaala hinnangud).

    Kuidas lisada ja konfigureerida juhtelementi?

    Juhtelement Gallery kuvab pilte vaibast, puitmööblist ja plaatidest, mis põhinevad allalaaditud Exceli faili linkidel.

Hõlbustusfunktsioonide suunised

Värvi kontrastsus

Ekraanilugeja tugi

  • AccessibleLabel (Juurdepääsusilt) peab olema defineeritud, 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 on puhtalt dekoratiivne. See põhjustab olukorra, kus ekraaniluger ignoreerib pilti.
  • AccessibleLabel (Juurdepääsusilt) saab olla tühi või tühi string "", kui pilt sisaldab üleliigset teavet.
    • Näiteks Image (Pilt) hammasratastest, mille AccessibleLabel (Juurdepääsusilt) väärtuseks on Settings (Sätted). Seda pilti ei kasutata nupuna. See on Label (Silt) kõrval, mille väärtus on Settings (Sätted). Ekraaniluger loeb pilti kui valik Settings (Sätted) ja silt kuvatakse väärtusena Settings (Sätted). See on asjatult rohkesõnaline. Sellisel juhul ei vaja Image (Pilt) atribuuti AccessibleLabel (Ligipääsusilt).

      Oluline

      Ekraaniluger alati lugeda juhtelemente Image (Pilt), mille TabIndex väärtus on null või suurem, isegi kui AccessibleLabel (Juurdepääsusilt) on tühi. Seda sellepärast, et need renderdatakse nuppudena. Kui AccessibleLabel (Juurdepääsusilt) pole saadaval, loeb ekraaniluger pilti lihtsalt nupuna.

Klaviatuuri tugi

  • TabIndex peab olema null või suurem, kui pilti kasutatakse nupuna. See võimaldab klaviatuuri kasutajatel navigeerida.

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

    Märkus

    Kui TabIndex on null või suurem, renderdatakse Image (Pilt) nupuna. Visuaalset välimust ei saa muuta, kuid ekraaniluger tuvastab pildi nupuna õigesti. Kui TabIndex on väiksem kui null, siis tuvastatakse Image (Pilt) pildina.