Del via

Legge til og konfigurere kontroller i lerretsapper

  • Artikkel

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.

    Du kan følge omvisningen når som helst ved å velge spørsmålstegn-ikonet nær hjørnet øverst til høyre på skjermen og deretter velge Følg omvisningen.

Legge til og velge en kontroll

La oss legge til en ny skjerm og en knappekontroll. Du kan imidlertid legge til alle typer kontroller.

  1. Velg Sett inn-menyen fra redigeringsmenyen, og deretter velger du 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.

    I skjermbildet omgir en boks med seks 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 via kontroll i listen 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 allerede på det laveste 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 kontrollen.

Merk

Som dette emnet beskriver senere, kan du også flytte og endre størrelse 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 alternativt endre visningstekst ved å endre Text-egenskapen på formellinjen.

Konfigurering av en kontroll i formellinjen

Du kan konfigurere en kontroll ved å velge en egenskap i egenskapslisten og deretter angi en verdi på formellinjen. Autofullfør kan være nyttig på formellinjen for å se verdier du kan bruke for en kontroll.

Endre skriftfargen for en kontroll

Hvis du for eksempel vil endre skriftfargen for kontrollteksten. Du ser mange fargealternativer.

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

Endre plasseringen på lerretet til en kontroll

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ørrelse på kontrollen ved å velge Height eller Width i listen over egenskaper, og deretter angi 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.

Litteral 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å Skjerm2 der visningsteksten vises for en knappekontroll.

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

Ved hjelp av et uttrykk kan du for eksempel angi et bakgrunnsbilde eller 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.