Skapa en app för arbetsytor från grunden utifrån Excel-data

Skapa din egen app för arbetsytor från grunden utifrån Excel-data formaterade som en tabell och lägg sedan till data, om du vill, från andra källor. Genom att följa den här självstudien kommer du att skapa en app som innehåller två skärmar. På en skärm kan användarna bläddra igenom en uppsättning poster. På den andra skärmen kan användarna skapa en post, uppdatera ett eller flera fält i en post eller ta bort en hel post. Den här metoden tar längre tid än att skapa en grundläggande app från Excel, men appskapare med mer erfarenhet kan använda den för att skapa bästa möjliga appar utifrån sina behov.

Förutsättningar

Om du vill följa stegen i den här självstudien exakt måste du först skapa en Excel-fil med hjälp av dessa exempeldata.

1. Kopiera dessa data och klistrar in dem i en Excel-fil.

   StartDay	StartTime	Frivillig	Säkerhetskopia
   lördag	10:00-lunch	Vasquez	Kumashiro
   lördag	lunch-14:00	Ice	Singhal
   lördag	14:00–16:00	Myk	Mueller
   söndag	10:00-lunch	Li	Adams
   söndag	lunch-14:00	Singh	Morgan
   söndag	14:00–16:00	Batye	Nguyen

2. Formatera informationen som en tabell med namnet Schema, så att Power Apps kan parsa informationen.

   Mer information finns i Formatera en tabell i Excel.

3. Spara filen under namnet eventsignup.xlsx, stäng den och överför den sedan till ett molnlagringskonto t.ex. OneDrive.

Öppna en tom app

Skapa en tom arbetsyteapp med layout telefon.

Anslut till data

1. Välj Anslut till data mitt på skärmen.

2. Välj anslutningen för ditt molnlagringskonto, om den visas, i fönstret Data. Annars lägger du till en anslutning enligt stegen nedan:

   1. Välj Ny anslutning, välj sedan panelen för ditt molnlagringskonto och därefter Skapa.
   2. Ange dina autentiseringsuppgifter till kontot om du uppmanas till detta.

3. Filtrera listan genom att skriva eller klistra in de första bokstäverna i eventsignup under Välj en Excel-fil och välj sedan den fil som du har överfört.

4. Markera kryssrutan för Schema under Välj en tabell och välj sedan Anslut.

5. Stäng genom att välja ikonen Stäng (X) längst upp till höger i fönstret Data.

Skapa vyskärmen

1. Öppna en lista över skärmtyper genom att välja nedpilen bredvid Ny skärm på fliken Start och välj sedan Lista.

   En skärm läggs till med flera standardkontroller, till exempel en sökruta och kontrollen Galleri. Galleriet täcker hela skärmen under sökrutan.

2. Välj kontrollen Etikett högst upp på den nya skärmen och ersätt sedan [Rubrik] med Visa poster.

   

3. Välj BrowseGallery1 i det vänstra navigeringsfältet.

   En markeringsruta med handtag visas runt galleriet.

   

4. Välj nedpilen för menyn Layout på fliken Egenskaper i den högra rutan.

   

5. Välj rubrik, underrubrik och brödtext.

6. Ersätt CustomGallerySample med Schema och ersätt båda förekomsterna av SampleText med Frivillig i formelfältet.

7. Välj nedpilen och sedan Formattext i den högra kanten av formelfältet.

   Formeln matchar det här exemplet:

   SortByColumns(
       Search(
           Schedule,
           TextSearchBox1.Text,
           "Volunteer"
       ),
       "Volunteer",
       If(
           SortDescending1,
           SortOrder.Descending,
           SortOrder.Ascending
       )
   )
   

8. Välj Redigera bredvid etiketten Fält på fliken Egenskaper i den högra rutan.

9. I rutan Title2 välj Frivillig i rurtan Subtitle2, välj StartDay och i rutan Body1 välj StartTime.

10. Stäng genom att välja ikonen Stäng (X) längst upp till höger i fönstret Data.

Användarna kan sortera och filtrera galleriet efter de frivilligas namn med hjälp av funktionerna SortByColumns och Search i formeln.

• Om en användare matar in minst en bokstav i sökrutan visar galleriet endast de poster vars fält Frivillig innehåller den text som användaren har matat in.
• Om en användare klickar på sorteringsknappen (mellan uppdateringsknappen och plusknappen i namnlisten) visar galleriet posterna i stigande eller fallande ordning (beroende på hur många gånger användaren har klickat på knappen) baserat på fältet Frivillig.

Mer information om dessa och andra funktioner finns i formelreferensen.

Skapa ändringsskärmen

1. Välj nedpilen bredvid Ny skärm på fliken Start och välj sedan Formulär.

2. I vänster navigeringsfält väljer du EditForm1.

3. Välj nedpilen bredvid Datakälla och sedan Schema i listan som visas på fliken Egenskaper i den högra rutan.

4. Välj Redigera fält under den datakälla som du precis angav.

5. Välj Lägg till fält, markera kryssrutan för varje fält och välj sedan Lägg till i fönstret Fält.

6. Välj pilen bredvid namnet på varje fält för att minimera det och dra sedan upp fältet Frivillig så att det visas överst i listan över fält.

   

7. Stäng genom att välja ikonen Stäng (X) längst upp till höger i fönstret Fält.

8. Konfigurera egenskapen Items på det här formuläret till det här uttrycket genom att skriva eller klistra in texten i formelfältet:

   BrowseGallery1.Selected

9. Välj kontrollen Etikett högst upp på skärmen och ersätt sedan [Rubrik] med Ändra poster.

   

Ta bort och byt namn på skärmar

1. Välj ellipsen (...) för Screen1 i det vänstra navigeringsfältet och välj sedan Ta bort.

   

2. Välj ellipsen (...) för Screen2, välj Byt namn och skriv eller klistra sedan in ViewScreen.

3. Välj ellipsen (...) för Screen3, välj Byt namn och skriv eller klistra sedan in ChangeScreen.

Konfigurera ikoner på visningsskärmen

1. Välj den cirkulära pilikonen högst upp på ViewScreen.

   

2. Ställ in egenskapen OnSelect för knappen till den här formeln:

   Refresh(Schedule)

   När användaren väljer den här ikonen uppdateras data från Schema från Excel-filen.

   Mer information om den här och andra funktioner finns i formelreferensen.

3. Välj plusikonen i det övre högra hörnet av ViewScreen.

   

4. Ställ in egenskapen OnSelect för knappen till den här formeln:

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

   När användaren väljer den här ikonen visas ChangeScreen med alla fält tomma, så att användaren kan skapa en post enklare.

5. Välj högerpilen för den första posten i galleriet.

   

6. Ställ in egenskapen OnSelect för pilen till den här formeln:

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

   När användaren väljer den här ikonen visas ChangeScreen med varje fält som visar data för den valda posten, så att användaren enklare kan redigera eller ta bort posten.

Konfigurera ikoner på ändringsskärmen

1. Välj ikonen ”X” i det övre vänstra hörnet på ChangeScreen.

   

2. Ställ in egenskapen OnSelect för knappen till den här formeln:

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

   När användaren väljer den här ikonen så ignoreras alla de ändringar som användaren har gjort på den här skärmen ignoreras och visningskärmen öppnas.

3. Välj kryssmarkeringsikonen i det övre högra hörnet.

   

4. Ställ in egenskapen OnSelect för kryssmarkeringen till den här formeln:

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

   När användaren väljer den här ikonen så sparas de eventuella ändringar som användaren har gjort på den här skärmen ignoreras och visningsskärmen öppnas.

5. Välj Ikoner på fliken Infoga och välj sedan ikonen Papperskorg.

6. Ställ in den nya ikonens egenskap Färg till Vit och flytta den nya ikonen så att den visas bredvid kryssmarkeringsikonen.

   

7. Ställ in papperskorgens egenskap Visible till den här formeln:

   EditForm1.Mode = FormMode.Edit

   Den här ikonen visas endast när formuläret är i läget Redigera, inte i läget Ny.

8. Ställ in papperskorgens egenskap OnSelect till den här formeln:

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

   När användaren väljer den här ikonen tas den valda posten bort från datakällan och visningsskärmen öppnas.

Testa appen

1. Välj ViewScreen och öppna sedan förhandsversionen genom att trycka på F5 (eller genom att välja ikonen Förhandsversion nära det övre högra hörnet).

   

2. Skriv eller klistra in en eller flera bokstäver i sökrutan för att filtrera listan baserat på den frivilligas namn.

3. Tryck på sorteringsikonen en eller flera gånger för att visa data i stigande eller fallande ordning baserat på den frivilligas namn.

4. Lägg till en post.

5. Uppdatera den post som du har lagt till och spara sedan ändringarna.

6. Uppdatera den post som du har lagt till och avbryt sedan ändringarna.

7. Ta bort posten som du har lagt till.

8. Öppna förhandsversionsläget genom att trycka på Esc (eller genom att välja stängnings i det övre högra hörnet).

Nästa steg

• Tryck på Ctrl-S för att spara din app i molnet så att du kan köra den från andra enheter.
• Dela appen så att andra kan köra den.
• Lär dig mer om funktioner som Korrigering, som du kan använda för att hantera data utan att behöva skapa något standardformulär.
• Länka den här appen till en lösning så att du till exempel kan distribuera den till en annan miljö eller publicera den på AppSource.