Tilføje og konfigurere kontrolelementer i lærredsapps

Føj en lang række grænsefladeelementer til din lærredsapp, og konfigurer aspekter af deres udseende og funktionsmåde direkte enten fra værktøjslinjen, på fanen Egenskaber eller på formellinjen. Disse elementer i brugergrænsefladen kaldes kontrolelementer, og de aspekter, som du konfigurerer, kaldes egenskaber.

Forudsætninger

  1. Hvis du ikke allerede har en Power Apps-licens, kan du tilmelde dig og derefter logge på.
  2. Opret en tom lærredsapp.

Tilføje og vælge et kontrolelement

Start med at tilføje en ny skærm samt en knap eller et andet kontrolelement.

  1. Vælg Indsæti redigeringsmenuen, og vælg derefter Nyt skærmbillede.

  2. Vælg Blank for at føje en tom skærm til din app. Skærme er en type kontrolelement, der kan indeholde andre typer kontrolelementer.

    Skærmbillede, der viser, hvordan du tilføjer et nyt skærmbillede fra menupunktet Indsæt.

    Det nye skærmbillede hedder Screen2 og vises i Trævisning. I denne rude vises en hierarkisk liste over kontrolelementerne i appen, så du nemt kan finde og markere de enkelte kontrolelementer.

    Skærmbillede, der viser det nye skærmbillede, der er tilføjet i trævisningen af din app.

  3. Når Screen2 er valgt, skal du vælge Indsæt igen.

  4. Vælg Knap-kontrolelementet. Det nye kontrolelement vises under Screen2 på den hierarkiske liste over Trævisning.

    Skærmbillede, der viser den nye knap på lærred og navnet på knapkontrolelementet på listen under Screen2.

    På skærmen omgiver et felt med justerbare håndtag som standard knappen. Disse håndtag omgiver alle markerede kontrolelementer og bruges til at tilpasse størrelsen på kontrolelementet.

  5. Vælg skærmen (uden for knappen), og kassehåndtagene forsvinder. Hvis du vil markere kontrolelementet igen, skal du vælge det direkte på lærredet eller på listen Trævisning.

    Vigtigt!

    Du skal altid vælge et kontrolelement, før du kan konfigurere det.

Omdøbe et kontrolelement

  1. Hold musen hen over det kontrolelement, du vil omdøbe, på listen over kontrolelementer for at få vist overløbsmenuen (ellipsen).

  2. Vælg ellipserne.

  3. Vælg Omdøb. Tilføj et entydigt navn, der er let at huske, for at gøre det nemmere at opbygge din app.

    Skærmbillede, der viser, hvor et kontrolelement skal omdøbes via overløbsmenuen.

Slette et kontrolelement

Du kan slette et kontrolelement enten via trævisning eller direkte fra lærredet.

Slet et kontrolelement i en trævisning

  1. Hold musen hen over det kontrolelement, du vil slette, på listen over kontrolelementer for at få vist overløbsmenuen (ellipsen).
  2. Vælg ellipserne.
  3. Vælg Slet.

Slet kontrolelementet fra lærredet

Vælg kontrolelementet på lærredet, og tryk derefter på Delete-tasten.

Omarrangere skærmbilleder

  1. I trævisning skal du holde musen hen over en skærm, du vil flytte op eller ned, for at få vist overløbsmenuen (ellipser).

  2. Vælg ellipsen, og vælg derefter Flyt op eller Flyt ned. Hvis du ikke kan se indstillingen Flyt ned , er skærmen det laveste punkt på listen. Hvis du ikke kan se indstillingen Flyt op , er skærmen på samme måde det højeste punkt på listen.

    Skærmbillede, der viser, hvordan du ændrer rækkefølgen af skærmbillederne i trævisningen via overløbsmenuen på en skærm.

Bemærk

Når appen åbnes, vises skærmbilledet øverst på listen over kontrolelementer som regel først. Men du kan angive et andet skærmbillede ved at indstille egenskaben OnStart til en formel, der omfatter funktionen Naviger.

Flytte og tilpasse størrelsen på et kontrolelement

Hvis du vil flytte et kontrolelement, skal du markere det, holde markøren over midtpunktet, så den firedobbelte pil vises, og derefter trække kontrolelementet til en anden placering.

Flyt elementet.

Hvis du vil ændre størrelsen på et kontrolelement, skal du markere det, holde markøren over et håndtag i markeringsboksen, så den dobbelte pil vises, og derefter trække i håndtaget.

Trækkontrol.

Bemærk

Som beskrevet senere i denne artikel kan du også flytte og tilpasse størrelsen på et kontrolelement ved at ændre en hvilken som helst kombination af egenskaberne X, Y, Height og Width på formellinjen.

Konfigurere et kontrolelement fra fanen Egenskaber

Ved hjælp af panelet Egenskaber, der er specifik for det kontrolelement, du vælger, kan du angive en lang række indstillinger.

Hvis du f.eks. vælger et knapkontrolelement, kan du erstatte værdien af den tekst, der vises via panelet Egenskaber for kontrolelementet.

Skærmbillede, der viser, hvordan du ændrer visningsteksten på et knapkontrolelement via panelet Egenskaber.

Bemærk

Du kan også ændre visningsteksten ved at ændre egenskaben Text på formellinjen.

Konfigurere et kontrolelement på formellinjen

Konfigurer et kontrolelement ved at vælge en egenskab på egenskabslisten og derefter angive en værdi på formellinjen. Autofuldførelse på formellinjen hjælper dig med at se værdier, du kan bruge til et kontrolelement.

Ændre skriftfarven på et kontrolelement

Hvis du f.eks. vil ændre skriftfarven for kontrolelementets tekst, kan du se mange farveindstillinger.

Skærmbillede, der viser de indstillinger for kontrolelementer, du kan angive på formelbjælken for et kontrolelement.

Ændre placeringen på lærred for et kontrolelement

Du kan angive X- og Y-koordinaterne for kontrolelementets placering ved hjælp af formelbjælken. Hvis du angiver koordinater på formelbjælken, får du større præcision i placeringen af kontrolelementet.

Hvis du f.eks. vælger X eller Y på egenskabslisten og angiver et tal på formellinjen, kan du se, at kontrolelementet flyttes til det pågældende koordinat. I dette tilfælde flyttes knappen til position 100 på X-aksen, idet det antages, at den yderste venstre side af lærred er nulpunktet.

Skærmbillede, der viser, hvor X-koordinaten skal indstilles på formellinjen.

Ændre størrelsen på kontrolelementet

Du kan tilpasse størrelsen på et kontrolelement ved at vælge Højde eller Bredde på listen over egenskaber og derefter angive et andet tal på formellinjen.

Skærmbillede, der viser, hvordan du ændrer højden på et kontrolelement via formellinjen.

Ændre den viste tekst for kontrolelementet

Du kan ændre et kontrolelements visningstekst ved at vælge Tekst på listen over egenskaber og derefter angive en kombination af en strengkonstant, et udtryk eller en formel i formellinjen.

Bogstavelig streng

En strengkonstant er omgivet af anførselstegn og vises på samme måde, som du skriver den. "Hello, World" er en konstantstreng.

Skærmbillede, der viser, hvor du skal tilføje en bogstavelig streng på formellinjen for et kontrolelements visningstekst.

Bemærk

Når du tilføjer tekst, der er længere end bredden af kontrolelementet, ændrer kontrolelementet ikke bredden, så den passer til teksten. Du skal manuelt ændre kontrolelementets størrelse, så det passer til teksten.

Udtryk

Et udtryk er ofte baseret på en egenskab ved et andet kontrolelement. Screen2.Height er et udtryk, der viser højden på Screen2 , hvor visningsteksten vises for et knapkontrolelement.

Skærmbillede, der viser, hvordan du tilføjer en egenskab for kontrolelement som visningstekst for et andet kontrolelement.

Ved hjælp af et udtryk kan du angive et baggrundsbillede eller -ikon som fyld for knappen.

Formula

En formel indeholder en eller flere funktioner. Funktionen Now returnerer dags dato og klokkeslæt i den lokale tidszone, og funktionenn Text formaterer værdier som f.eks. datoer, klokkeslæt og valuta.

Du kan f.eks. få vist dato og klokkeslæt i en Etiket:

Skærmbillede, der viser, hvordan du opretter en Text()-funktion, der viser en forkortet version af DateTime.

Formler er som regel langt mere komplekse end i dette eksempel, så de kan opdatere data, sortere dem, filtrere dem og udføre andre handlinger. Se formelreferencen for at få flere oplysninger.