Developers Manual > Cocos Studio > UI Editor > UI Editor Workspace > UI Editor Express Toolbar

UI Editor Express Toolbar

Overview

Normal Mode/Animation Mode

Switches between Normal Mode and Animation Mode.

Canvas

  1. Selects the size of the canvas.
  2. Supports the user-defined canvas size. (pictured below)

Rotate 90 degrees clockwise

Rotates the selected widget 90 degrees clockwise.

Rotate 90 degrees counterclockwise

Rotates the selected widget 90 degrees counterclockwise.

Center Alignment


Center aligns the selected widget. Requires multiple selections.

Original Alignment


Reverts the selected widget to original alignment. Requires multiple selections.

Left Alignment


Left-aligns the selected widget left aligned. Requires multiple selections.

Vertical Alignment


Vertically aligns the selected widget. Requires multiple selections.

Right Alignment


Right-aligns the selected widget. Requires multiple selections.

Top Alignment


Top-aligns the selected widget. Requires multiple selections.

Horizontal Alignment


Horizontally aligns the selected widget. Requires multiple selections.

Bottom Alignment


Bottom aligns the selected widget. Requires multiple selections.

3-2-13-img-06.png (1.1 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-07.png (1.1 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-08.png (983 Bytes) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-09.png (1.1 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-01.png (9.6 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-02.png (2.7 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-03.png (3.2 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-04.png (8.1 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-10.png (860 Bytes) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-05.png (11.3 kB) hanrea@qq.com, 2013-12-02 12:52

3-2-13-img-11.png (1 kB) hanrea@qq.com, 2013-12-02 12:54

3-2-13-img-13.png (838 Bytes) hanrea@qq.com, 2013-12-02 12:54

3-2-13-img-12.png (874 Bytes) hanrea@qq.com, 2013-12-02 12:54

3-2-13-img-14.png (864 Bytes) hanrea@qq.com, 2013-12-02 12:54

3-2-13-img-15.png (848 Bytes) hanrea@qq.com, 2013-12-02 12:54

Sign up for our newsletter to keep up with the latest developments, releases and updates for Cocos2d-x.