Images

From ISBoxer
Jump to: navigation, search

Click Bars and Menus support the use of Images for making pretty interfaces. An Image Set an be defined to quickly and easily share Images with others.

Images have a few different properties:

  • Filename
The image file to use. The image filename can be intentionally blank in order to produce a solid color, in combination with the "Mask with color" option.
  • Transparency color
If given, this color will be used as the transparency "color key", meaning that any pixel in the image with this exact color will instead be transparent
  • Mask with color
If given, this color will be used to mask the image. For example, the Default Image Set uses multiple Images with the same Filename, masking some with the color FF333333 for a darkening effect when a button is pressed.
  • Border size (inside image)
If given, this will be used to separate any border area of the image, from the content/non-border area of the image, for scaling purposes. A Click Bar Button or Menu Button with a defined border will automatically use the image's border area.
  • Crop area
If given, this will crop the defined Image to only use a portion of the image file. This is useful for defining many different Images within the same image file.

Creating an Image

To work with Images in the ISBoxer Toolkit, you must select a Menu or a Click Bar in the top left pane, in order to find the "Images (global)" heading in the bottom left pane.

  1. With an Click Bar or Menu selected in the top left pane, right click "Images (global)" and select "New Image"
  2. A file window will open; Navigate to and select the image file (or files) to add, and click Open
  3. Rename the added Image to whatever you would like the Image to be referred to as within ISBoxer
  4. Customize any properties of the Image

See Also