Kaaviosovelluksen luominen alusta alkaen Excel-tietojen perusteella

Voit luoda oman, taulukoksi muotoillun kaaviosovelluksesi alusta alkaen Excel-tietojen perusteella ja lisätä sitten halutessasi tietoja muista lähteistä. Tässä opetusohjelmassa luodaan sovellus, joka sisältää kaksi näyttöä. Yhdessä näytössä käyttäjät voivat selata tietuejoukkoa. Toisessa näytössä käyttäjät voivat luoda tietueen, päivittää vähintään tietueen yhden kentän tai poistaa koko tietueen. Tämä menetelmä vie enemmän aikaa kuin perussovelluksen luominen Excelistä, mutta kokeneet käyttäjät voivat näin tehdä parhaiten tarpeitaan vastaavan sovelluksen.

Edellytykset

Noudata tämän opetusohjelman ohjeita tarkasti luomalla ensin Excel-tiedosto, jossa on nämä mallitiedot.

  1. Kopioi nämä tiedot ja liitä ne Excel-tiedostoon.

    StartDay Aloitusaika Vapaaehtoinen Varmuuskopio
    lauantai Klo 10–12 Vasquez Kumashiro
    lauantai Klo 12–14 Ice Singhal
    lauantai Klo 14–16 Myk Mueller
    sunnuntai Klo 10–12 Li Adams
    sunnuntai Klo 12–14 Singh Morgan
    sunnuntai Klo 14–16 Batye Nguyen
  2. Muotoile tiedot taulukoksi nimeltä Schedule, jotta Power Apps voi jäsentää tiedot.

    Lisätietoja on artikkelissa Excel-taulukon muotoileminen.

  3. Tallenna tiedosto nimellä eventsignup.xlsx, sulje se ja lataa se sitten pilvitallennustilille, kuten OneDriveen.

Tärkeä

Voit käyttää omaa Excel-tiedostoasi ja katsoa opetusohjelmasta vain yleiset käsitteet. Excel-tiedoston tietojen täytyy kuitenkin olla taulukkomuodossa. Lisätietoja on artikkelissa Excel-taulukon muotoileminen.

Avaa tyhjä sovellus

  1. Kirjaudu Power Apps.

  2. Valitse Tee oma sovelluksesi -kohdasta vaihtoehto Kaaviosovellus tyhjästä.

    Luo tyhjä kaaviosovellus

  3. Määritä sovelluksesi nimi, valitse Puhelin ja valitse sitten Luo.

    Voit suunnitella sovelluksen alusta alkaen puhelimia tai muita laitteita (kuten tabletteja) varten. Tässä artikkelissa keskitytään sovelluksen suunnittelemiseen puhelinta varten.

    Määritä sovelluksen nimi ja muoto

    Power Apps Studio luo tyhjän sovelluksen puhelimia varten.

  4. Jos Tervetuloa Power Apps Studioon -valintaikkuna avautuu, valitse Ohita.

Muodosta yhteys tietoihin

  1. Valitse näytön keskellä Yhdistä tietoihin.

  2. Valitse Tiedot-ruudussa pilvitallennustilisi yhteys, jos se on näkyvissä. Muutoin lisää yhteys seuraavasti:

    1. Valitse Uusi yhteys, valitse tilisi pilvitallennustilaruutu ja valitse sitten Luo.
    2. Anna tilin tunnistetietosi, jos niitä pyydetään.
  3. Valitse Valitse Excel-tiedosto, kirjoita tai liitä ensimmäiset kirjaimet sanasta eventsignup luettelon suodattamista varten ja valitse sitten lataamasi tiedosto.

  4. Valitse Valitse taulukko, valitse Aikataulu-valintaruutu ja valitse sitten Yhdistä.

  5. Sulje Tiedot-ruutu valitsemalla oikean yläkulman sulkemiskuvake (X).

Tarkastelunäytön luominen

  1. Valitse Aloitus-välilehdessä kohdan Uusi näyttö vieressä oleva alanuoli, jolloin näyttötyyppien luettelo avautuu, ja valitse sitten Luettelo.

    Kun näyttö lisätään, siinä on useita oletusohjausobjekteja, kuten hakukenttä ja Gallery-ohjausobjekti. Valikoima kattaa koko näytön hakukentän alapuolella.

  2. Valitse uuden näytön yläreunassa Label-ohjausobjekti ja korvaa sitten [Otsikko] asetuksella Näytä tietueet.

    Muuta otsikkoriviä

  3. Valitse vasemmassa siirtymispalkissa BrowseGallery1.

    Valikoiman ympärillä näkyy valintakehys kahvoineen.

    Luettelonäytön lisääminen

  4. Valitse oikeanpuoleisen ruudun Ominaisuudet-välilehdessä Asettelu-valikon alanuoli.

    Avaa asetteluvalikko

  5. Valitse Otsikko, alaotsikko ja leipäteksti.

  6. Korvaa kaavarivillä CustomGallerySample-kohta tekstillä Schedule ja korvaa molemmat SampleText-kohdat tekstillä Volunteer.

  7. Valitse kaavarivin oikeassa reunassa oleva alaspäin osoittava nuoli ja valitse sitten Muotoile teksti.

    Kaava vastaa tätä esimerkkiä:

    SortByColumns(
        Search(
            Schedule,
            TextSearchBox1.Text,
            "Volunteer"
        ),
        "Volunteer",
        If(
            SortDescending1,
            SortOrder.Descending,
            SortOrder.Ascending
        )
    )
    
  8. Valitse oikeanpuoleisen ruudun Ominaisuudet-välilehdessä Kentät-otsikon vierestä Muokkaa.

  9. Valitse Title2-ruudussa Volunteer, Subtitle2-ruudussa StartDay ja Body1-ruudussa StartTime.

  10. Sulje Tiedot-ruutu valitsemalla oikean yläkulman sulkemiskuvake (X).

Käyttäjät voivat lajitella ja suodattaa valikoiman vapaaehtoisen nimen mukaan kyseisen kaavan SortByColumns- ja Search-funktioiden perusteella.

  • Jos käyttäjä kirjoittaa ainakin yhden kirjaimen hakukenttään, valikoimassa näytetään vain tietueet, joissa Volunteer-kenttä sisältää käyttäjän antaman tekstin.
  • Jos käyttäjä valitsee lajittelupainikkeen (otsikkorivillä päivityspainikkeen ja plus-painikkeen välissä), tietueet näkyvät valikoimassa nousevassa tai laskevassa järjestyksessä (sen mukaan, kuinka monta kertaa käyttäjä valitsee painikkeen) Volunteer-kentän perusteella.

Lisätietoja näistä ja muista funktioista on artikkelissa Lisätietoja kaavasta.

Muutosnäytön luominen

  1. Valitse Aloitus-välilehdessä Uusi näyttö -kohdan vieressä oleva alanuoli ja valitse sitten Lomake.

  2. Valitse vasemmassa siirtymispalkissa EditForm1.

  3. Valitse oikeanpuoleisen ruudun Ominaisuudet-välilehdessä Tietolähde-kohdan vieressä oleva alanuoli ja valitse sitten esiin tulevassa luettelossa Aikataulu.

  4. Valitse juuri määrittämäsi tietolähteen kohdalla Muokkaa kenttiä.

  5. Valitse Kentät-ruudussa Lisää kenttä, valitse kunkin kentän valintaruutu ja valitse sitten Lisää.

  6. Tiivistä kentät valitsemalla kunkin kentän nimen vieressä oleva nuoli ja vedä sitten Volunteer-kenttää ylöspäin niin, että se näkyy ylimpänä kenttäluettelossa.

    Kenttien järjestäminen uudelleen

  7. Sulje Kentät-ruutu valitsemalla oikean yläkulman sulkemiskuvake (X).

  8. Määritä lomakkeen Item-ominaisuudeksi tämä lauseke kirjoittamalla tai liittämällä se kaavariville:

    BrowseGallery1.Selected

  9. Valitse näytön yläreunassa Label-ohjausobjekti ja korvaa sitten [Otsikko] asetuksella Vaihda tietueet.

    Muuta otsikkoriviä

Näyttöjen poistaminen ja uudelleennimeäminen

  1. Valitse vasemmassa siirtymispalkissa kolme pistettä (...) kohdassa Screen1 ja valitse sitten Poista.

    Näytön poistaminen

  2. Valitse kolme pistettä (...) kohdassa Screen2, valitse Nimeä uudelleen ja kirjoita tai liitä sitten ViewScreen.

  3. Valitse kolme pistettä (...) kohdassa Screen3, valitse Nimeä uudelleen ja kirjoita tai liitä sitten ChangeScreen.

Tarkastelunäytön kuvakkeiden määrittäminen

  1. Valitse ViewScreen-näytön yläreunassa pyöreä nuoli -kuvake.

    Lisää tietue

  2. Määritä kyseisen kuvakkeen OnSelect-ominaisuudeksi tämä kaava:

    Refresh(Schedule)

    Kun käyttäjä valitsee tämän kuvakkeen, tietoja Schedule-arvo päivitetään Excel-tiedostosta.

    Lisätietoja näistä ja muista funktioista on artikkelissa Lisätietoja kaavasta.

  3. Valitse plus-kuvake ViewScreen-näytön oikeassa yläkulmassa.

    Lisää tietue

  4. Määritä kyseisen kuvakkeen OnSelect-ominaisuudeksi tämä kaava:

    NewForm(EditForm1);Navigate(ChangeScreen,ScreenTransition.None)

    Kun käyttäjä valitsee tämän kuvakkeen, ChangeScreen näytetään kaikki kentät tyhjänä, jotta käyttäjä voi luoda tietueen helpommin.

  5. Valitse oikealle osoittava nuoli valikoiman ensimmäisessä tietueessa.

    Nuolen valitseminen

  6. Määritä nuolen OnSelect-ominaisuudeksi tämä kaava:

    EditForm(EditForm1); Navigate(ChangeScreen, ScreenTransition.None)

    Kun käyttäjä valitsee tämän kuvakkeen, ChangeScreen näytetään niin, että jokaisessa kentässä näkyvät valitun tietueen tiedot, jotta käyttäjä voi luoda tietueen tai muokata sitä helpommin.

Muutosnäytön kuvakkeiden määrittäminen

  1. Valitse ChangeScreen-näytössä vasemman yläkulman X-kuvake.

    Peruutuskuvake

  2. Määritä kyseisen kuvakkeen OnSelect-ominaisuudeksi tämä kaava:

    ResetForm(EditForm1);Navigate(ViewScreen, ScreenTransition.None)

    Kun käyttäjä valitsee tämän kuvakkeen, kaikki käyttäjän tässä näytössä tekemät muutokset hylätään, ja tarkastelunäyttö avautuu.

  3. Valitse valintamerkkikuvake oikeassa yläkulmassa.

    Valintamerkkikuvake

  4. Määritä valintamerkin OnSelect-ominaisuudeksi tämä kaava:

    SubmitForm(EditForm1); Navigate(ViewScreen, ScreenTransition.None)

    Kun käyttäjä valitsee tämän kuvakkeen, kaikki käyttäjän tässä näytössä tekemät muutokset tallennetaan, ja tarkastelunäyttö avautuu.

  5. Valitse Lisää-välilehdessä Kuvakkeet ja valitse sitten Roskakori-kuvake.

  6. Määritä uuden kuvakkeen Color-ominaisuuden arvoksi Valkoinen ja siirrä uusi kuvake valintamerkkikuvakkeen viereen.

    Roskakorikuvake

  7. Määritä roskakorikuvakkeen Visible-ominaisuudeksi tämä kaava:

    EditForm1.Mode = FormMode.Edit

    Tämä kuvake näkyy vain, kun lomake on Muokkaa-tilassa, ei Uusi-tilassa.

  8. Määritä roskakorikuvakkeen OnSelect-ominaisuudeksi tämä kaava:

    Remove(Schedule, BrowseGallery1.Selected); Navigate(ViewScreen, ScreenTransition.None)

    Kun käyttäjä valitsee tämän kuvakkeen, valittu tietue poistetaan tietolähteestä ja tarkastelunäyttö avautuu.

Sovelluksen testaus

  1. Valitse ViewScreen-näyttö ja avaa sitten esikatselu painamalla F5-näppäintä (tai valitsemalla oikean yläkulman Esikatselu-kuvake).

    Avaa esikatselutila

  2. Kirjoita tai liitä hakukenttään yksi tai useampi kirjain, niin voit suodattaa luetteloa vapaaehtoisen nimen perusteella.

  3. Valitse lajittelukuvake kerran tai useammin, niin saat tiedot näkyviin nousevassa tai laskevassa järjestyksessä vapaaehtoisen nimen mukaan.

  4. Lisää tietue.

  5. Päivitä lisäämäsi tietue ja tallenna sitten muutokset.

  6. Päivitä lisäämäsi tietue ja peruuta sitten muutokset.

  7. Poista lisäämäsi tietue.

  8. Sulje esikatselutila painamalla Esc-näppäintä (tai valitsemalla sulkemiskuvake oikeassa yläkulmassa).

Seuraavat vaiheet

  • Tallenna sovelluksesi pilveen painamalla Ctrl+S, jotta voit suorittaa sen muissa laitteissa.
  • Jaa sovellus niin, että muut voivat suorittaa sen.
  • Lue lisätietoja funktioista, kuten Patch, joiden avulla voit hallita tietoja luomatta vakiolomaketta.
  • Linkitä tämä sovellus ratkaisuun, jotta voit esimerkiksi ottaa sen käyttöön toisessa ympäristössä tai julkaista sen AppSourceen.