Skip to content

Resources

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

Colors

Use it

When you open a configuration, you find that some where can accept the number (e.g. color of the label widget), and you can drag the color in.

image

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

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

image

Edit Color

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

image

  1. Pickup color (HSB mode), you can right click the pallete to swith mode.
  2. Preview.
  3. Modify by argb.

Entries

Enties stores key-value, which can be regard as a lang file.

When you open a configuration, you find that some where can accept the number (e.g. color of the label widget), and you can drag the color in. You can fill in your localization data, and then export to the lang file directly (W.I.P)

Use it

image

  1. Drag entries.
  2. Rendering a green frame if it can accept a string.

NOTE: When you drag it to a widget, it replaces its hover tooltips by default.

image

Edit Entries

Right-click to open the menu and edit its vaule.

image

  1. Typing your text here.

You can right-click to open the menu and rename its key.