FlowLayout | SuperCollider 3.12.2 Help

Description

FlowLayout is a decorator which automatically arranges views inside a container view in a row, and starts a new row if there is not enough space left for the next view. Window and CompositeView both have addFlowLayout methods which assign FlowLayout to their view decorators and return the decorator.

Class Methods

FlowLayout.new(bounds, margin, gap)

Arguments:

bounds	An instance of Rect. Normally set to the `parent.bounds`.
margin	An instance of Point. The horizontal and vertical inner margins, within which the parent's subviews are placed.
gap	An instance of Point. The horizontal and vertical layout gap between the subviews.

Discussion:

Example:( w = Window.new.front; //change the gaps and margins to see how they work w.view.decorator = FlowLayout( w.view.bounds, 10@10, 20@5 ); 16.do{ Slider2D( w.view,80@80 ).background_( Color.rand ) }; )

You can also write:( w = Window.new.front; w.addFlowLayout( 10@10, 20@5 ); // a shortcut method, see SCContainerView 16.do{ Slider2D( w.view,80@80 ).background_( Color.rand ) }; )

Inherited class methods

Instance Methods

Accessing Instance Variables

.nextLine

Forces the decorator to start a new line:( w = Window.new; q = w.addFlowLayout( 10@10, 20@5 ); Slider2D( w.view,140@140 ).background_( Color.rand ); q.nextLine; Slider2D( w.view,140@140 ).background_( Color.rand ); w.front; )

.indentedRemaining

Returns and instance of Rect. This is a very useful method which tells you how much space is left in a row, before the next row starts. The height of indentedRemaining, is the full height remaining in the FlowLayout.( //normally you will only use the width of indentedRemaining w = Window.new; w.view.decorator = d = FlowLayout.new( w.view.bounds, 10@10, 20@5 ); Slider2D( w.view,150@150 ).background_( Color.rand ); Slider2D( w.view,150@150 ).background_( Color.rand ); Slider( w.view, d.indentedRemaining.width@150) //fits this view perfectly to the right innerBounds .background_( Color.rand ); w.front; )

Compare this with:( //here the third view is fit to both the right and bottom innerBounds w = Window.new; w.view.decorator = d = FlowLayout.new( w.view.bounds, 10@10, 20@5 ); Slider2D( w.view,140@140 ).background_( Color.rand ); Slider2D( w.view,140@140 ).background_( Color.rand ); d.nextLine; Slider2D( w.view, d.indentedRemaining ).background_( Color.rand ); w.front; )