Verticaal containerbeheer in Power Apps

Verticaal containerbeheer bepaalt de positie van de onderliggende onderdelen, zodat u X, Y nooit hoeft in te stellen voor een onderdeel in de container.

Description

Verticaal containerbeheer verdeelt de beschikbare ruimte naar de onderliggende onderdelen op basis van de instellingen en bepaalt de uitlijning van de onderliggende onderdelen.

Eigenschappen

BorderColor : de kleur van de rand van een besturingselement.

BorderStyle : of de rand van een besturingselement effen, onderbroken, gestippeld of Geen is.

BorderThickness : de dikte van de rand van een besturingselement.

Kleur : de kleur van het containerbesturingselement.

Slagschaduw - Hiermee voegt u schaduweffecten toe rond het besturingselement.

Opvulling : de achtergrondkleur van een besturingselement.

Hoogte : de afstand tussen de boven- en onderrand van een besturingselement.

Richting : definieert in welke richting de containerindelingen de onderliggende onderdelen bevatten. Horizontaal en verticaal.

Uitvullen (verticaal): definieert hoe onderliggende elementen worden uitgelijnd met de primaire as. Begin, einde, midden, spatie ertussen.

Uitlijnen (horizontaal): hiermee definieert u hoe onderliggende onderdelen in de container worden geplaatst, op de off-as (tegenover).LayoutDirection Begin, Midden, Einde, Stretch.

Tussenruimte : definieert de ruimte tussen onderliggende containers-onderdelen in pixels.

Horizontale overloop : bepaalt of de container schuifbalken weergeeft of inhoud verwijdert wanneer deze te groot is om aan te passen. Schuiven en verbergen.

RadiusBottomLeft : de mate waarin de linkerbenedenhoek van een besturingselement wordt afgerond.

RadiusBottomRight – De mate waarin de rechterbenedenhoek van een besturingselement wordt afgerond.

RadiusTopLeft : de mate waarin de linkerbovenhoek van een besturingselement wordt afgerond.

RadiusTopRight : de mate waarin de rechterbovenhoek van een besturingselement wordt afgerond.

Verticale overloop : bepaalt of de container schuifbalken weergeeft of inhoud verwijdert wanneer deze te groot is om te passen. Schuiven en verbergen.

Wrap : bepaalt of de inhoud wordt teruggewikkeld naar een nieuwe rij of kolom wanneer deze niet past.

Uitlijnen in container - Definieert hoe het afzonderlijke onderdeel wordt uitgelijnd op het bovenliggende onderdeel. De standaardwaarde, ingesteld op container, neemt de waarde over van de eigenschap van LayoutAlignItems het bovenliggende item, terwijl andere eigenschappen kunnen worden gebruikt om de uitlijning voor het afzonderlijke onderliggende onderdeel aan te passen. Ingesteld op container, Begin, Einde, Centreren en Stretch.

Gedeelten doorvoeren - Definieert hoe het afzonderlijke onderdeel groeit wanneer er meer scherm real-estate is toegewezen aan de bovenliggende. Het getal vertegenwoordigt het gedeelte van de extra ruimte die aan het onderdeel wordt gegeven uit alle beschikbare extra ruimte die wordt geclaimd door onderliggende elementen van de bovenliggende. Als kind A bijvoorbeeld is Fill portions ingesteld op 1 en onderliggend B is Fill portions ingesteld op 2, krijgt kind A 1/3 van de extra ruimte die beschikbaar is terwijl kind B 2/3 van de extra beschikbare ruimte krijgt.

Minimale breedte : vertegenwoordig de minimale grootte van het onderdeel in de richting van de Fill portions (dat wil gezegd, de bovenliggende Direction).

PaddingBottom : de afstand tussen tekst in een besturingselement en de onderrand van dat besturingselement.

PaddingLeft : de afstand tussen tekst in een besturingselement en de linkerrand van dat besturingselement.

PaddingRight : de afstand tussen tekst in een besturingselement en de rechterrand van dat besturingselement.

Opvulling: de afstand tussen tekst in een besturingselement en de bovenrand van dat besturingselement.

Zichtbaar : of een besturingselement wordt weergegeven of verborgen is.

Breedte : de afstand tussen de linker- en rechterrand van een besturingselement.

X: de afstand tussen de linkerrand van een besturingselement en de linkerrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Y: de afstand tussen de bovenrand van een besturingselement en de bovenrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Example

1. Maak een lege canvas-app met tabletindeling .

2. Selecteer Instellingen>weergeven en schakel Schaal aanpassen uit, hoogte-breedteverhouding vergrendelen en stand vergrendelen en selecteer Toepassen.

3. Selecteer nu in de deelvensters Invoegen in de linkerzijbalk onder het tabblad Indelingde optie Verticale container.

   

4. Stel de volgende eigenschappen in om de volledige beschikbare ruimte van het scherm te bezetten:

   1. X = 0
   2. Y = 0
   3. Width = Parent.Width
   4. Height = Parent. Hoogte

5. Voeg enkele knoppen, tekstinvoer, media, pictogrammen en selecteer F5 om te zien hoe de app wordt aangepast aan de schermwijzigingen.