Besturingselementen toevoegen en configureren in canvas-apps

Voeg een aantal UI-elementen toe aan uw canvas-app en configureer vervolgens direct aspecten van hun uiterlijk en gedrag. Dit kan via de werkbalk, het tabblad Eigenschappen of de formulebalk. Deze UI-elementen worden besturingselementen genoemd en de aspecten eigenschappen.

Vereisten

  1. Als u nog geen Power Apps-licentie hebt, registreert u zich en meldt u zich aan.

  2. Een lege canvas-app maken.

    U kunt de rondleiding altijd later volgen door het vraagtekenpictogram in de rechterbovenhoek van uw scherm te selecteren en vervolgens De introductietour maken te selecteren.

Een besturingselement toevoegen en selecteren

Voer op het tabblad Invoegen een van deze stappen uit:

  • Selecteer Label of Knop om een van die typen besturingselementen toe te voegen.
  • Selecteer een categorie met besturingselementen en selecteer vervolgens het type besturingselement dat u wilt toevoegen.

Selecteer bijvoorbeeld Nieuw scherm en vervolgens Leeg om een leeg scherm toe te voegen aan uw app. (Schermen zijn een type besturingselement dat andere soorten besturingselementen kan bevatten.)

Scherm toevoegen.

Het nieuwe scherm krijgt de naam Scherm 2 en verschijnt in het linkernavigatiedeelvenster. Dit deelvenster toont een hiërarchische lijst met besturingselementen in uw app, zodat u elk besturingselement gemakkelijk kunt vinden en selecteren.

Scherm 2 in lijst.

Om te demonstreren hoe deze lijst werkt, selecteert u Label op het tabblad Invoegen. Het nieuwe besturingselement verschijnt onder Scherm 2 in de hiërarchische lijst.

Label invoegen.

Op het scherm wordt het label standaard omgeven door een kader met zes grepen. Dat type kader omringt het geselecteerde besturingselement. Als u het scherm selecteert door erop te klikken of erop te tikken (maar buiten het label), verdwijnt het kader van het label. Om het label opnieuw te selecteren, kunt u erop klikken of erop tikken, of u kunt op de naam klikken of tikken in de hiërarchische lijst met besturingselementen.

Belangrijk

U moet altijd een besturingselement selecteren voordat u dit kunt configureren.

Naam van een besturingselement wijzigen

Plaats in de hiërarchische lijst met besturingselementen de muisaanwijzer op het besturingselement waarvan u de naam wilt wijzigen, selecteer het beletselteken dat wordt weergegeven en selecteer vervolgens Naam wijzigen. Vervolgens kunt u een unieke, gedenkwaardige naam typen om het bouwen van uw app gemakkelijker te maken.

Naam van besturingselement wijzigen.

Een besturingselement verwijderen

Plaats in de hiërarchische lijst met besturingselementen de muisaanwijzer op het besturingselement dat u wilt verwijderen, selecteer het beletselteken dat wordt weergegeven en selecteer vervolgens Verwijderen. Om een besturingselement dat geen scherm is te verwijderen, kunt u ook het besturingselement op het canvas selecteren en vervolgens op de Delete-toets drukken.

Besturingselement verwijderen.

Schermen opnieuw ordenen

Plaats in de hiërarchische lijst met besturingselementen de muisaanwijzer op het scherm dat u omhoog of omlaag wilt verplaatsen, selecteer het beletselteken dat wordt weergegeven en selecteer vervolgens Omhoog of Omlaag.

Scherm opnieuw ordenen.

Notitie

Wanneer de app wordt geopend, verschijnt meestal het scherm bovenaan de hiërarchische lijst met besturingselementen. Maar u kunt een ander scherm specificeren door de eigenschap OnStart in te stellen op een formule die de functie Navigeren bevat.

Een besturingselement verplaatsen en het formaat ervan wijzigen

Om een besturingselement te verplaatsen, selecteert u het, zweeft u over het midden zodat de vierkoppige pijl verschijnt en sleept u het besturingselement naar een andere locatie.

Besturingselement verplaatsen.

Om het formaat van een besturingselement te wijzigen, selecteert u het, plaatst u de muisaanwijzer op een willekeurige greep in het selectiekader zodat de tweekoppige pijl verschijnt en sleept u de greep.

Besturingselement voor slepen.

Notitie

Zoals dit onderwerp later beschrijft, kunt u een besturingselement ook verplaatsen en het formaat ervan wijzigen door een combinatie van zijn X-, Y-, Hoogte- en Breedte-eigenschappen in de formulebalk te wijzigen.

De tekst van een label of een knop wijzigen

Selecteer een label of knop, dubbelklik op de tekst die in het besturingselement wordt weergegeven en typ vervolgens de gewenste tekst.

Tekst wijzigen.

Notitie

Zoals dit onderwerp later beschrijft, kunt u deze tekst ook wijzigen door de tekst aan te passen door de eigenschap Tekst in de formulebalk te wijzigen.

Een besturingselement configureren via de werkbalk

Als u een besturingselement configureert via de werkbalk, kunt u uit meer opties kiezen dan bij een rechtstreekse configuratie van een besturingselement.

U kunt bijvoorbeeld een label selecteren, het tabblad Start selecteren en vervolgens het lettertype van de tekst in het label wijzigen.

Lettertype wijzigen.

Een besturingselement configureren via het tabblad Eigenschappen

Als u het tabblad Eigenschappen, kunt u uit meer opties kiezen dan bij een rechtstreekse configuratie van een besturingselement via de werkbalk.

U kunt bijvoorbeeld een besturingselement selecteren en het vervolgens tonen of verbergen door de eigenschap Zichtbaar te wijzigen.

Zichtbaarheid instellen.

Een besturingselement configureren via de formulebalk

In plaats van een besturingselement rechtstreeks, via de werkbalk of op het tabblad Eigenschappen te configureren, kunt u een besturingselement ook configureren door de eigenschap te selecteren in de lijst met eigenschappen en vervolgens een waarde op te geven op de formulebalk. Deze aanpak betekent dat u alfabetisch kunt zoeken naar eigenschappen, maar nog belangrijker is dat u meer mogelijkheden hebt.

U kunt bijvoorbeeld een label selecteren en dit vervolgens op deze manieren configureren:

  • Verplaats deze door X of Y in de eigenschappenlijst te selecteren en geef vervolgens een ander nummer op in de formulebalk.

    X-eigenschap instellen.

  • Wijzig het formaat door Hoogte of Breedte in de eigenschappenlijst te selecteren en geef vervolgens een ander nummer op in de formulebalk.

    Hoogte-eigenschap instellen.

  • Wijzig de tekst door Tekst in de eigenschappenlijst te selecteren en specificeer vervolgens elke combinatie van een letterlijke tekenreeks, een uitdrukking of een formule in de formulebalk.

    • Een letterlijke tekenreeks wordt omgeven door aanhalingstekens en verschijnt precies zoals u deze typt. "Hallo wereld" is een letterlijke tekenreeks.

      De eigenschap Tekst instellen op een letterlijke tekenreeks.

    • Een expressie bevat geen functie en is vaak gebaseerd op een eigenschap van een ander besturingselement. Screen1.Height is een uitdrukking die de hoogte laat zien van Scherm 1.

      De eigenschap Text instellen op een expressie.

    • Een formule bestaat uit een of meer functies. De functie Nu retourneert de huidige datum en tijd in uw lokale tijdzone en de functie Tekst maakt waarden op zoals datums, tijden en valuta.

      De eigenschap Tekst instellen op een formule.

      Formules zijn meestal veel complexer dan dit voorbeeld en kunnen gegevens bijwerken, sorteren, filteren en andere bewerkingen uitvoeren. Zie Naslaginformatie voor formules voor meer informatie.

Volgende stappen

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).