Sdílet prostřednictvím

Ovládací prvek Svislý kontejner v Power Apps

  • Článek

Ovládací prvek Svislý kontejner určuje polohu podřízených komponent, takže nikdy nemusíte nastavovat X, Y pro komponentu uvnitř kontejneru.

Popis

Ovládací prvek Svislý kontejner distribuuje dostupné místo do svých podřízených komponent na základě nastavení a také určit zarovnání podřízených komponent.

Vlastnosti

BorderColor – barva ohraničení ovládacího prvku.

BorderStyle – styl ohraničení ovládacího prvku Solid (Plné), Dashed (Čárkované), Dotted (Tečkované) nebo None (Žádné).

BorderThickness – tloušťka ohraničení ovládacího prvku.

Color - Barva ovládacího prvku kontejneru.

Drop shadow - Přidá stínové efekty kolem ovládacího prvku.

Fill – barva pozadí ovládacího prvku.

Height – vzdálenost mezi horním a dolním okrajem ovládacího prvku.

Direction - Definuje, jakým směrem kontejneru rozloží podřízené komponenty. Horizontální a Vertikální.

Justify (vertical) - Definuje, jak jsou podřízené prvky zarovnány s primární osou. Start, Konec, Střed, Prostor mezi.

Align (horizontal) - Definuje, jak jsou podřízené komponenty umístěny v kontejneru ve vypnuté ose (naproti LayoutDirection). Start, Střed, Konec, Stretch.

Gap - Definuje prostor mezi podřízenými komponentami kontejnerů v pixelech.

Horizontal Overflow - Definuje, zda kontejner zobrazuje posuvníky nebo odebere obsah, pokud je příliš velký, aby se vešel. Rolovat a Skrýt.

RadiusBottomLeft – poloměr zaoblení levého dolního rohu ovládacího prvku.

RadiusBottomRight – poloměr zaoblení pravého dolního rohu ovládacího prvku.

RadiusTopLeft – poloměr zaoblení levého horního rohu ovládacího prvku.

RadiusTopRight – poloměr zaoblení pravého horního rohu ovládacího prvku.

Vertical Overflow - Definuje, zda kontejner zobrazuje posuvníky nebo odebere obsah, pokud je příliš velký, aby se vešel. Rolovat a Skrýt.

Wrap - Definuje, zda se obsah zalomí do nového řádku nebo sloupce, když se nevejde.

Align in container - Definuje, jak je jednotlivá součást zarovnána s nadřazenou položkou. Výchozí hodnota Nastaveno podle kontejneru zdědí hodnotu od nadřízené vlastnoti LayoutAlignItems, zatímco jiné vlastnosti lze použít k přizpůsobení zarovnání pro jednotlivé podřízené komponenty. Nastaveno kontejnerem, Start, Konec, Střed a Stretch.

Fill portions - Definuje, jak jednotlivé komponenty rostou, když je jejich nadřazené položce přiřazeno více obsahu na obrazovce. Číslo představuje část volného prostoru daného komponentě ze všech dostupných volných prostor nárokovaných podřízenými položkami. Například pokud podřízená položka A má Fill portions nastaveno na 1 a podřízení položka B má Fill portions nastaveno na 2, podřízení položka A získá 1/3 dostupného prostoru navíc, zatímco podřízení položka B dostane 2/3 volného místa navíc.

Minimum width - Představuje minimální velikost součásti ve směru Fill portions (tj. Direction nadřazené položky).

PaddingBottom – vzdálenost mezi textem v ovládacím prvku a dolním okrajem stejného prvku.

PaddingLeft – vzdálenost mezi textem v ovládacím prvku a levým okrajem stejného prvku.

PaddingRight – vzdálenost mezi textem v ovládacím prvku a pravým okrajem stejného prvku.

PaddingTop – vzdálenost mezi textem v ovládacím prvku a horním okrajem stejného prvku.

Visible – možnost zobrazení nebo skrytí ovládacího prvku.

Width – vzdálenost mezi levým a pravým okrajem ovládacího prvku.

X – vzdálenost mezi levým okrajem ovládacího prvku a levým okrajem jeho nadřazeného kontejneru (nebo obrazovky, pokud se nadřazený kontejner nepoužívá).

Y – vzdálenost mezi horním okrajem ovládacího prvku a horním okrajem jeho nadřazeného kontejneru (nebo obrazovky, pokud se nadřazený kontejner nepoužívá).

Příklad

  1. Vytvořte prázdnou aplikaci plátna s rozložením Tablet.

  2. Vyberte Nastavení > Zobrazit a deaktivujte Přizpůsobit, Uzamknout poměr stran a Uzamknout orientaci a vyberte Použít.

  3. Nyní v podoknech Vložit v levém postranním panelu pod kartou Rozložení vyberte Svislý kontejner.

    Vložit kontejnery.

  4. Nastavte následující vlastnosti tak, aby zabíraly celý dostupný prostor na obrazovce:

    1. X = 0
    2. Y= 0
    3. Width = Parent.Width
    4. Height = Parent. Výška

  5. Přidejte několik tlačítek, textových vstupů, médií, ikon a vyberte F5, abyste viděli, jak se aplikace přizpůsobuje změnám obrazovky.

Poznámka

Můžete nám sdělit, jaké máte jazykové preference pro dokumentaci? Zúčastněte se krátkého průzkumu. (upozorňujeme, že tento průzkum je v angličtině)

Průzkum bude trvat asi sedm minut. Nejsou shromažďovány žádné osobní údaje (prohlášení o zásadách ochrany osobních údajů).