Rotation

Introduction

Rotation can be used to rotate Gum components. Rotation is measured in degrees, where positive values rotate an object counterclockwise about its origin (X Origin and Y Origin).

Example

An object is rotated about its origin, which by default is its top-left corner:

Rotating an object using the Rotation variable

Objects can also be rotated visually by grabbing the rotation handle:

Rotation handles can rotate an object

Holding the SHIFT key snaps angles to 15 degree increments.

SHIFT rotate snaps to 15 degree increments

X Origin and Y Origin

The X Origin and Y Origin properties define the point of rotation for an object. The following animation shows how changing origin values can affect rotation.

Objects rotate about their origin.

Rotation does not rotate the clip region of a container that clips its children, so rotating a container with Clips Children set to true will look broken. To rotate a container and keep its contents clipped, see Rotating and Scaling Clipped Contents.