Image-Based Skin Libraries

An image-based skin library is an image file in PNG, JPG, or GIF format with all of its skins drawn onto a single canvas. A skin from an image-based skin library may be referenced in IML by its co-ordinates.

Example

<?xml version="1.0"?>
<viewer xmlns="http://issuu.com/viewer/1.0" backgroundColor="#111111">
 
 <skin type="image" source="skins.png"/>
 
 <button action="fullScreen" upState="#0,10,100,60" ... />
 
 ...
 
</viewer>

In the example above, the button element's upState attribute refers to a skin using its co-ordinates. The numbers 0, 10, 100, and 60 refer to the left, top, right, and bottom co-ordinates, respectively.

It is compulsory to specify the type attribute when using an image-based skin library.

 

Note: For a description of how to create an image-based skin library using an image editor like Adobe Photoshop, see Creating a Skin Library as a Bitmap Canvas.

 

Contents