Painike-ohjausobjekti Power Appsissa

  • Artikkeli

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

Kuvaus

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

Tärkeimmät ominaisuudet

OnSelect – Toiminnot, jotka suoritetaan, kun käyttäjä napauttaa tai napsauttaa ohjausobjektia.

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

Lisäominaisuudet

Align – 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.

Pressed – Tosi, 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ää Tekstisyöte-ohjausobjekti ja anna sille nimi Source.

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

  2. Lisää Painike-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ää Selite-ohjausobjekti, määritä kaavarivillä sen Text-ominaisuudeksi Arvo (Yhteensä) ja paina F5-näppäintä.

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

    Selite-ohjausobjekti näyttää kirjoittamasi numeron.

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

    Selite-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ää Tekstisyöte-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 Painike-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 Painike-ohjausobjektin, jonka kulmat on pyöristetty. Voit tehdä Painike-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 Painike-ohjausobjektien perustoimintoja. Kuvakkeet ja muodot ei kuitenkaan ole Text-ominaisuutta.

  1. Lisää Painike-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 Painike-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 jokin luomasi painikkeen ColorFade-prosenttimäärä jonkin luomasi painikkeen HoverFill-ominaisuudessa ja tarkastele tuloksia.

Voit myös määrittää Painike-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.

Huomautus

Voitko kertoa meille dokumentaatiota koskevan kielimäärityksesi? Vastaa lyhyeen kyselyyn. (Huomaa, että tämä kysely on englanninkielinen.)

Kyselyyn vastaaminen kestää noin seitsemän minuuttia. Henkilökohtaisia tietoja ei kerätä (tietosuojatiedot).