Align and Distribute

In the top bar of the Properties panel on the right side you can see the function options provided by the Mockitt design tool for aligning and distributing objects.

alignment

The functions, from left to right, are

  • Align Left
  • Align Horizontal Centers
  • Align Right
  • Align Top
  • Vertical Center Alignment
  • Align Bottom
  • Distribute Horizontally
  • Distribute Vertically

Here are some notes for the align and distribute fuction:

1. When only one layer is selected, you can set left alignment, horizontal center alignment, right alignment, top alignment, vertical center alignment and bottom alignment, and the alignment reference at this time is the edge of the drawing board.

2. When two layers are selected, you can set left alignment, horizontal center alignment, right alignment, top alignment, vertical center alignment and bottom alignment, and the alignment reference is the rectangular bounding box formed by the two layers.

3. When three or more layers are selected, all the alignment and distribution settings in the above image are supported, and the alignment reference at this time is the rectangular bounding box formed by multiple layers.