Skinning

A skin is a graphical item used in the visual representation of an interface element. The process of applying a skin to an interface element is called skinning.

Example

<?xml version="1.0"?>
<viewer xmlns="http://issuu.com/viewer/1.0" backgroundColor="#111111">
 
 <skin source="skins.swf"/>
 
 <button action="index" upState="#IndexButton_up" overState="#IndexButton_over"
   downState="#IndexButton_down"/>
 
 ...
 
</viewer>

In the example above, the index button is skinned using the skins IndexButton_up, IndexButton_over, and IndexButton_down. Skins are compiled into libraries, called skin libraries, and imported into the Viewer using the skin element.

 

There are two types of skin libraries:

Both types of skin libraries may be used together in conjunction; however, the image-based skin library must be imported first, which means that, in the layout descriptor, the skin element for the image-based skin library must appear before the one for the SWF-based skin library.

 

Contents