Skip to content
This repository has been archived by the owner on Dec 2, 2021. It is now read-only.

Commit

Permalink
Added multiple orientations support to readme
Browse files Browse the repository at this point in the history
  • Loading branch information
IjzerenHein committed Jul 28, 2015
1 parent 1792ab7 commit bc548d7
Showing 1 changed file with 18 additions and 0 deletions.
18 changes: 18 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,7 @@ var constraints = AutoLayout.VisualFormat.parse(evfl, {extended: true});
- [Z-ordering](#z-ordering) (`Z:|-[view1][view2]`)
- [Equal size spacers/centering](#equal-size-spacers-centering)(`|~[center(100)]~|`)
- [View stacks](#view-stacks) (`V:|[column:[header(50)][content][footer(50)]]|`)
- [Multiple orientations](#multiple-orientations) (`HV:|[background]|`)
- [Disconnections](#disconnections) (`|[view1(200)]->[view2(100)]|`)
- [Comments](#comments) (`[view1(view1.height/3)] // enfore aspect ratio 1/3`)

Expand Down Expand Up @@ -231,6 +232,23 @@ horizontally positioned.
V:|[column:[top(50)][content][bottom(50)]]|
H:|[column]|

### Multiple orientations (fill content)

Sometimes you just want to fill a view to its container. With standard VFL you have to write
two lines, one for the horizontal orientation and one for vertical:

H:|[background]|
V:|[background]|

With Extended VFL, these can be combined into one line:

HV:|[background]|

When using spacers, you can even use different spacings for horizontal & vertical orientations:

//spacing: [10, 20]
HV:|-[background]-|

### Disconnections (right/bottom alignment)

By default, views are interconnected when defined after each other (e.g. `[view1][view2][view3]`). In some cases
Expand Down

0 comments on commit bc548d7

Please sign in to comment.