UI editor tutorial for getting started with CocoStudio toolset development (1)

1.1 UI editor introduction:

UI Editor: a tool used to edit the UI of a game. Supports a wide range of UI controls, including buttons, lists, check boxes, progress bars, lists, and sliding boxes to save time, effort, and efficiency.

1.2 installation environment

Operating System: Windows 7/Windows XP

Program extension package:

L NetFramework 4.0

L VC2010 (vcredist_x64/vcredist_x86)

Install the SPII game development tool set

L CocoStudio.exe

1.3 interface Introduction

Structure Tree: displays the hierarchy of nodes in the rendering area and supports dragging and dropping nodes. The root node of the Structure Tree is a Layer.

Rendering area: the main editing area of the UI layout. In this area, you can move, zoom, and rotate the genie.

Control Library: Various controls that can be edited in the rendering area include Node, Sprite, LabelTFF, Layer, Menu, MenuItemImage, and so on.

Attribute window: If a node is selected, all attributes of the node are displayed in the attribute window. Modifying Any attribute can immediately change the state of the node in the rendering area.

Log window: the log window is used to record the details and history of all operations.