VerticalLayoutTag

vertical

Description

Display a vertical container

Components and Properties

Backgroundable

bg

background

background string

The background of this backgroundable.

bg-alpha

background-alpha

float

The opacity of the background.

bg-color

background-color

color string

The color of this background.

bg-color0

background-color0

color string

The first color of the gradient.

bg-color1

background-color1

color string

The second color of the gradient.

ContentSizeFitter

horizontal-fit

FitMode

How the width is controlled.

vertical-fit

FitMode

How the height is controlled.

HorizontalOrVerticalLayoutGroup

child-control-height

bool

Whether or not to control the height it’s children.

child-control-width

bool

Whether or not to control the width it’s children.

child-expand-height

bool

Whether or not to force the children to expand to fill additional available vertical space.

child-expand-width

bool

Whether or not to force the children to expand to fill additional available horizontal space.

spacing

float

Space between elements.

LayoutElement

flexible-height

float

The relative amount of additional available height this layout element should fill out relative to its siblings.

flexible-width

float

The relative amount of additional available width this layout element should fill out relative to its siblings.

ignore-layout

bool

Whether or not to use layout element.

min-height

float

The minimum height this layout element should have.

min-width

float

The minimum width this layout element should have.

preferred-height

pref-height

float

The preferred height this layout element should have before additional available height is allocated.

preferred-width

pref-width

float

The preferred width this layout element should have before additional available width is allocated.

LayoutGroup

child-alignment

child-align

TextAnchor

The alignment to use for the child layout elements in the layout group.

padding

pad

int

Padding for all directions.

pad-bottom

int

Bottom padding.

pad-left

int

Left padding.

pad-right

int

Right padding.

pad-top

int

Top padding.

RectTransform

active

bool

Whether or not the GameObject this RectTransform belongs to is active.

anchor-max

Vector2

The anchor point for the upper right corner of the rectangle defined as a fraction of the size of the parent rectangle.

anchor-max-x

float

The normalized x position in the parent RectTransform that the upper right corner is anchored to.

anchor-max-y

float

The normalized y position in the parent RectTransform that the upper right corner is anchored to.

anchor-min

Vector2

The anchor point for the lower left corner of the rectangle defined as a fraction of the size of the parent rectangle.

anchor-min-x

float

The normalized x position in the parent RectTransform that the lower left corner is anchored to.

anchor-min-y

float

The normalized y position in the parent RectTransform that the lower left corner is anchored to.

anchored-position

Vector2

Position of the rectangle’s pivot point relative to the anchors.

anchored-position-x

anchor-pos-x

float

The x position of the pivot of this RectTransform relative to the anchor reference point.

anchored-position-y

anchor-pos-y

float

The y position of the pivot of this RectTransform relative to the anchor reference point.

hover-hint

string

Text that will appear when a pointer hovers over.

hover-hint-key

localization key

The localization key used for the hover hint text.

local-scale

scale

Vector3

Scale factor applied to the object in the X, Y and Z dimensions.

name

string

The name of the GameObject.

pivot

Vector2

The location around which the rectangle rotates.

pivot-x

float

Normalized x position to rotate around.

pivot-y

float

Normalized y position to rotate around.

size-delta

Vector2

The size added to the rectangle defined by the anchors.

size-delta-x

float

The width added to the rectangle defined by the anchors.

size-delta-y

float

The height added to the rectangle defined by the anchors.

Example Usage

<vertical child-control-height="false">
  <horizontal bg="panel-top" pad-left="15" pad-right="15" horizontal-fit="PreferredSize">
    <text text="Vertical layout" align="Center" font-size="8"/>
  </horizontal>
  <horizontal horizontal-fit="PreferredSize">
    <text text="Top text"/>
  </horizontal>
  <horizontal horizontal-fit="PreferredSize">
    <button text="Mid button"/>
  </horizontal>
  <horizontal horizontal-fit="PreferredSize">
    <text text="Buttom text"/>
  </horizontal>
</vertical>