![]() However, if the Primary Direction is set to Near to Far, the limit is set by the Layout Depth property. This is the direction along which the child nodes are arrange until they reach the limit of the Flow Layout node.įor example, for a Flow Layout node with a Primary Direction set to Left to Right, the limit is set by the Layout Width property. In the Properties set the Flow Layout node direction properties:.Create a Flow Layout node and add child nodes to it.To set the direction of a Flow Layout node: Setting the direction of a Flow Layout nodeįor a Flow Layout node you can set both the starting point and the direction in which the Flow Layout node arranges its child nodes. Vertical Margin to clear the area on the bottom and the top of a child node.Horizontal Margin to clear the area on the left and the right sides of a child node.Depth Margin to clear the area in the back and the front of a child node.(Optional) To clear the area around child nodes in a layout, in the Project select child nodes in the layout, in the Properties click, and add and set the margin properties: In the Project add child nodes to the layout you created in the previous step.įor example, if you created a Flow Layout 3D node, add several Sphere nodes, if you created a Flow Layout 2D node, add several Image nodes.Īs you add child nodes, the Flow Layout node positions them along the axes defined by the Primary Direction and Secondary Direction properties.When you create a layout whose height is greater than its width, the direction of the layout is Top to Bottom.When you create a layout whose width is greater than its height, the direction of the layout is Left to Right.In the Preview select the Flow Layout 2D tool to create a Flow Layout 2D node by clicking and dragging in the Preview. Note that you can create a 3D node only inside 3D nodes, and 2D node only inside 2D nodes. In the Project press Alt and right-click the node where you want to create a Flow Layout node and select either Flow Layout 3D, or Flow Layout 2D.You can set the direction and the starting point for arranging Flow Layout 3D child nodes on x, y, and z axes, and Flow Layout 2D child nodes on x and y axes. See Setting the direction of a Flow Layout node. ![]() When a Flow Layout node runs out of available space in the direction set by the Primary Direction property, it creates a new line along the direction you set in the Secondary Direction property. You can use a Flow Layout node to arrange content in the same way you would arrange it on a page.įlow Layout node iterates through its child nodes in the order you add them and first arranges items along the line set in the Primary Direction property. When a line runs out of space, the Flow Layout node places its child nodes in a new line. Use the Flow Layout nodes to arrange nodes along a line.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |