Skinning

[spoon]

Dynamic Skins


It is possible for a skin to be dynamic, that is change depending on certain circumstances, when designing a skin it can be segmented into conditional blocks, for example (important * should be replaced by the hash symbol):

 *if playing

< this skin code executed when playing>

 *else


< this skin code executed when not playing>


 *end

*if classical

<this skin code executed when playing classical tracks>

*else


<this skin code executed for all other tracks>


*end

 *if next

< when there is a track queued next>

*else

< when nothing will play next >


 *end

[spoon]

A word about transparencies, take the following zoomed images (1 and 2), image 1 is a simple red line with an alpha layer, the line is perfectly masked:

alphalayersize.jpg

Now image 2 is image 1 resized down (as the program might do to put the image on a display), it has been reduced to 21%. The alpha issue arises now with the edge pixels, in image 2 they are lightened red (because the background color under the alpha layer is white), this is called color bleeding. If the background was black the edge red would be darkened. Depending upon onto which the final image will be drawn to, the lighter or darker image might look totally wrong. With this in mind internally foobar will set the edge pixel to blend against the shown neighbour, but even this is not perfect. To create perfectly sizing images, it is best to design images with either a hard edge, or no alpha transparency (depending upon skin).

[spoon]

The Actual Skin Designer

Install Skin Designer:

http://mobile.foobar2000.com/install...inDesigner.exe

(Windows only)

Then download first the example Skin:

http://mobile.foobar2000.com/install/SpoonTestSkin.zip

Unzip, then double click the skindef file, it will show the skin on the screen.

To create your own skin, start with a blank skin:

http://mobile.foobar2000.com/install/BlankSkin.zip

Rename the folder, open notepad and drop the skindef file onto it for editing, change the name, author, etc. Save then change each of the landscape or portrait files, to test double click your skindef file. The skin will be compiled and shown in the designer.

[Peter]

The designer and sample skins have been updated for the latest version of foobar2000 mobile, now including folder pictures.

[Peter]

iOS
Upload fbskin files to your device using iTunes file sharing. Uploaded fbskin files will show up on the "choose skin" page.

Android
At the bottom of the "choose skin" page, there's an "open" command that lets you add skin files from any location on internal/external storage. Skin files will be copied to foobar2000's configuration data so you no longer need the files once they've been imported. To remove imported skin files, tap+hold the individual entry and choose "delete".

Windows
At the bottom of the "choose skin" page, there's an "open" command that lets you add skin files from any location, including any local folder as well as MS OneDrive. Skin files will be copied to foobar2000's configuration so you can safely delete them once they've been imported. To remove imported skin files, tap+hold the individual entry and choose "delete".

[spoon]

Please note as skinning is in it's infancy there is no provision for uploading skins to our server, this will change in the coming months. For now please post skins with download links to dropbox or similar.