githubEdit

Anchor

Introduction

The Anchor section of the Alignment tab is used to adjust the variables on an instance for common layouts. All Anchor options adjust position-related variables, but do not adjust dimensions.

Anchor Buttons

Using the Anchor buttons does not toggle an anchor state, but rather modifies variables on the selected instances so that it is anchored to the correct side or center. This distinction has the following consequences:

  • Anchoring behavior can be achieved by manually modifying variables - this tab does not add any additional behavior which is not already available through the Variables tab.

  • Anchoring cannot be undone by toggling the anchor button. Pressing the anchor button multiple times results in the same variables being assigned multiple times. To undo anchoring, use the CTRL+Z shortcut for undo.

Anchor Types

Top Left

Variable
Value

X

0

X Units

Pixels From Left

Y

0

Y Units

Pixels From Top

X Origin

Left

Y Origin

Top

Top Left Anchor

Top

Variable
Value

X

0

X Units

Pixels From Center

Y

0

Y Units

Pixels From Top

X Origin

Center

Y Origin

Top

Top Anchor

Top Right

Variable
Value

X

0

X Units

Pixels From Right

Y

0

Y Units

Pixels From Top

X Origin

Right

Y Origin

Top

Top Right Anchor

Left

Variable
Value

X

0

X Units

Pixels From Right

Y

0

Y Units

Pixels From Center

X Origin

Right

Y Origin

Center

Left Anchor

Center

Variable
Value

X

0

X Units

Pixels From Center

Y

0

Y Units

Pixels From Center

X Origin

Center

Y Origin

Center

Center Anchor
Variable
Value

X

0

X Units

Pixels From Center

Y

0

Y Units

Pixels From Center

X Origin

Center

Y Origin

Center

Right Anchor

Bottom Left

Variable
Value

X

0

X Units

Pixels From Left

Y

0

Y Units

Pixels From Bottom

X Origin

Left

Y Origin

Bottom

Bottom Left Anchor

Bottom

Variable
Value

X

0

X Units

Pixels From Center

Y

0

Y Units

Pixels From Bottom

X Origin

Center

Y Origin

Bottom

Bottom Anchor

Bottom Right

Variable
Value

X

0

X Units

Pixels From Right

Y

0

Y Units

Pixels From Bottom

X Origin

Right

Y Origin

Bottom

Bottom Right Anchor

Center Horizontally

Variable
Value

X

0

X Units

Pixels From Center

X Origin

Center

Center Horizontally Anchor

Center Vertically

Variable
Value

Y

0

Y Units

Pixels From Center

Y Origin

Center

Center Vertically Anchor

Last updated

Was this helpful?