IOS: Layout visual syntax for visual format Syntax

Visual syntax Visual format Syntax

The following is examples of constraints you can specify using the visual format. Note how the text visually matches the image.

standard width normal Space

[Button]-[textfield]

Width constraint Constraint

[button (>=50)]

associated with parent view Connection to Superv Iew

|-50-[purplebox]-50-|

Vertical Vertical layout

V:[topfield]-10-[bottomfield]

Direct Connect view Figure Flush View

[Maroonview][blueview]

priority

[button ([email protected])]

View width equal Equal Widths

[Button1 (==bu Tton2)]

Multi-conditional multiple predicates

[Flexiblebutton (>=70,& LT;=100)]

row Full layout A complete line of layout

|-[find]-[fin Dnext]-[findfield (>=20)]-|