Lägga till olika gränssnittselement i din app och konfigurera aspekter av utseendet och beteendet direkt från verktygsfältet eller i formelfältet. Dessa gränssnittselement kallas kontroller och de områden som du konfigurerar kallas egenskaper.

Förutsättningar

  1. Registrera dig för PowerApps, installera, öppna det och logga sedan in med samma autentiseringsuppgifter som du använde för att registrera dig.

  2. Öppna PowerApps, logga in och tryck på Nytt på menyn Arkiv (nära vänsterkanten).

    Nytt alternativ på menyn Arkiv

  3. På panelen Tom app klickar du eller trycker på Layout för mobil.

    Skapa en app från grunden

  4. Om du uppmanas att ta en introduktionsrundtur klickar du eller trycker på Nästa för att bekanta dig med viktiga områden i PowerApps-gränssnittet (eller klicka eller tryck på Hoppa över).

    Startskärmen för introduktionsrundturen

    Du kan alltid ta rundturen senare genom att klicka eller trycka på frågetecknet nära det övre högra hörnet och sedan trycka på Take the intro tour (Ta rundturen).

Lägg till en kontroll

Du kan lägga till valfri kontroll i olika kategorier genom att klicka eller peka på fliken Infoga i verktygsfältet, klicka eller trycka på en kategori och sedan klicka eller trycka på den önskade kontrollen. I det här avsnittet får du bekanta dig med kontrollerna i varje kategori så att du vet vilka du kan lägga till och var du kan hitta varje typ.

Om du behöver mer diskutrymme för kontroller kan du lägga till en skärm.

Konfigurera en kontroll direkt

I den här proceduren får du lägga till och konfigurera en textruta, men du kan använda flera av samma principer för andra kontroller.

  1. Tryck på Textruta under fliken Infoga i verktygsfältet.

    Fliken Infoga

    Den är markerad som standard när du lägger till en kontroll. Du kan också välja en befintlig kontroll genom att klicka eller trycka på den. När kontrollen är markerad omges den av en markeringsruta och andra delar av användargränssnittet ändras så att du kan konfigurera den valda kontrollen. En vald textruta kan likna den här bilden.

    En markerad textruta

    Viktigt: Om en kontroll är markerad när du väljer en annan kontroll eller ett tomt område på skärmen avmarkeras det första elementet.

  2. Gör textrutan smalare genom att dra en referens i rutan högerkant till vänster. (Mittreferenser visas bara om du zoomar in.)

    En textruta med ändrad storlek

    Du kan också ändra en kontrolls storlek genom att ändra egenskaperna höjd, ** bredd** eller båda egenskaperna enligt anvisningarna längre fram i det här avsnittet.

  3. Flytta textrutan genom att dra markeringsrutan (eller genom att ändra egenskaperna X, Y, eller båda egenskaperna enligt anvisningarna längre fram i det här avsnittet).

  4. Trippelklicka på den text som visas i Textrutan och skriv sedan Hello, world.

    En textruta med anpassad text

    Du kan också ändra texten genom att ange egenskapen Text för den här kontrollen enligt anvisningarna längre fram i det här avsnittet.

  5. Ta bort textrutan genom att klicka eller trycka på den och sedan trycka på Ta bort.

  6. Återställ textrutan genom att trycka på Ctrl-Z (eller genom att upprepa första fyra stegen i den här proceduren).

Konfigurera en kontroll från verktygsfältet

Du kan ange fler alternativ genom att konfigurera en kontroll i verktygsfältet än om du gör det direkt.

  1. Med textrutan markerad, klickar eller trycker du på fliken Start i verktygsfältet.

    Fliken Start

  2. Klicka på eller tryck på Fyll och klicka eller tryck sedan på en färg, till exempel ljusblå.

    Alternativet Fyll

    Kontrollen Text box visar dina ändringar.

    En textruta med ljusblå fyllning

  3. Ändra teckensnittsfamiljen och storleken på texten (till exempel till 18 pt. Georgia).

    Teckensnittkontroller

    Kontrollen Text box visar dina ändringar.

    18-point Georgia

  4. Klicka eller tryck på textrutan, klicka på eller tryck på VerticalAlign och klicka eller tryck sedan på Överst.

    Fliken Textruta

    Kontrollen Text box visar dina ändringar.

    En textruta med där texten är justerad överst i rutan

Konfigurera en kontroll i formelfältet

Med hjälp av formelfältet kan ange du egenskaper som du inte kan ange direkt eller från verktygsfältet. T.ex, kan du ange en knappbeskrivning som visas när en användare pekar på kontrollen utan att klicka eller trycka på den. Du kan också ange komplexa formler som ökar din apps funktion.

För varje ändring som du gjorde tidigare i det här avsnittet uppdateras värdet för egenskapen för kontrollen som du har konfigurerat.

  • När du har ändrat storlek kontrollen ändras egenskapen Bredd.
  • När du har ändrat storlek kontrollen ändras egenskaperna X och Y.
  • När du har ändrat texten som kontrollen visar måste du ha ändrat egenskapen Text.

I stället för att konfigurera en kontroll direkt eller från verktygsfältet kan du uppdatera värdet för en egenskap genom att markera den i egenskapslistan och sedan ange ett värde i formelfältet. Du kan söka efter en egenskap i alfabetisk ordning med den här metoden och du kan ange flera typer av värden.

  1. Med kontrollen textruta markerad, klicka eller tryck på Text i egenskapslistan och skriv sedan "Mitt Företagsnamn" (inklusive citattecken) i formelfältet.

    En teckensträng i en textruta

    När du omger av en textsträng med citattecken anger du att den ska behandlas precis som du har skrev den. Alternativt kan ange du värdet för en egenskap med en formel.

  2. Med textrutan markerad, klicka eller tryck på Text i egenskapslistan och skriv sedan idag() (utan citattecken) i formelfältet.

    Kontrollen visar PDF-filen.

    Funktionen Idag

    Tips: Du kan formatera datum och tider på olika sätt, samt att utföra beräkningar på dem.

Konfigurera två kontroller som ska samverka med varandra

I den här proceduren måste du lägga till en kryssruta och sedan konfigurera textrutan som du redan har så att den endast visas när den här kryssrutan är markerad.

  1. Klicka eller tryck på fliken Infoga.

    Fliken Infoga

  2. Klicka eller tryck på Kontroller och klicka eller tryck sedan på Kryssruta.

    Infoga kryssruta

  3. Flytta kryssrutan så att den visas ovanför den textrutan och ange Textegenskapen för kryssrutan så att Visa text visas.

    Konfigurera kryssruta

  4. Med kryssrutan markerad, klickar eller trycker du på fliken Start i verktygsfältet.

    Byt namn på kryssruta

  5. Klicka eller tryck på det aktuella namnet på kryssrutan (till höger om Ny skärm) och skriv sedan MyCheckbox.

    Byt namn på kryssruta

  6. Klicka eller tryck på textrutan att välja den, klicka eller tryck på fliken textruta och klicka eller tryck på sedan på alternativet Synlig.

    Egenskapen Synlig

  7. Ta bort true i formelfältet och skriv eller klistra in följande formel:

    If(MyCheckbox!Value = true, true, false)

    Den här If-funktionen säger att textrutan endast ska visas när den här kryssrutan är markerad. Eftersom kryssrutan är avmarkerad försvinner textrutan (utom markeringsrutan).

    Formeln Synlig

  8. Klicka eller tryck på kryssrutan för att lägga till en markeringsruta och sedan klickar eller trycker du på den igen så att den markeras.

    Textrutan visas igen:

    Textrutan visas när kryssrutan är markerad

  9. Rensa kryssrutan för att dölja textrutan.

    Textrutan försvinner när kryssrutan är tom

Det här exemplet är grundläggande, men du kan konfigurera funktioner och utseenden för din app genom att skapa en eller flera enkla eller komplexa formler.

Byta namn på en skärm eller en kontroll

Du kan skapa formler som är lättare att läsa och underhåll genom att byta namn på en skärmbild eller kontroll.

  1. Klicka eller tryck på den skärmen eller kontroll som du vill byta namn på.

  2. På fliken Start klickar eller knackar du på kontrollen (till höger om Nya skärm) och skriver önskat namn.

    Byta namn på en kryssruta