Jagamisviis:

Power Appsi nupu juhtelement

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

Kirjeldus

Konfigureerige nupu juhtelemendi atribuut OnSelect nii, et see käivitaks ühe või mitu valemit, kui kasutaja klõpsab või puudutab juhtelementi.

Võtmeatribuudid

OnSelect – toimingud, mida teha, kui kasutaja puudutab või klõpsab juhtelementi.

Tekst – tekst, mis kuvatakse juhtelemendil või mille kasutaja sisestab juhtelementi.

Täiendavad atribuudid

Align – teksti asukoht juhtelemendi horisontaalse keskkoha suhtes.

AutoDisableOnSelect – keelab juhtelemendi automaatselt, kui käitus OnSelect töötab.

BorderColor – juhtelemendi ääri värv.

BorderStyle – näitab, kas juhtelemendi ääris on ühtlane, kriipsjoonega, punkt või pole.

BorderThickness – juhtelemendi ääriste paksus.

Color – juhtelemendi teksti värv.

ContentLanguage – juhtelemendi sisu keel, kui see erineb juhtelemendi ümbrisest.

DisplayMode – näitab, kas juhtelement lubab kasutaja sisendi (redigeerimine), kuvab ainult andmed (Vaade) või on keelatud (keelatud).

DisabledBorderColor – juhtelemendi ääri värv, kui juhtelemendi atribuudi DisplayMode väärtuseks on määratud Keelatud.

DisabledColor – juhtelemendi teksti värv, kui selle atribuudi DisplayMode väärtuseks on määratud Keelatud.

DisabledFill – juhtelemendi taustavärv, kui selle atribuudi DisplayMode väärtuseks on määratud Keelatud.

FocusedBorderColor – juhtelemendi ääris, kui juhtelement on fookustatud.

FocusedBorderThickness – juhtelemendi ääriste paksus, kui juhtelement on fookuses.

Täide – juhtelemendi taustavärv.

Font – selle fondipere nimi, kus tekst kuvatakse.

FontWeight – juhtelemendi teksti jämedus: paks, poolpaks, tavaline või heledam.

Kõrgus – juhtelemendi ülemise ja alumise serva vaheline kaugus.

HoverBorderColor – juhtelemendi äärise värv, kui kasutaja hoiab hiirekursorit sellel juhtelemendil.

HoverColor – juhtelemendi teksti värv, kui kasutaja hoiab hiirekursorit sellel.

HoverFill – juhtelemendi taustavärv, kui kasutaja hoiab hiirekursorit sellel.

Kursiiv – kas juhtelemendi tekst on kursiiv.

PaddingBottom – juhtelemendi teksti ja selle allserva vaheline kaugus.

PaddingLeft – juhtelemendi teksti ja selle vasaku serva vaheline kaugus.

PaddingRight – juhtelemendi teksti ja selle parempoolse serva vaheline kaugus.

PaddingTop – juhtelemendi teksti ja juhtelemendi ülaserva vaheline kaugus.

Vajutatud – tõene juhtelemendi vajutamise ajal, muul juhul väär .

PressedBorderColor – juhtelemendi ääri värv, kui kasutaja seda juhtelementi puudutab või klõpsab.

PressedColor – juhtelemendi teksti värv, kui kasutaja seda juhtelementi puudutab või klõpsab.

PressedFill – juhtelemendi taustavärv, kui kasutaja seda juhtelementi puudutab või klõpsab.

RadiusBottomLeft – juhtelemendi vasaku allnurga ümardamise aste.

RadiusBottomRight – juhtelemendi parema alanurga ümardamise aste.

RadiusTopLeft – juhtelemendi vasaku ülanurga ümardamise aste.

RadiusTopRight – juhtelemendi ülemise parempoolse nurga ümardamise aste.

Size – juhtelemendil kuvatava teksti fondisuurus.

Läbikriipsutus – näitab, kas joon kuvatakse läbi juhtelemendil kuvatava teksti.

TabIndex – klaviatuuri navigeerimisjärjestus muude juhtelementide suhtes.

Kohtspikker – selgitav tekst, mis kuvatakse, kui kasutaja nihutab kursori juhtelemendile.

Allakriipsutus – näitab, kas juhtelemendil kuvatava teksti all kuvatakse rida.

VerticalAlign – teksti asukoht juhtelemendil selle juhtelemendi vertikaalse keskkoha suhtes.

Visible – näitab, kas juhtelement kuvatakse või on peidetud.

Laius – juhtelemendi vasaku ja parema serva vaheline kaugus.

X – juhtseadise vasaku serva ja selle ema konteineri vasaku serva vaheline kaugus (ekraan, kui konteinerit ei ema).

Y – juhtseadise ülaserva ja ema ümbrise ülemise serva vaheline kaugus (ekraan, kui ümbrist ei ema).

Navigate( ScreenName, ScreenTransitionValue )

Näited

Lihtsa valemi lisamine nupule

  1. Lisage juhtelement Text input ja nimetage see Allikas.

    Kas te ei tea, kuidas juhtelementi lisada, nimetada ja konfigureerida?

  2. Lisage nupu juhtelement, seadke selle atribuudi Tekst väärtuseks "Lisa" ja seadke selle atribuudi OnSelect väärtuseks järgmine valem:
    UpdateContext({Total:Total + Value(Source.Text)})

    Kas soovite lisateavet funktsiooni UpdateContext või muude funktsioonide kohta?

  3. Lisage sildi juhtelement, määrake selle atribuut Text (Tekst ) valemiribal väärtuseks Value(Total) (Väärtus(kogusumma)) ja vajutage klahvi F5.

  4. Eemaldage allikast vaiketekst, tippige sellesse arv ja seejärel klõpsake või puudutage nuppu Lisa.

    Juhtelemendis Silt kuvatakse tipitud arv.

  5. Tühjendage number allikast, tippige sellesse mõni muu arv ja seejärel klõpsake või puudutage nuppu Lisa.

    Juhtelemendis Silt kuvatakse kahe tipitud arvu summa.

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

  7. Vaikeruumi naasmiseks vajutage paoklahvi (Esc) (või klõpsake või koputage paremas ülanurgas sulgemisikooni).

Mitme valemiga nupu konfigureerimine

Saate lisada valemi, mis tühjendab kirjete vahel juhtelemendi Tekstsisestus .

  1. Määrake allika atribuudi HintText väärtuseks "Sisestage arv".

  2. Määrake atribuudi OnSelect väärtuseks Lisa sellele valemile:

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

    Märkus.

    Eraldage mitu valemit semikooloniga ";".

  3. Määrake atribuudi AllikasvaikeväärtuseksClearInput.

  4. Vajutage klahvi F5 ja seejärel testige rakendust, lisades mitu numbrit kokku.

Summa lähtestamiseks veel ühe nupu lisamine

Arvutuste vahesumma kustutamiseks lisage teine nupp.

  1. Lisage veel üks nupu juhtelement, määrake selle atribuudi Tekst väärtuseks Tühjenda ja seadke selle atribuudi OnSelect väärtuseks järgmine valem:

    UpdateContext({Total:0})

  2. Vajutage klahvi F5, lisage mitu arvu kokku ja seejärel klõpsake või puudutage summa lähtestamiseks nuppu Tühjenda .

Nupu ilme muutmine

Nupu kujundi muutmine

Vaikimisi loob Power Apps ümarnurkadega ristkülikukujulise nupu juhtelemendi. Nupu juhtelemendi kujundit saate muuta, määrates selle atribuudid Kõrgus, Laius ja Raadius.

Märkus.

Ikoonid ja kujundid pakuvad laias valikus kujundusi ja võivad kasutada samu põhifunktsioone nagu nupujuhtelemendid . Ikoonidel ja kujunditel pole aga atribuuti Tekst.

  1. Lisage nupu juhtelement ja seadke selle atribuudid Kõrgus ja Laius väärtuseks 300 , et teha suur ruutnupp.

  2. Muutke atribuute RadiusTopLeft, RadiusTopRight, RadiusBottomLeft ja RadiusBottomRight , et reguleerida kõveruse hulka igas nurgas. Siin on mõned näited erinevatest kujunditest, millest igaüks algab nupust 300 x 300.

Nupu värvi muutmine selle kohal hõljutades

Vaikimisi tuhmendatakse nupu juhtelemendi täitevärv 20% hiirega üle liikumisel. Saate seda käitumist kohandada, muutes funktsiooni ColorFade kasutavat atribuuti HoverFill. Kui määrate valemi ColorFade väärtuseks positiivse protsendi, muutub värv nupu kohal hõljutades heledamaks, kuid negatiivne protsent muudab värvi tumedamaks.

  • Muutke ühe loodud nupu atribuudi hõljukfiltri protsentuaalset värvide protsenti ja jälgige efekte.

Nupu juhtelemendi värvi määramiseks saate määrata ka selle atribuudi HoverFill väärtuseks valemi, mis sisaldab funktsiooni ColorFade asemel funktsiooni ColorValue("Punane").

Märkus.

Värviväärtus võib olla mis tahes CSS-i värvimääratlus ( nimi või 16-15-ne väärtus).

  • Asendage funktsioon ColorFade funktsiooniga ColorValue ühes teie loodud nuppudest ja jälgige efekte.

Hõlbustusfunktsioonide juhised

Värvikontrast

Ekraanilugeri tugi

  • Tekst peab olema olemas.

Klaviatuuri tugi

  • Last updated on