Difference between revisions of "Modern Skin: Container"

From Winamp Developer Wiki
Jump to: navigation, search
m (Protected "Modern Skin: Container": There seems to be a problem with your login session [edit=sysop:move=sysop])
m (What's a Layout?: - Spelling correction)
 
(2 intermediate revisions by one user not shown)
Line 14: Line 14:
  
  
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 differnt 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.
+
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.
  
  

Latest revision as of 02:05, 19 July 2009

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