Legge til og konfigurere kontroller i lerretsapper

Legg til forskjellige grensesnittelementer i lerretsappen, og konfigurer aspekter ved utseendet og virkemåten deres direkte, fra verktøylinjen, på Egenskaper-fanen eller på formellinjen. Disse grensesnittelementene kalles kontroller, og aspektene du konfigurerer, kalles egenskaper.

Forutsetninger

  1. Hvis du ikke allerede har en Power Apps-lisens, registrerer du deg og logger på.
  2. Opprette en tom lerretsapp.

Legge til og velge en kontroll

Start ved å legge til en ny skjerm, i tillegg til en knapp eller en annen kontroll.

  1. Velg Sett inn fra redigeringsmenyen, og velg deretter Ny skjerm.

  2. Velg Tom for å legge til en tom skjerm i appen. Skjermer er en type kontroll som kan inneholde andre typer kontroller.

    Skjermbilde som viser hvordan du legger til en ny skjerm fra Sett inn-menyen.

    Det nye skjermbildet kalles Skjerm2, og vises i Trevisningen. Denne ruten viser en hierarkisk liste over kontroller i appen, slik at du enkelt kan finne og velge hver enkelt kontroll.

    Skjermbilde som viser den nye skjermen som er lagt til i trevisningen i appen.

  3. Med Skjerm2 valgt velger du Sett inn igjen.

  4. Velg Knapp-kontrollen. Den nye kontrollen vises under Skjerm2 i den hierarkiske listen over Trevisning.

    Skjermbilde som viser den nye knappen på lerretet og navnet på knappekontrollen i listen under Skjerm2.

    På skjermen omslutter en boks med manipulerbare håndtak knappen som standard. Disse håndtakene omslutter alle valgte kontroller og brukes til å endre størrelsen på kontrollen.

  5. Velg skjermen (utenfor knappen) og bokshåndtakene forsvinner. Hvis du vil velge kontrollen på nytt, velger du den direkte på lerretet eller fra listen Trevisning .

    Viktig!

    Du må alltid velge en kontroll før du kan konfigurere den.

Gi nytt navn til en kontroll

  1. Hold musepekeren over kontrollen du vil gi nytt navn, i listen over kontroller, for å vise overflytmenyen (ellipsen).

  2. Velg ellipsen.

  3. Velg Gi nytt navn. Legg til et unikt, minneverdig navn for å gjøre det enklere å bygge appen.

    Skjermbilde som viser hvor du gir nytt navn til en kontroll via overflytmenyen.

Slette en kontroll

Du kan slette en kontroll enten via trevisning eller direkte fra lerretet.

Slette en kontroll fra trevisningen

  1. Hold musepekeren over kontrollen du vil slette i listen over kontroller, for å vise overflytmenyen (ellipsen).
  2. Velg ellipsen.
  3. Velg Slett.

Slette en kontroll fra lerretet

Velg kontrollen på lerretet, og trykk deretter Delete-tasten.

Endre rekkefølge på skjermer

  1. Hold musepekeren over et skjermbilde du vil flytte opp eller ned i trevisningen, for å vise overflytmenyen (ellipsen).

  2. Velg ellipsen, og velg deretter Flytt opp eller Flytt ned. Hvis du ikke ser alternativet Flytt ned , er skjermen på det laveste punktet i listen. På samme måte, hvis du ikke ser et Flytt opp-alternativ , er skjermen på det høyeste punktet i listen.

    Skjermbilde som viser hvordan du endrer rekkefølgen på skjermene i trevisningen via overflytmenyen på en skjerm.

Merk

Når appen åpnes, vises vanligvis skjermen øverst i listen over kontroller først. Du kan angi et annet skjermbilde ved å angi OnStart-egenskapen til en formel som inkluderer Navigate-funksjonen.

Flytte og endre størrelse på en kontroll

Hvis du vil flytte en kontroll, merker du den, beveger pekeren over midtpunktet slik at den firehodede pilen vises, og deretter drar du kontrollen til en annen plassering.

Flytt kontroll.

Hvis du vil endre størrelse på en kontroll, merker du den, beveger pekeren over et håndtak i merkeboksen slik at den tohodede pilen vises, og deretter drar du håndtaket.

Dra i kontrollhåndtaket.

Merk

Som denne artikkelen beskriver senere, kan du også flytte og endre størrelsen på en kontroll ved å endre en kombinasjon av egenskapene X, Y, Height og Width på formellinjen.

Konfigurering av en kontroll i Egenskaper-ruten

Ved å bruke Egenskaper-ruten, som er spesifikk for kontrollen du velger, kan du angi en rekke alternativer.

Hvis du for eksempel velger en knappekontroll, kan du erstatte verdien til teksten som vises, via kontrollens Egenskaper-rute.

Skjermbilde som viser hvordan du endrer visningsteksten på en knappekontroll via Egenskaper-ruten.

Merk

Du kan også endre visningstekst ved å endre egenskapen Tekst på formellinjen.

Konfigurering av en kontroll i formellinjen

Konfigurer en kontroll ved å velge en egenskap i egenskapslisten og deretter angi en verdi på formellinjen. Autofullfør på formellinjen hjelper deg med å se verdier du kan bruke for en kontroll.

Endre skriftfargen for en kontroll

Hvis du for eksempel vil endre skriftfargen for kontrollens tekst, ser du mange fargealternativer.

Skjermbilde som viser kontrollalternativene du kan angi på formellinjen for en kontroll.

Endre plasseringen til en kontroll på lerretet

Du kan angi X- og Y-koordinatene for kontrollposisjonen ved hjelp av formellinjen. Hvis du angir koordinater på formellinjen, får du større presisjon når det gjelder kontrollplassering.

Hvis du for eksempel velger X eller Y i listen over egenskaper og angir et tall på formellinjen, ser du at kontrollen flyttes til denne koordinaten. I dette tilfellet flyttes knappen til posisjon 100 på X-aksen, forutsatt at helt til venstre på lerretet er nullpunktet.

Skjermbilde som viser hvor du angir X-koordinaten på formellinjen.

Endre størrelsen på kontrollen

Du kan endre størrelsen på en kontroll ved å velge Høyde eller Bredde i egenskapslisten og deretter skrive inn et annet tall på formellinjen.

Skjermbilde som viser hvordan du endrer høyden på en kontroll via formellinjen.

Endre visningsteksten for kontrollen

Du ken endre visningsteksten til en kontroll ved å velge Text i listen over egenskaper, og deretter angi en hvilken som helst kombinasjon av en litteral streng, et uttrykk eller en formel på formellinjen.

Bokstavelig streng

En litteral streng er omgitt av anførselstegn og vises nøyaktig slik du skriver den inn. "Hello, World" er en litteral streng.

Skjermbilde som viser hvor du legger til en litteral streng på formellinjen for visningsteksten for en kontroll.

Merk

Når du legger til tekst som er lengre enn bredden på kontrollen, endrer ikke kontrollen bredden for å få plass til teksten. Du må manuelt endre størrelsen på kontrollen slik at den passer til teksten.

Uttrykk

Et uttrykk er ofte basert på en egenskap for en annen kontroll. Screen2.Height er et uttrykk som viser høyden på Screen2 der visningsteksten vises for en knappekontroll.

Skjermbilde som viser hvordan du legger til en kontrollegenskap som visningstekst for en annen kontroll.

Ved å bruke et uttrykk kan du angi et bakgrunnsbilde eller et ikon som fyll for knappen.

Formel

En formel består av én eller flere funksjoner. Now-funksjonen returnerer gjeldende dato og klokkeslett i den lokale tidssonen, og Text-funksjonen formaterer verdier, for eksempel datoer, klokkeslett og valuta.

Du kan for eksempel vise dato og klokkeslett i en etikett:

Skjermbilde som viser hvordan du oppretter en Text()-funksjon som viser en forkortet versjon av DateTime.

Formler er vanligvis mye mer komplekse enn dette eksemplet, slik at de kan oppdatere data, sortere dem, filtrere dem og utføre andre operasjoner. Hvis du trenger mer informasjon, kan du se formelreferansen.