Baseline alignment

Aligning text across multiple views using their baselines can be fiddly, especially when text is of different sizes. Fortunately, constraint layouts offer a simple and easy way to achieve this.

Any constrained view or widget designed to contain text, will contain a bar across its center. Hover over this for a moment, until it flashes, and then drag it to the view whose text you wish to align it with, as seen here:

You will probably be familiar with the gravity attributes that the relative layout class uses to control positioning.

The constraint layout introduces a new approach, allowing us to control the relative distances either side of the view.