Een schuivend scherm toevoegen aan een canvas-app

Maak in een canvas-app een scherm waarin gebruikers kunnen schuiven om verschillende items weer te geven. Maak bijvoorbeeld een telefoon-app waarin gegevens worden weergegeven in verschillende diagrammen die gebruikers kunnen weergeven als ze schuiven.

Als u meerdere besturingselementen in een sectie toevoegt, behouden de besturingselementen hun relatieve positie binnen die sectie, ongeacht of het om een telefoon-app of een tablet-app gaat. Schermgrootte en -stand kan ook van invloed zijn op hoe de secties worden gerangschikt.

Vereisten

1. Maak een volledig nieuwe canvas-app.
2. Leer hoe u besturingselementen toevoegt en configureert.

Een schuivend scherm maken

1. Selecteer Nieuw scherm onder het bovenste menu.

2. Selecteer Schuifbaar.

   

   Er wordt een schuifbaar scherm aan de app toegevoegd.

   

Besturingselementen toevoegen

Het schuifbare scherm bevat standaard een vloeiend raster met één gegevenskaart. Gegevenskaarten helpen bij het scheiden van bouwstenen op het scherm. Voeg meer gegevenskaarten toe om het scherm schuifbaar te maken met meerdere besturingselementen. En voeg vervolgens desgewenst besturingselementen in gegevenskaarten toe.

Als u gegevenskaarten wilt toevoegen, kunt u Sectie toevoegen selecteren onderaan het schuifbare scherm.

We beginnen met het toevoegen van besturingselementen op de gegevenskaart die standaard beschikbaar is bij het schuifbare scherm, en vervolgens voegen we een nieuwe sectie toe waarmee nog een gegevenskaart wordt toegevoegd. Zodra er een nieuwe gegevenskaart beschikbaar is, voegen we een ander besturingselement toe aan de nieuwe gegevenskaart.

Samen maken zowel gegevenskaarten als de besturingselementen binnen de gegevenskaarten de standaardlengte van het scherm langer, waardoor het gebruik van de schuifmogelijkheid van het scherm nodig is.

1. Selecteer + (Invoegen) in het linkerdeelvenster.

   

2. Vouw Grafieken uit en selecteer vervolgens Kolomdiagram.

3. Wijzig het formaat van de grafiek die op het scherm is toegevoegd om ongeveer tweederde van het scherm in beslag te nemen.

4. Verklein de gegevenskaart tot de grootte van de toegevoegde grafiek.

   

5. Selecteer Sectie toevoegen op het scherm om nog een sectie toe te voegen.

   

6. Selecteer Invoegen > Grafieken > Lijndiagram.

7. Schuif naar beneden op het scherm met behulp van de schuifbalk aan de rechterkant van het scherm en selecteer vervolgens Sectie toevoegen om een derde gegevenskaart toe te voegen.

8. Selecteer Invoegen > Invoer > Peninvoer.

9. Pas het formaat van het peninvoer-besturingselement aan door de breedte in de gegevenskaart te vergroten.

   

10. Druk op F5 op het toetsenbord om een voorbeeld van de app te bekijken. Schuif naar beneden met behulp van de schuifbalk naar het onderste deel van het scherm.

    

Nu u hebt laten zien hoe u een schuifbaar scherm kunt gebruiken, kunt u de app verder aanpassen aan uw zakelijke vereisten.

Schuivend scherm voor formulieren

Aangezien Power Apps gegevenskaarten gebruikt om secties te maken, kunnen er geen besturingselementen voor Formulier weergeven en Formulier bewerken in worden ingevoegd. Het nesten van een dergelijke combinatie van besturingselementen kan de prestaties van de app verminderen. Gebruik daarom bij het gebruik van formulierbesturingselementen indelingscontainers zoals een besturingselement voor Verticale container.

Er zijn meerdere verschillende methoden om schuiven met formulieren te configureren:

Eigenschap Vertical Overflow gebruiken

Het gebruik van de eigenschap Vertical Overflow is een basismethode voor het gebruik van een schuivend scherm dat een formulier heeft.

1. Zorg ervoor dat u een leeg scherm gebruikt en geen schuifbaar scherm.

2. Selecteer Invoegen > Indeling en selecteer vervolgens Verticale container.

3. Selecteer aan de rechterkant van het scherm in het eigenschappenvenster met de vervolgkeuzelijst de eigenschap Vertical Overflow en kies Schuiven.

   

4. Voeg het bewerk- of weergaveformulier toe met de vereiste velden. Wanneer de lijst met velden groter is dan de container in het scherm, kunt u met de schuifbalk in de container schuiven.

   

Containers binnen de verticale container gebruiken

Voor complexe apps kunt u overwegen om containers toe te voegen binnen een Verticale container-besturingselement. Pas vervolgens de hoogte van het formulier en de binnencontainer aan, zoals hieronder weergegeven.

1. Zorg ervoor dat u een leeg scherm gebruikt en geen schuifbaar scherm.

2. Selecteer Invoegen > Indeling en selecteer vervolgens Verticale container.

3. Selecteer aan de rechterkant van het scherm in het eigenschappenvenster met de vervolgkeuzelijst de eigenschap Vertical Overflow en kies Schuiven.

4. Selecteer Invoegen > Indeling en selecteer vervolgens Container.

5. Stel aan de rechterkant van het scherm in het eigenschappenvenster de eigenschap Flexible height in op Uit.

   

6. Voeg het bewerk- of weergaveformulier toe met de vereiste velden.

7. Om schuiven in het scherm voor het formulier mogelijk te maken, werkt u de hoogte van de container die in stap 4 is toegevoegd, en het formulier bij.

   

Zie voor meer informatie over het werken met de responsiviteit van een app Responsieve canvas-apps bouwen en Responsieve indelingen

Zie ook

• Horizontale container
• Verticale container