All tutorials

The basicsEpisode 12

Layout

The title page's buttons were placed one by one by their coordinates, so adding a button or changing the order means working every position out again. Group the seven buttons into a container and make it a stack: the buttons line up in the outline's order, and dragging in the outline changes the order. Then turn the stack horizontal and use its two alignments to make a row along the bottom; duplicate a button and the others make room. Finally, see the result in Dev Mode.

Chapters

  1. 0:00Buttons placed by hand
  2. 0:16Letting the buttons line up
  3. 0:43Changing the order
  4. 0:57A row along the bottom · Adding a button
  5. 1:48Seeing it in Dev Mode