1. Introduction
Modern Winamp skins bring forth unprecedented flexibility and power to skinning. You are no longer confined to simple rectangular shapes; in fact any shape is possible. Just take a look at these awesome examples. In addition, Winamp3 has been revamped so that any part of the user interface is skinnable.

You should notice that while the shapes are different, the X and Y coordinate system still applies. The (0,0) coordiante starts at the upper-left corner. The x-coordinate increases at you move to the right and the y-coordinate increases as you move down.

While the shape of the image can be anything you want, the image itself remains in rectangular form. What happens is that the back ground of the image is transparent; therefore all you see is the shape that you intend to show. To produce the complex designs that you see below, you must overlay many images on top of the each other. To do this, you must use layers. Layer composition is covered in the next section.





  2. Complex Tutorial Modern Skin - The Break Down
Complex Tutorial Skin is composed of these parts:

Everything from Simple Tutorial Modern Skin
A second container: "complex"
Within the "complex" container, a layout called "normal".
  • Group #1: "complex.circle" - to illustrate Layer Composition (Section 3.2)
  • Group #2: "complex.circle2" - to illustrate Alpha Channel (Section 3.3)
  • Group #3: "complex.circle3" - to illustrate Drawer (Section 3.6 and 4.1)
  • Group #4: "complex.circle4" - to illustrate Animated Layer (Section 3.4)
  • Group #5: "complex.circle5" - to illustrate Animating Skin (Section 4.2)
Concepts such as container, layout and group were explained in Section 2. Please refer to them.


  3. Player.XML - Part 1: SimpleTutorialXML.xml  
When you open player.xml file for the "Complex Tutorial" skin, you noticed that it has been changed from the one from "Simple Tutorial" skin. We have made changes to it to illustrate new concepts for this section. Part one of the file (line 1-7) gives a brief description of the file and tells you that the components from Simple Tutorial has been moved into a different file: SimpleTutorialXML.xml. We used an <include > tag to incorporate all of the Simple Tutorial's functionalities into our current skin.



  4. Player.XML - Part 2: Graphic Elements


This are the graphics that I've used in creating complex Tutorial skin. One thing to notice is that we like to use PNG file format. Please also use that format too. The graphics files are the parts that we're going to use for our skin. The following are XML code linking graphics to elements. Element definition was covered in last section.



X
Impressum

Nullsoft, Inc.
22000 AOL Way, Dulles VA 20166
USA
vertreten durch Julie Jacobs und Donald R. Neff

Eingetragen im Company Register von Arizona, USA unter der Nr. 0829063-0

Umsatzsteuer ID: DE251307807

Kontakt: aolmedien@aol.com

Telefon: +1 703 265-0094

Telefax: +1 703 466-9170

AOL Music

Download Winamp, The #1 Free Media Player. Play your MP3, AAC, MPEG, AVI files, and more. Get free MP3 songs, videos, skins and plug-ins. Synch your iPod or Creative Zen, and get mobile music with Winamp Remote.

Copyright © 1999 - 2008 Nullsoft. All Rights Reserved.