Jaa


Käyttöliittymäpaketin tukemat komponentit

[Tämä artikkeli sisältää julkaisua edeltävää materiaalia ja voi muuttua.]

Sovellusten luominen Figma-käyttöliittymäpaketin avulla -toiminto tukee tiettyä komponentteja. Tässä artikkelissa on tietoja näistä komponenteista.

Tuettujen komponenttien uusimmat tiedot ja yksityiskohtaiset esimerkit ovat Tuetut komponentit -sivulla Sovellusten luominen Figma-käyttöliittymäpaketin avulla -kohdassa.

Tärkeä

Älä nimeä komponentteja uudelleen tai vaihda kerroksia. Muussa tapauksessa komponentit eivät muunna ominaisuutta Power Appsissa.

Vieritettävissä olevat osat

Vieritettävä osa on näytön osa. Jos sisältö ulottuu osan ulkopuolelle, se on edelleen käytettävissä käyttäjän käyttäessä vieritystoimintoa.

Käyttöliittymäpaketin sisäiset vieritettävät osat ovat saatavilla kahdessa eri muodossa: puhelin ja tabletti.

Lomake

Lomake-osan avulla voit antaa käyttäjien täyttää kentät ja lähettää tiedot.

Power Appsissa tämä osa on vieritettävä.

Lomake-näyttö tabletti- ja puhelinasettelumuodoissa.

  • Aseta vain pysty- tai vaakasuuntaisen tietokortin komponentti Lomake-osaan.
  • Älä yhdistä pysty- ja vaakasuuntaisia tietokortteja.
  • Älä käytä lomakekehyksissä peruskomponentteja.

Säilö (pystysuuntainen)

Käytä Säilö (pystysuuntainen) -osia, kun haluat sisällön olevan vieritettävissä. Voit esimerkiksi tarvita pitkän selittävän sisällön osan.

Vihje

Voit lisätä myös pienen lomakkeen Säilö (pystysuuntainen) -osaan.

Pystysuuntainen säilö tabletti- ja puhelinasettelumuodoissa.

  • Käytä säilön kehyksissä peruskomponentteja ja -lomakkeita.
  • Älä sijoita pysty- tai vaakasuuntaisia kortin komponentteja Säilö (pystysuuntainen) -osaan.

Pysty- ja vaakasuuntaiset tietokortit

Pysty- ja vaakasuuntaiset tietokortit ovat komponentteja, jotka järjestävät itsensä automaattisesti lomakkeessa.

Huomautus

Varmista, että kaikki tietokortit sijoitetaan suoraan lomakekomponenttiin. Tietokortteja ei voi käyttää lomakkeen ulkopuolella.

Otsikot ja jakajat

Vaakasuuntaiset otsikot ja jakajat.

Tekstinsyöttö, avattava luettelo ja yhdistelmäruutu

Vaakasuuntainen tekstinsyöttö, avattava luettelo ja yhdistelmäruutu.

Vaihtopainike, valintaruutu ja valintapainike

Vaakasuuntainen vaihtopainike, valintaruutu ja valintapainike.

Liukusäädin, luokitus

Vaakasuuntainen liukusäädin, luokitus.

Päivämäärän valitsin

Vaakasuuntainen päivämäärävalitsin.

Luetteloruutu

Vaakasuuntainen luetteloruutu.

Rich Text -muoto

Vaakasuuntainen RTF-ruutu.

Ajastin

Vaakasuuntainen ajastin.

Komponenttien koot, tilat ja tyypit

Painikkeiden koot

Painikkeen koko.

Painikkeen tilat

Painikkeen tilat.

  • Jos haluat reunustetun painikkeen, jossa on viiva, määritä viivan keskitys Figmaan, koska Power Apps muuntaa vain keskitetyt viivat.

Selitteiden koot

Selitteen koko.

Huomautus

Käytä tekstiselitteessä vain yhtä fonttia ja fonttikokoa. Jos haluat käyttää tekstiselitteessä useita fontteja tai fonttikokoja, tee näissä variaatioissa erilliset selitteet. Varmista myös, että selitteen teksti ei ylitä täsmällistä kehikkoa, koska silloin sitä ei muunneta oikein.

Tekstisyötteen koot

Tekstisyötteen koot.

Tekstisyötteen tilat

Tekstisyötteen tilat.

Tekstisyötteen tyypit

Tekstisyötteen tyypit.

Yhdistelmäruudun koot

Yhdistelmäruudun koot.

Yhdistelmäruudun tilat

Yhdistelmäruudun tilat.

Avattavan luettelon koot.

Avattavan luettelon koot.

Valintaruudun koot

Valintaruudun koot.

Valintaruudun tilat

Valintaruudun tilat.

Valintanapin koot

Valintanapin koot.

Valintanapin tilat

Valintanapin tilat.

Valintanapin tyypit

Valintanapin tyypit.

  • Pidä kaikki valintanapit ja tekstit saman värisinä. Sovellukseksi muunnettaessa Power Apps käyttää ensimmäisen valintanapin väriä kaikissa jäljellä olevissa painikkeissa. Se ei tunnista muita värejä, joita olet ehkä käyttänyt.

Vaihtopainikkeen koot

Vaihtopainikkeen koot.

Vaihtopainikkeen tilat

Vaihtopainikkeen tilat.

Vaihtopainikkeen tyypit

Vaihtopainikkeen tyypit.

Päivämäärävalitsimen koot

Päivämäärävalitsimen koot.

Päivämäärävalitsimen tilat

Päivämäärävalitsimen tilat.

Päivämäärävalitsimen tyypit

Päivämäärävalitsimen tyypit.

Liukusäätimen koot

Liukusäätimen koot.

Liukusäätimen tilat

Liukusäätimen tilat.

Liukusäätimen tyypit

Liukusäätimen tyypit.

Luokituksen koot

Luokituksen koot.

Luokituksen tilat

Luokitusten tilat.

Luokituksen tyypit

Luokitusten tyypit.

  • Pidä kaikki tähdet saman värisinä, kun suunnittelutyö tehdään Figmassa. Sovellukseksi muunnettaessa Power Apps käyttää ensimmäisen tähden väriä kaikissa jäljellä olevissa tähdissä. Se ei tunnista muita värejä, joita olet ehkä käyttänyt.

Luetteloruudun koot

Luetteloruudun koot.

Luetteloruudun tilat

Luetteloruudun tilat.

Luetteloruudun tyypit

Luetteloruudun tyypit.

RTF-ruudun koot

RTF-ruudun koot.

RTF-ruudun tilat

RTF-ruudun tilat.

Ajastimen koot

Ajastimen koot.

Ajastimen tilat

Ajastimen tilat.

Ohitettava sisältö

Näiden komponenttien avulla voit tehdä muistiinpanoja, kommentteja tai muuta sisältöä, jota ei tarvitse hahmontaa lopullisessa sovelluksessa. Sisältö ohitetaan, kun rakenne muunnetaan Power Appsissa.

Ohitettava sisältö.

Kuvat ja suorakulmiot

Kuvat ja suorakulmiot hahmonnetaan sellaisinaan, kun rakenne muunnetaan sovellukseksi.

Kuvat

Kuvat.

Suorakulmiot

Suorakulmiot.

  • Käytä suorakulmioita, joiden kulmat ovat terävät, koska Power Apps voi muuntaa vain tällaiset suorakulmiot. Figmassa tämä tarkoittaa sitä, että kulman säteeksi on määritetty nolla.

Katso myös