Button-ohjausobjekti Power Appsissa

Ohjausobjekti, jota käyttäjä voi napsauttaa tai napauttaa sovelluksen toimintojen käyttämiseksi.

Kuvaus

Määritä Button -ohjausobjektin OnSelect -ominaisuudeksi yhden tai useamman kaavan suorittaminen, kun käyttäjä napsauttaa tai napauttaa ohjausobjektia.

Tärkeimmät ominaisuudet

OnSelect – Miten sovellus reagoi, kun käyttäjä napauttaa tai napsauttaa ohjausobjektia.

Teksti – Teksti, joka näytetään ohjausobjektissa tai jonka käyttäjä kirjoittaa ohjausobjektiin.

Lisäominaisuudet

Tasaa – Tekstin asettelu suhteessa ohjausobjektin vaakasuoraan keskikohtaan.

AutoDisableOnSelect – Poistaa ohjausobjektin automaattisesti käytöstä OnSelect -toiminnon suorittamisen ajaksi.

BorderColor – Ohjausobjektin reunan väri.

BorderStyle – Onko ohjausobjektin reuna Yhtenäinen , Katkoviiva , Pisteviiva vai Ei mitään.

BorderThickness – Ohjausobjektin reunan paksuus.

Color – Ohjausobjektin Tekstin väri.

DisplayMode – Salliiko ohjausobjekti käyttäjän syötettä ( Muokkaa ), vain tietojen tarkastelun ( Näytä ) vai onko se poissa käytöstä ( Poistettu käytöstä ).

DisabledBorderColor – Ohjausobjektin reunan väri, jos sen DisplayMode -asetuksena on Poistettu käytöstä.

DisabledColor – Ohjausobjektin Tekstin väri, jos sen DisplayMode -asetuksen arvoksi on asetettu Ei käytössä.

DisabledFill – Ohjausobjektin taustaväri, jos sen DisplayMode -ominaisuudeksi on määritetty Ei käytössä.

FocusedBorderColor – Ohjausobjektin reunan väri, kun ohjausobjekti on kohdistettu.

FocusedBorderThickness – Ohjausobjektin reunan paksuus, kun ohjausobjekti on kohdistettu.

Fill – Ohjausobjektin taustaväri.

Font – tekstissä käytetyn fonttiperheen nimi.

FontWeight – Ohjausobjektin Tekstin paksuus: lihavoitu , puolilihavoitu , normaali tai ohuempi.

Height – Ohjausobjektin ylä- ja alareunan välinen etäisyys.

HoverBorderColor – Ohjausobjektin reunan väri, kun käyttäjä pitää hiiren osoitinta kyseisen ohjausobjektin päällä.

HoverColor – Ohjausobjektin Tekstin väri, kun hiiren kohdistin on sen päällä.

HoverFill – Ohjausobjektin taustaväri, kun käyttäjä pitää hiiren osoitinta sen päällä.

Italic – Onko ohjausobjektin teksti kursivoitu.

PaddingBottom – Ohjausobjektin Tekstin ja alareunan välinen etäisyys.

PaddingLeft – Ohjausobjektin Tekstin ja vasemman reunan välinen etäisyys.

PaddingRight – Ohjausobjektin Tekstin ja oikean reunan välinen etäisyys.

PaddingTop – Ohjausobjektin Tekstin ja yläreunan välinen etäisyys.

PressedTosi , kun ohjausobjektia painetaan, muulloin epätosi.

PressedBorderColor – Ohjausobjektin reunan väri, kun käyttäjä napauttaa tai napsauttaa kyseistä ohjausobjektia.

PressedColor – Ohjausobjektin Tekstin väri, kun käyttäjä napauttaa tai napsauttaa ohjausobjektia.

PressedFill – Ohjausobjektin taustaväri, kun käyttäjä napauttaa tai napsauttaa kyseistä ohjausobjektia.

RadiusBottomLeft – Vasemman alakulman pyöristysaste.

RadiusBottomRight – Oikean alakulman pyöristysaste.

RadiusTopLeft – Vasemman yläkulman pyöristysaste.

RadiusTopRight – Ohjausobjektin oikean yläkulman pyöristysaste.

Size – Ohjausobjektissa näkyvän Tekstin fonttikoko.

Strikethrough – Onko ohjausobjektissa näkyvä Teksti yliviivattu.

TabIndex – Näppäimistön siirtymisjärjestys suhteessa muihin ohjausobjekteihin.

Tooltip – OhjeTeksti, joka ilmestyy näkyviin osoittimen ollessa ohjausobjektin päällä.

Underline – Onko ohjausobjektissa näkyvä Teksti alleviivattu.

VerticalAlign – Ohjausobjektin Tekstin sijainti suhteessa ohjausobjektin pystysuoraan keskikohtaan.

Visible – Onko ohjausobjekti näkyvissä vai piilossa.

Width – Ohjausobjektin vasemman ja oikean reunan välinen etäisyys.

X – Ohjausobjektin vasemman reunan ja pääsäilön (tai näytön, jos pääsäilöä ei ole) vasemman reunan välinen etäisyys.

Y – Ohjausobjektin yläreunan ja pääsäilön (tai näytön, jos pääsäilöä ei ole) yläreunan välinen etäisyys.

Navigate( ScreenName , ScreenTransitionValue )

Esimerkit

Peruskaavan lisääminen painikkeeseen

  1. Lisää Text input -ohjausobjekti ja anna sille nimi Source.

    Etkö tiedä, miten ohjausobjekti lisätään, nimetään ja määritetään?

  2. Lisää Button -ohjausobjekti, määritä sen Teksti -ominaisuudeksi "Lisää" ja määritä sen OnSelect -ominaisuudeksi tämä kaava:
    UpdateContext({Total:Total + Value(Source.Text)})

    Haluatko lisätietoja UpdateContext -funktiosta tai muista funktioista?

  3. Lisää Label -ohjausobjekti, aseta sen Teksti -ominaisuudeksi Total ja paina F5 -näppäintä.

  4. Poista oletusteksti Source -kohdasta, kirjoita siihen numero ja sitten napsauta tai napauta Lisää.

    Label -ohjausobjekti näyttää kirjoittamasi numeron.

  5. Poista numero Source -kohdasta, kirjoita siihen toinen numero ja napsauta tai napauta sitten Lisää.

    Label -ohjausobjekti näyttää kahden kirjoittamasi numeron summan.

  6. (valinnainen) Repeat edellinen vaihe vähintään yhden kerran.

  7. Voit palata oletustyötilaan painamalla ESC-näppäintä (tai napsauttamalla oikean yläkulman sulkemiskuvaketta).

Usean kaavan määrittäminen painikkeeseen

Lisää kaava, joka tyhjentää Text input -ohjausobjektin syöttöjen välillä.

  1. Aseta Source -kohdan HintText -ominaisuudeksi ”Syötä numero”.

  2. Määritä Lisää -kohdan OnSelect -ominaisuudeksi tämä kaava:

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

    Huomautus

    Erota useita kaavoja puolipisteellä “ ; ”.

  3. Määritä Source -kohdan Default -ominaisuudeksi ClearInput.

  4. Paina F5 ja testaa sovellusta laskemalla numeroita yhteen.

Toisen painikkeen lisääminen kokonaismäärän nollaamiseksi

Lisää toinen painike, joka tyhjentää kokonaismäärän laskutoimitusten välillä.

  1. Lisää uusi Button -ohjausobjekti, määritä sen Teksti -ominaisuudeksi ”Tyhjennä” ja määritä sen OnSelect -ominaisuudeksi tämä kaava:

    UpdateContext({Total:0})

  2. Paina F5 , laske useita numeroita yhteen ja sitten tyhjennä kokonaismäärä napsauttamalla tai napauttamalla Tyhjennä.

Painikkeen ulkoasun muuttaminen

Painikkeen muodon muuttaminen

Power Apps luo oletuksena nelikulmion muotoisen Button -ohjausobjektin, jonka kulmat on pyöristetty. Voit tehdä Button -ohjausobjektiin perustason muokkauksia säätämällä sen ominaisuuksia Height , Width ja Radius.

Huomautus

Kuvakkeet ja muodot mahdollistavat monipuolisen muokkaamisen, ja niillä voidaan suorittaa joitakin Button -ohjausobjektien perustoimintoja. Kuvakkeilla ja muodoilla ei kuitenkaan ole Teksti -ominaisuutta.

  1. Lisää Button -ohjausobjekti ja aseta sen Height - ja Width -ominaisuuksiksi 300 , jotta painikkeesta tulee suuri ja neliönmuotoinen.

  2. Muuta kulmien pyöristystä muokkaamalla arvoja RadiusTopLeft , RadiusTopRight , RadiusBottomLeft ja RadiusBottomRight. Tässä on esimerkkejä eri muodoista, joiden aloituspisteenä on 300 x 300 -kokoinen neliönmuotoinen painike:

Painikkeen värin muuttaminen, kun hiiren osoitin on sen päällä

Oletuksena Button -ohjausobjektin täyttöväri himmenee 20 %, kun hiiren osoitin on sen päällä. Voit muuttaa tätä muokkaamalla HoverFill -ominaisuutta, joka käyttää ColorFade -funktiota. Jos asetat ColorFade -kaavaksi positiivisen prosenttiluvun, väri muuttuu vaaleammaksi osoittimen ollessa sen päällä, kun taas negatiivinen prosenttiluku tekee siitä tummemman.

  • Muuta jonkin luomasi painikkeen HoverFill -ominaisuuden ColorFade -prosenttimäärää ja tarkastele tuloksia.

Voit myös määrittää Button -ohjausobjektin värin asettamalla sen HoverFill -ominaisuudeksi kaavan, joka sisältää ColorFade -funktion sijaan ColorValue -funktion, esimerkiksi ColorValue("Red").

Huomautus

Color voi olla mikä tahansa CSS-värimääritys, joko nimi tai heksadesimaaliarvo.

  • Korvaa jonkin luomasi painikkeen ColorFade -funktio ColorValue -funktiolla ja tarkastele tuloksia.

Helppokäyttötoimintojen ohjeet

Colorkontrasti

Näytönlukuohjelman tuki

Näppäimistön tuki

  • TabIndex -kohteen on oltava nolla tai yli, jotta näppäimistön käyttäjät voivat siirtyä siihen.
  • Kohdistuksen ilmaisinten on oltava selvästi näkyvissä. Voit tehdä tämän kohteiden FocusedBorderColor ja FocusedBorderThickness avulla.