ConstraintLayout

The problems to solve

Resolutions

Nested Layouts

A real layout builder

Once upon a time

• Xcode 4.5
• iOS 6
• iPhone - iPad
• AutoLayout - Interface Builder

In the meantime

• ADT Bundle
• Android 4.1 Jelly Bean
• 4k - 5k Unique devices
• LinearLayout, FrameLayout, RelativeLayout
• ...
• ADT ... OMG

However...

Cassowary Algorithm

Scwm

Briefly, how it works

• Constraints
• 2 Axes
• 1 Constraint each axis
• (RelativeLayout)

Setup

compile 'com.android.support.constraint:constraint-layout:1.0.0-beta4'

ConstraintLayout

The Layout Builder

Constraint Handles

Resize

Side

Baseline

Parent Constraint

Position Constraint

Alignment Constraint

Baseline Constraint

Adjusting size

Wrap Content

 Any Size

Fixed

Bias

Guidelines

Autoconnect & Infering Constraints

Final Thoughts

Alternative: FlexBox