Developers Manual > Cocos Studio > UI Editor > UI Editor Workspace > UI Editor Resource Panel

UI Editor Resource Panel

Overview

After editing UI animations in the UI Editor, you will need to switch to the Animation mode to add resources. After adding resources, return to the Normal mode to do the UI layout.

Functionality

Add File

Icon :

  1. Select files the from disk to import for use in CocoStudio. The multiple file import option is supported.
  2. Files with duplicate names will not be imported.

Add Folder

Icon :

  1. Select folder from the disk to import for use in CocoStudio.
  2. Folders with duplicate names will not be imported.

Refresh Resource

Icon :

  1. Select this option to refresh the list of resources in a project after manually deleting or adding a file or folder in the Resources folder.

Search

This function searches for the resource you wish to use. CocoStudio searches according to your input in the search field.

Preview Resource

  1. Select a resource name to preview the selected resource.
  2. A hover preview of the resource should appear.
  3. Double-click the resource name to preview the resource with a picture viewer.

Configure Resources

Drag and drop the .png file from the Resource directory to the Properties box to complete the configuration of the control file attributes.
h2. Right-click Menu
h3. Open in Explorer

Opens selected file with System floder Explorer.
h3. Rename

# Renames resource name. Note that this option does not support the Plist & PSD image renaming function.
# The name must not include illegal characters such as “?”, “”
“,”“,”<“,”>“, and”|".
# You may wish to use the F2 keyboard shortcut for this option.

Delete


Deletes the selected resource.

Import file

* Imports file

# Select files from the disk to import. The multiple file import option is supported.
# Files with duplicate names will not be imported.

* Import folder

# Select folder from the disk to import.
# Folders with duplicate names will not be imported.

Export Image

This option exports a plist picture or a PSD picture as a divided picture.

Refresh Resource

Use this option to refresh the list of resources in a project when the user manually deletes or adds a file or a folder under the Resources folder.

3-2-7-img-06.png (70.3 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-07.png (49.6 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-08.png (12.4 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-09.png (11.7 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-01.png (12.3 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-02.png (925 Bytes) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-03.png (1.1 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-04.png (1.2 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-10.png (12.2 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-05.png (4.4 kB) hanrea@qq.com, 2013-12-02 10:26

3-2-7-img-11.png (12.8 kB) hanrea@qq.com, 2013-12-02 10:34

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