Skip to content
This repository was archived by the owner on Feb 18, 2025. It is now read-only.

UI Editor Tutorial 3~1: Resources Textures

KilaBash edited this page Dec 12, 2022 · 1 revision

Overall

The UI Project contains three built-in resources: textures, colors and lang entries. Resources are owned by projects and cannot be shared between projects.

If you want the current project's resources to be available in other projects, you can export the resources first and then open other projects to import it.

image

Textrures

image

  1. Stored textures.
  2. Add new textures, glad we support many types of textures so far :).
  3. It's worth noting that empty is a built-in texture and you can't delete it.

Use it

When you open the configuration of a widget, you find that some where can accept the texture (e.g. background of Basic Info), and you can drag the texture in.

image

  1. Drag texture.
  2. Rendering a green frame if it can accept this texture.

NOTE: When you drag it to a widget, it replaces its background image by default.

image

Edit Texture

Right-click to open the menu and edit the selected texture.

image

  1. Open its configurator.
  2. Modify the texture type. In general you'd better not modify it, because switching type will not modify references of previous one.
  3. Some textures provide a preview of the settings, and you can open the file selector by clicking on it.
  4. You can scale, translate, and rotate the texture by setting its Transform.

NOTE: You can use GroupTexture with transform to create a more complex texture.

image

  1. Combine multi textures.
  2. Add a new layer.

NOTE: You can create an animation texture by setting the starting and ending of frames, and the interval time.

image