Modern Skin: Container

From Winamp Developer Wiki
Jump to: navigation, search

Creating a Modern Skin --> Intro --> Winamp 2 to Winamp 3+ --> Simple Skin Tutorial --> XML Intro --> Simple Skin Tutorial (Continued) --> Container --> Group --> Relative Positioning --> Complex Skin --> Non-Rect Player --> Layer Composition --> Alpha Channels --> Animatedlayer --> Snap Points --> Drawers --> Skin Scripting --> Drawer Scripting --> Animating a Skin --> Maki Overview --> Glossary


What's a Container?

A container is a top level object and it basically represents a window. Nothing holds a container. It is an object that holds multiple related layouts. Each layout represents an appearance for that window. You can design different layouts for each window but only one can be visible at a time.


File:Container xml.png


What's a Layout?

A layout is a special kind of group, which shown inside a container. Each layout represents an appearance for that window. Layouts give you the ability to design different looks for the same container (or window). However, only one layout can be visible at a time. You must toggle among layouts you defined. An example is the normal mode and windowshade mode in the Default skin.


File:Winamp normal.png

* The top image is using normal layout and the bottom is using the windowshade layout.


Lets look at the Simple Tutorial xml code for layout:

File:Layout xml.png