Share via

Nupu juhtelement Power Appsis

  • Artikkel

Juhtelement, mida kasutaja saab rakendusega suhtlemiseks klõpsata või koputada.

Kirjeldus

Konfigureerige juhtelemendi Button (Nupp) atribuut OnSelect (Valimisel), et käivitada üks või mitu valemit, kui kasutaja klõpsab või koputab juhtelementi.

Võtmeatribuudid

OnSelect – toimingud, mida sooritatakse juhul, kui kasutaja klõpsab juhtelemendil.

Tekst – tekst, mis kuvatakse juhtelemendis või mida kasutaja tipib juhtelementi.

Lisaatribuudid

Align (Joonda) – teksti asukoht seoses juhtelemendi horisontaalse keskpunktiga.

AutoDisableOnSelect (Automaaselt keela valimisel) – keelab juhtelemendi automaatselt, kui OnSelect (Valimisel) 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.

Värv – juhtelemendi teksti värv.

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 värv – juhtelemendi teksti värv, kui selle atribuudi 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).

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

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

Fill (Taust) – juhtelemendi taustavärv.

Font – fontide perekonna nimi, milles tekst kuvatakse.

Fondi paksus – juhtelemendi teksti paksus: Bold (Paks), Semibold (Poolpaks), Normal (Tavaline) või Lighter (Õhem).

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õljumisevärv – juhtelemendi teksti värv, kui kasutaja hoiab sellel hiirekursorit.

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

Kursiiv – kas juhtelemendi tekst on kursiivis.

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.

Pressed (Vajutatud) – Tõene, kui juhtelementi vajutatakse, väär muul juhul.

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

Vajutamisvärv – juhtelemendi teksti värv, kui kasutaja klõpsab või vajutab sellel.

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.

Suurus – juhtelemendis kuvatava teksti fondi suurus.

Läbikriipsutus – kas juhtelemendis kuvatavat teksti läbib kriips.

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

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

Allakriipsutus – kas juhtelemendis kuvatav tekst on allajoonitud.

Vertikaalne joondus – juhtelemendi teksti asukoht juhtelemendi vertikaalse keskpunkti suhtes.

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

Seotud funktsioonid

Navigate( ScreenName, ScreenTransitionValue )

Näited

Lisa nupule põhivalem

  1. Lisage juhtelement Text input (Tekstisisend) ja nimeta see Source.

    Kuidas lisada, nimetada ja konfigureerida juhtelementi?

  2. Lisage juhtelement Button (Nupp), määrake selle atribuudi Text (Tekst) väärtuseks "Lisa" ja seadke selle OnSelect atribuut järgmise valemi järgi.
    UpdateContext({Total:Total + Value(Source.Text)})

    Kas soovite lisateavet funktsiooni UpdateContext või muud funktsioonid kohta?

  3. Lisa Silt juhtelement, seadista selle Tekst omand valemiribal Väärtus(Kokku), ja siis vajuta F5.

  4. Tühjendage Source vaikimisi kasutatava tekst, tippige sinna arv ja seejärel klõpsake või koputage nuppu Add (Lisa).

    Juhtelemendis Label (Silt) kuvatakse teie tipitud arv.

  5. Tühjendage Source number, tippige sinna teine arv ja seejärel klõpsake või koputage nuppu Add (Lisa).

    Juhtelemendis Label (Silt) kuvatakse teie tipitud kahe arvu summa.

  6. (valikuline) Korrake eelmist sammu üks või mitu korda.

  7. Vaike-tööruumi naasmiseks vajutage paoklahvi (ESC) (või koputage või klõpsake parempoolses ülanurgas sulgemisikooni).

Nupu konfigureerimine mitme valemiga

Saate lisada valemi, mis kustutab Text input (Teksti sisend) juhtelemendi tekstisisestuste vahel.

  1. Seadke Source (Allikas) HintText (Vihjetekst) atribuudi väärtuseks "Sisestage arv".

  2. Seadistage Add (Lisa) atribuut OnSelect (Valimisel) järgmisele valemile.

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Märkus

    Eraldage mitu valemit semikooloniga ";".

  3. Määrake Source (Allikas) atribuudi**Vaikimisi** väärtuseks ClearInput.

  4. Vajutage klahvi F5ja test9ge rakendust, lisades mitu numbrit üheskoos.

Kogusumma lähtestamiseks lisage uus nupp

Arvutuste vahel summa tühjendamiseks lisage teine nupp.

  1. Lisage täiendav juhtelement Button (Nupp), määrake selle atribuudi Text väärtuseks "Tühjenda" ja seadke selle atribuut OnSelect valemile:

    UpdateContext({Total:0})

  2. Vajutage klahvi F5, lisage mitu numbrit ja seejärel klõpsake või koputage nuppu Clear (Tühjenda) kogusumma lähtestamiseks.

Muutke nupu ilmet

Muutke nupu kuju

Vaikimisi loob Power Apps ristkülikukujulise juhtelemendi Button (Nupp) ümarate nurkadega. Juhtelemendi Button (Nupp) kuju põhimuudatuste tegemiseks seadke atribuudid Height (Kõrgus), Width (Laius) ja Radius (Raadius).

Märkus

Icons and Shapes pakuvad mitmesuguseid kujundusi ja neil on samad põhifunktsioonid, mis juhtelementidel Button (Nupp). Kuid Icons and Shapes valikul pole atribuuti Text.

  1. Lisage juhtelement Button (Nupp) ja seadke suure kandilise nupu tegemiseks selle atribuutide Height (Kõrgus) ja Width (Laius) väärtuseks 300.

  2. Muutke atribuute RadiusTopLeft, RadiusTopRight, RadiusBottomLeft ja RadiusBottomRight atribuute, et kohandada iga nurga kumerust. Siin on mõned näited erinevatest kujunditest, millest igaüks algab 300 x 300 ruudukujulisest nupust.

Nupu värvi muutmine üle selle liikumisel

Vaikimisi väheneb juhtelemendi Button (Nupp) täitevärv 20% kui liigute hiirega üle selle. Seda käitumist saate kohandada, kui muudate atribuuti HoverFill, mis kasutab funktsiooni ColorFade. Kui määrate ColorFade valemi positiivseks protsendimääraks, muutub värv nupu kohal hõljudes heledamaks ja negatiivne protsent värvi tumedamaks.

Saate määrata ka juhtelemendi Button (Nupp) värvi, kui määrate selle atribuudis HoverFill valemiga, mis sisaldab ColorValue funktsiooni ColorFade funktsiooni asemel (näiteks ColorValue ("Red")).

Märkus

Värvi väärtus võib olla mis tahes CSS värvi määratlus (nimeline või HEX-väärtus).

  • Asendage ColorFade funktsioon ColorValue funktsiooniga ühes loodud nupus ja järgige tulemust.

Hõlbustusfunktsioonide suunised

Värvi kontrastsus

Ekraanilugeja tugi

  • Tekst peab olema määratud.

Klaviatuuri tugi

  • TabIndex väärtus peab olema null või suurem, et klaviatuuri kasutajad saaksid sellele liikuda.
  • Fookuse indikaatorid peavad olema selgelt nähtavad. Selle saavutamiseks kasutage FocusedBorderColor (Fookustatud äärise värv) ja FocusedBorderThickness (Fookustatud äärise paksus).

Märkus

Kas saaksite meile dokumentatsiooniga seotud keele-eelistustest teada anda? Osalege lühikeses uuringus. (Uuring on ingliskeelne.)

Uuringus osalemine võtab umbes seitse minutit. Isikuandmeid ei koguta (privaatsusavaldus).