Lägga till olika gränssnittselement i din app och konfigurera aspekter av utseendet och beteendet direkt från verktygsfältet, på fliken Egenskaper 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 på 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.

  • På fliken Infoga kan du klicka eller trycka på någon av dessa kategorier och sedan klicka eller trycka på den kontroll som du vill lägga till:

    Text: Etikett, Textinmatning, HTML, Penninmatning
    Kontroller: Knapp, Nedrullningsbar listruta, Datumväljare, Listruta, Kryssruta, Radio, Växlingsknapp, Skjutreglage, Klassificering, Timer
    Galleri: Vertikal, Horisontell, Flexibel höjd, Tom vertikal, Tom horisontell, Tom flexibel höjd
    Datatabell
    Formulär: Redigera, Visa, Entitetsformulär
    Media: Bild, Kamera, Streckkod, Video, Ljud, Mikrofon, Lägg till bild
    Diagram: Kolumndiagram, Linjediagram, Cirkeldiagram
    Ikoner

Tips: 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 etikett, men du kan använda flera av samma principer för andra kontroller.

  1. Klicka eller tryck på Etikett under fliken Infoga.

    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 etikett kan likna den här bilden.

    Vald etikett

    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 etiketten smalare genom att dra en referens i rutan högerkant till vänster. (Mittreferenser visas bara om du zoomar in.)

    En etikett 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 etiketten 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 etiketten och skriv sedan Hello, world.

    En etikett 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.

Konfigurera en kontroll från verktygsfältet

Du kan ange fler alternativ genom att konfigurera en kontroll i verktygsfältet än vad du kan genom att konfigurera en kontroll direkt.

  1. Med etiketten 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 etikett visar dina ändringar.

    En etikett med ljusblå fyllning

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

    Teckensnittkontroller

    Kontrollen etikett visar dina ändringar.

    18-point Georgia

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

    Fliken Textruta

    Kontrollen etikett visar dina ändringar.

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

Konfigurera en kontroll från fliken Egenskaper

Med hjälp av fliken Egenskaper kan du även konfigurera en kontroll utan att behöva skriva någon formel. I den här proceduren får du lägga till och konfigurera en annan etikettkontroll, men du kan använda flera av samma principer för andra kontroller.

  1. Lägg till en annan Etikett-kontroll så som beskrivits tidigare i det här avsnittet.

  2. När du har markerat den nya kontrollen klickar eller trycker du på fliken Egenskaper i den högra rutan.

    Panelen Egenskaper

  3. Skriv fliken Egenskaper i textrutan .

    Etikettext på panelen Egenskaper

    Den angivna texten visas i kontrollen Etikett.

    Arbetsytetext på panelen Egenskaper

  4. Klicka eller tryck på fyllningsikonen på panelen Egenskaper och klicka eller tryck sedan på en färg.

    Färgtext på panelen Egenskaper

    Kontrollen etikett visar dina ändringar.

    Arbetsytefärg på panelen Egenskaper

  5. Klicka eller tryck på egenskapen Färg på panelen Egenskaper.

    Egenskap för panelen Egenskaper

    Värdet för egenskapen Färg har markerats i formelfältet.

    Egenskapsuttryck för panelen Egenskaper

    1. Ta bort den andra Etikett-kontrollen genom att klicka eller trycka på den och sedan trycka på Ta bort.

Konfigurera en kontroll i formelfältet

Med hjälp av formelfältet kan ange du egenskaper som du inte kan ange direkt, på fliken Egenskaper 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, på fliken Egenskaper 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 den återstående Etikett-kontrollen markerad, så klicka eller tryck på Text i egenskapslistan och skriv sedan "Mitt Företagsnamn" (inklusive citattecknen) i formelfältet.

    En teckensträng i en etikett

    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 etiketten 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 etiketten 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 etiketten och ange Textegenskapen för kryssrutan så att Visa text visas.

    Konfigurera kryssruta

  4. Med kontrollen Kryssruta fortfarande markerad, så klicka eller tryck på dess namn precis ovanför fliken Egenskaper och skriv sedan MyCheckbox

    Byt namn på kryssruta

  5. Välj etikettkontrollen genom att klicka eller trycka på den.

  6. Klicka eller tryck på egenskapen Synlig på fliken Egenskaper.

    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 etiketten endast ska visas när den här kryssrutan är markerad. Eftersom kryssrutan är avmarkerad försvinner etiketten (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.

    Etiketten visas igen:

    Etiketten visas när kryssrutan är markerad

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

    Etiketten försvinner när kryssrutan är avmarkerad

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. Klicka eller tryck på kontrollens namn (precis ovanför fliken Egenskaper fliken) i den högra rutan, och skriv sedan det namn du önskar.

    Byt namn på kryssruta

Hitta och välja en skärm eller en kontroll

Du kan hitta och välja en skärm eller en kontroll, även om den är dold eller överlappar med en annan kontroll, genom att söka efter den i det vänstra fönstret. Det här fönstret innehåller antingen en miniatyrbild för varje skärm i appen eller en hierarkisk vy över varje skärm och kontroller som den innehåller.

  • Växla mellan miniatyrbilderna och hierarkisk vy genom att klicka eller trycka på en ikon i fönstrets övre högra hörn.

    Växla vyer

  • Hitta en kontroll genom att skriva ett eller flera tecken för att visa de kontrollnamn som innehåller den text som du har angett.

    Om du klickar eller trycker på ett sökresultat väljer du den kontrollen i appen.

    Söka i trädvyn

  • Flytta en skärm uppåt eller nedåt, duplicera den, ta bort den eller byt namn på den genom att högerklicka på den (eller klicka eller trycka på ellipsen bredvid den) och klicka eller trycka på det alternativ som önskas.

    Snabbmeny för trädvyn

  • Kopiera/klistra in en kontroll, ta bort den eller byt namn på den genom att högerklicka på den (eller klicka eller trycka på ellipsen bredvid den) och klicka eller trycka på de alternativ som önskas.