No probs. I'll do a proper document when I get the chance, but for now it basically works like this: -Quote:
Originally Posted by ccsnet
All filenames remain as they are, as per the 2 skins provided. The background images are all .jpg, buttons etc are all .png (with transparency). The use of each image should I think be self explanatory.
For the Skin.ini file, most of the parameters are x,y,w,h - that's X, Y, Width, Height. This is how the location of all the controls is defined. (in pixels).
The first screen is based around the "background.jpg", with buttons for MP3, GPS etc, as defined by the [Global] section.
The rest of the application is defined in "panels" (basically fixed-placement sub windows within the main screen). The panels are the MP3 panel (for the player), GPS panel (for Destinator, etc) and Select panel (for selecting playlists etc).
Each one of the panels has its own section in the ini file, which defines its x,y,w,h (relative to the main window), and then the controls that apply within that window. The controls are always relative to the panel in which they reside.
Each panel (except for the GPS panel, as that is always filled by the gps application) also has an OwnBackground= option. If set to 0, then the panel is transparent so the main background shows through. If set to 1, then it adopts the background image from mp3background.jpg or selectbackground.jpg (depending on the panel). As an example, DefaultSkin has a transparent panel for the Select panel, whereas JadeSkin has its own background for all panels.
Apart from that, the only other 'special' things are: -
Colours defined in the ini file (for fonts etc) are in the format r,g,b (all values are 0-255).
listselected.png is the bar used on list boxes. Size of this doesn't matter too much, it will be stretched to fit any list you create. Makes sense to be sensibly sized relative to your lists though.
volume.png is the bar for volume control, the application shows this from left-to-right, based on the current volume (this should be clear in the app.)
progressbar.png and scrollbar.png will resize to fit the progress bar, and scroll bars respectively.
Think that should cover it. Like I say I'll document it properly when I get a chance (this may read as jumble, its off the top of my head). Any questions give us a shout.
And happy skinning ;)
PS just to note, in the future it will also be skinnable in a similar way to other applications, but I will not remove this method of skinning -- I prefer this method, but it doesn't stretch quite as well.