2
An Example "NowPlaying" Skin
3
the tags are evaluated in order.. so in this case:
4
the first image is drawn, on top of that the albumcover, etc
5
You can have as many image tags as you want
6
The images can be svg or png
8
<skin name="TestSkin" width="500" height="200">
9
<image src="nowplaying-bg.svg" x="0" y="0" width="500" height="200"/>
10
<image src="bg-2.png" x="0" y="0" width="200" height="200"/>
11
<albumcover x="5" y="5" width="190" height="190"/>
12
<image src="nowplaying-fg.svg" x="0" y="0" width="500" height="200"/>
13
<playername x="210" y="50" font="Sans Bold 8" color="#FFFFFFFF"/> <!--rgba -->
14
<titlename x="210" y="70" font="Sans Bold 10" color="#FFFFFFFF" maxchars="35" scroll="true"/> <!--rgba -->
15
<artistname x="210" y="85" font="Sans Italic 9" color="#FFFFFFFF" maxchars="43" scroll="true"/>
16
<albumname x="210" y="100" font="Sans Bold 9" color="#FFFFFFFF" maxchars="35" scroll="true"/>
17
<!-- the x,y of playercontrols correspond to middle/bottom of the controls row -->
18
<!-- The control image must not be transparent for now :gtk problem :( -->
19
<playercontrols spacing="0" x="240" y="140">
20
<prev width="20" height="20"/>
21
<!-- the images corresponding to this are
22
prev.png, prev-hover.png and prev-pressed.png -->
23
<play_pause width="20" height="20"/>
24
<!-- play.png play-hover.png play-pressed.png,
25
pause.png pause-hover.png pause-pressed.png -->
26
<next width="20" height="20"/>
27
<!-- next.png next-hover.png next-pressed.png -->