Modern Skin: Container - Revision history

Ackmanx: /* What's a Layout? */ - Spelling correction

2009-07-19T02:05:28Z

‎What's a Layout?: - Spelling correction

Tarik: Protected "Modern Skin: Container" [edit=autoconfirmed:move=autoconfirmed]

2008-09-25T13:11:19Z

Protected "Modern Skin: Container" [edit=autoconfirmed:move=autoconfirmed]

Tarik: Unprotected "Modern Skin: Container"

2008-09-24T17:14:20Z

Unprotected "Modern Skin: Container"

Tarik: Protected "Modern Skin: Container": There seems to be a problem with your login session [edit=sysop:move=sysop]

2008-09-22T21:28:27Z

Protected "Modern Skin: Container": There seems to be a problem with your login session [edit=sysop:move=sysop]

10.172.2.54 at 14:10, 28 August 2008

2008-08-28T14:10:17Z

New page

Creating a Modern Skin --> [[Modern Skin: Intro|Intro]] --> [[Modern Skin: Winamp 2 to W3+|Winamp 2 to Winamp 3+]] --> [[Modern Skin: Simple Skin Tutorial|Simple Skin Tutorial]] --> [[Modern Skin: XML Intro|XML Intro]] --> [[Modern Skin: Simple Skin Tutorial (Continued)|Simple Skin Tutorial (Continued)]] --> [[Modern Skin: Container| Container]] --> [[Modern Skin: Group|Group]] --> [[Modern Skin: Relative Positioning| Relative Positioning]] --> [[Modern Skin: Complex Skin|Complex Skin]] --> [[Modern Skin: Non-Rect Player| Non-Rect Player]] --> [[Modern Skin: Layer Composition| Layer Composition]] --> [[Modern Skin: Alpha Channels| Alpha Channels]] --> [[Modern Skin: Animatedlayer|Animatedlayer]] --> [[Modern Skin: Snap Points|Snap Points]] --> [[Modern Skin: Drawers|Drawers]] --> [[Modern Skin: Skin Scripting| Skin Scripting]] --> [[Modern Skin: Drawer Scripting| Drawer Scripting]] --> [[Modern Skin: Animating a Skin|Animating a Skin]] --> [[Modern Skin: Maki Overview| Maki Overview]] --> [[Main_Page#Glossary_of_Terms|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.

[[Image: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 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.

[[Image:Winamp_normal.png]]

<nowiki>*</nowiki> ''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:

[[Image:Layout_xml.png]]

← Older revision		Revision as of 02:05, 19 July 2009
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.

← Older revision	Revision as of 13:11, 25 September 2008
(No difference)

← Older revision	Revision as of 17:14, 24 September 2008
(No difference)

← Older revision	Revision as of 21:28, 22 September 2008
(No difference)