<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="http://wiki.winamp.com/skins/common/feed.css?303"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>http://wiki.winamp.com/index.php?action=history&amp;feed=atom&amp;title=Modern_Skin%3A_Group</id>
		<title>Modern Skin: Group - Revision history</title>
		<link rel="self" type="application/atom+xml" href="http://wiki.winamp.com/index.php?action=history&amp;feed=atom&amp;title=Modern_Skin%3A_Group"/>
		<link rel="alternate" type="text/html" href="http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;action=history"/>
		<updated>2026-05-17T12:38:48Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.22.3</generator>

	<entry>
		<id>http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=947&amp;oldid=prev</id>
		<title>Tarik: Protected &quot;Modern Skin: Group&quot; [edit=autoconfirmed:move=autoconfirmed]</title>
		<link rel="alternate" type="text/html" href="http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=947&amp;oldid=prev"/>
				<updated>2008-09-25T13:11:25Z</updated>
		
		<summary type="html">&lt;p&gt;Protected &amp;quot;&lt;a href=&quot;/wiki/Modern_Skin:_Group&quot; title=&quot;Modern Skin: Group&quot;&gt;Modern Skin: Group&lt;/a&gt;&amp;quot; [edit=autoconfirmed:move=autoconfirmed]&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='1' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='1' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 13:11, 25 September 2008&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan='2' style='text-align: center;'&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(No difference)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>Tarik</name></author>	</entry>

	<entry>
		<id>http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=862&amp;oldid=prev</id>
		<title>Tarik: Unprotected &quot;Modern Skin: Group&quot;</title>
		<link rel="alternate" type="text/html" href="http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=862&amp;oldid=prev"/>
				<updated>2008-09-24T17:14:27Z</updated>
		
		<summary type="html">&lt;p&gt;Unprotected &amp;quot;&lt;a href=&quot;/wiki/Modern_Skin:_Group&quot; title=&quot;Modern Skin: Group&quot;&gt;Modern Skin: Group&lt;/a&gt;&amp;quot;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='1' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='1' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 17:14, 24 September 2008&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan='2' style='text-align: center;'&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(No difference)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>Tarik</name></author>	</entry>

	<entry>
		<id>http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=790&amp;oldid=prev</id>
		<title>Tarik: Protected &quot;Modern Skin: Group&quot;: There seems to be a problem with your login session [edit=sysop:move=sysop]</title>
		<link rel="alternate" type="text/html" href="http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=790&amp;oldid=prev"/>
				<updated>2008-09-22T21:28:34Z</updated>
		
		<summary type="html">&lt;p&gt;Protected &amp;quot;&lt;a href=&quot;/wiki/Modern_Skin:_Group&quot; title=&quot;Modern Skin: Group&quot;&gt;Modern Skin: Group&lt;/a&gt;&amp;quot;: There seems to be a problem with your login session [edit=sysop:move=sysop]&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='1' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='1' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 21:28, 22 September 2008&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan='2' style='text-align: center;'&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(No difference)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>Tarik</name></author>	</entry>

	<entry>
		<id>http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=550&amp;oldid=prev</id>
		<title>Wahdahtahdammie at 19:35, 27 August 2008</title>
		<link rel="alternate" type="text/html" href="http://wiki.winamp.com/index.php?title=Modern_Skin:_Group&amp;diff=550&amp;oldid=prev"/>
				<updated>2008-08-27T19:35:44Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Creating a Modern Skin --&amp;gt; [[Modern Skin: Intro|Intro]] --&amp;gt; [[Modern Skin: Winamp 2 to W3+|Winamp 2 to Winamp 3+]] --&amp;gt; [[Modern Skin: Simple Skin Tutorial|Simple Skin Tutorial]] --&amp;gt; [[Modern Skin: XML Intro|XML Intro]] --&amp;gt; [[Modern Skin: Simple Skin Tutorial (Continued)|Simple Skin Tutorial (Continued)]] --&amp;gt; [[Modern Skin: Container| Container]] --&amp;gt; [[Modern Skin: Group|Group]] --&amp;gt; [[Modern Skin: Relative Positioning| Relative Positioning]] --&amp;gt; [[Modern Skin: Complex Skin|Complex Skin]] --&amp;gt; [[Modern Skin: Non-Rect Player| Non-Rect Player]] --&amp;gt; [[Modern Skin: Layer Composition| Layer Composition]] --&amp;gt; [[Modern Skin: Alpha Channels| Alpha Channels]] --&amp;gt; [[Modern Skin: Animatedlayer|Animatedlayer]] --&amp;gt; [[Modern Skin: Snap Points|Snap Points]] --&amp;gt; [[Modern Skin: Drawers|Drawers]] --&amp;gt; [[Modern Skin: Skin Scripting| Skin Scripting]] --&amp;gt; [[Modern Skin: Drawer Scripting| Drawer Scripting]] --&amp;gt; [[Modern Skin: Animating a Skin|Animating a Skin]] --&amp;gt; [[Modern Skin: Maki Overview| Maki Overview]] --&amp;gt; [[Main_Page#Glossary_of_Terms|Glossary]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==What is a Group?==&lt;br /&gt;
&lt;br /&gt;
A group is a set of objects that can be referred to and manipulated as a whole. First must defined by a &amp;lt;groupdef&amp;gt; tag, then located with a &amp;lt;group&amp;gt; tag. Group is an important concept to understand because a group is such a versatile object.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Simple Tutorial: Using groups==&lt;br /&gt;
&lt;br /&gt;
Let's go back to our &amp;quot;Simple Tutorial&amp;quot; example. As you recall, we have two groups defined: &amp;quot;player.normal.playbuttons&amp;quot; and &amp;quot;play.normal&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:Simpleskin_diag.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Let's take a look at the code: (player.xml)&lt;br /&gt;
&lt;br /&gt;
[[Image:Playerxmlcode6.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
If we change line 113 and 114: change the x and y coordinates of the group objects, their positions are reversed. This is a simple change and much more convinient than changing the position of each element independently.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:Simpleskin_reversedxml.png]]&lt;br /&gt;
&lt;br /&gt;
[[Image:Simpleskin_reversed.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Simple Tutorial: Playback Buttons Group Definition==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:playerxmlcode4.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:playbackgroup.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
On lines 19-64 you'll see our group definition of the playback buttons. This section contains only the definition of the group or, in another words, it defines which objects are in the group. Once the group is defined, you can use it later as we will see later. Let's go over the elements inside the group.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:playbackexpl.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Simple Tutorial: Song File Info &amp;amp; Visualization Group Definition==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:playerxmlcode5.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
SongInfo group is another group definition just like the Playback Buttons group. As you can see that the elements defined inside this group is different from the previous one. In this example, we're using elements other than buttons. We're using the layer to set the background color of two areas. A layer is basically an image. Layers can overlay on top of each other. It is similar to a layer in Adobe Photoshop. &amp;quot;Songinfo&amp;quot; and &amp;quot;infoline&amp;quot; are text objects displaying information stored within Winamp3 runtime variables.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:songinfogroup.png]]&lt;/div&gt;</summary>
		<author><name>Wahdahtahdammie</name></author>	</entry>

	</feed>