The main interface

This section describes the main user interface of the watch element designer. How to undo/redo, how to change the grid and how to zoom and pan the canvas.

App bar

The app bar contains all your higher level controls. You can use it to undo any step made, change the grid and more.

Undo

The undo button allows you to go back a step. At most 99 steps will be saved. The undo button shows a counter of the number of steps you can go back.

Redo

The redo button allows you to redo a step. The redo button shows a counter of the number of steps you can redo. Keep in mind that after making a new change your redo history will be gone.

Watch face visibility

Tap to toggle the visibility of the watch face. The watch face shown is your current watch face.

Grid

Tap to show a dialog which will allow you to change the properties of the grid (number of lines, snapping and colors).

Play

Tap to make the watch element 'play'. In the case of a watch hand, the hand will start rotating at seconds speed.

Zooming and panning

You can zoom the canvas using the standard gestures, pinch-to-zoom and double tap. Panning is done by moving the canvas using touch. This is demonstrated in the video below.

Canvas

To make more space, you can move the layers section downwards. This is demonstrated in the video below.

Grid

The grid makes it easy to make nice shapes. Using grid snapping you can quickly get your anchor point in the correct position and move layers to an exact position. Use the grid button on the appbar to open the grid dialog

From the dialog, you can choose whether to show the grid and/or snap to the grid. It allows you to change the number of horizontal and vertical gridlines, and the radial divisions (for rotation snapping). You can also adjust the background color.

When grid snapping is turned on, you will see green snap lines when you move your anchor points or your layers. Those lines indicate to which grid lines the point will snap. This is shown in the next image.