This project is read-only.

Introduction

The Children Layout property determines how a container positions its children. The default value is "Regular" which means that children are positioned according to their X Units and Y Units.

The value TopToBottomStack results in the children stacking one on top of another, from top to bottom.

The value LeftToWriteStack results in the children stacking one beside another, from left to right.

Example

The following shows how to use the ChildrenLayout property to stack objects. It begins with a single NineSlice inside of a container called ContainerInstance. The following actions are performed:
  1. The NineSliceInstance is copied and pasted 3 times. At this point all NineSliceInstance's are overlapping each other
  2. The Children Layout is changed from Regular to TopToBottomStack. The NineSliceInstance's are automatically stacked top-to-bottom.
  3. The Children Layout is changed to LeftToRightStack. The NineSliceInstance's are automatically stacked left-to-right.

ChildrenLayoutGum.gif

Spacing Elements

When children in a container are stacked, their position values can be used to separate the objects. For example, on a TopToBottomStack, the Y value of each child can be used to separate it from the previous child.

GapInStack.png

Reordering Children

Children of a container which uses the TopToBottomStack or LeftToWriteStack will be ordered according to their order in the tree view on the left. By default this is the order in which the children are added to a parent container.

GumOrdering1.png

Children can be reordered using the right-click menu on an instance.

ReorderStackedChildren.gif

Wraps Children

The Wraps Children property controls how stacking behaves beyond boundaries. For more information, see the Wraps Children page.

Last edited Jul 14 at 2:24 PM by vchelaru, version 7

Comments

No comments yet.