2012-08-04, 11:05
Hi guys, I spent the whole day googling how one can add custom genre icons to a skin.
Unfortunately there isn't much to find so I decided to write up how I have it done now.
I was a complete noob to skinning so I took me a while to figure out what code I had to add and above all - where I had it to add.
This is what I came up with (works only in Icon View):
At first I stored some genre icons in a "custom" folder within the skin's media folder (C:\Users\YourUsername\AppData\Roaming\XBMC\addons\skin.rapier\media\custom). The icons must have exactly the same name as your genres, e.g. pop.jpg.
Then you edit the ViewsCommon.xml and add following lines:
From line 117 (this is for displaying your genre icon over the standard icon):
From line 237 (this is the same when the item has focus):
And here you go:
I hope it helps some of you. If someone has hints or tipps, feel free to enlighten me. This is only coded try& error...
Unfortunately there isn't much to find so I decided to write up how I have it done now.
I was a complete noob to skinning so I took me a while to figure out what code I had to add and above all - where I had it to add.
This is what I came up with (works only in Icon View):
At first I stored some genre icons in a "custom" folder within the skin's media folder (C:\Users\YourUsername\AppData\Roaming\XBMC\addons\skin.rapier\media\custom). The icons must have exactly the same name as your genres, e.g. pop.jpg.
Then you edit the ViewsCommon.xml and add following lines:
From line 117 (this is for displaying your genre icon over the standard icon):
Code:
<control type="image">
<description>Genre Icon</description>
<posx>5</posx>
<posy>-16</posy>
<width>192</width>
<height>192</height>
<aspectratio>keep</aspectratio>
<visible>Container.Content(Genres)</visible>
<texture>custom/$INFO[listitem.label,,.jpg]</texture>
<bordersize>6</bordersize>
</control>
From line 237 (this is the same when the item has focus):
Code:
<control type="image">
<description>Genre Icon</description>
<posx>-1</posx>
<posy>-22</posy>
<width>204</width>
<height>204</height>
<aspectratio>keep</aspectratio>
<visible>Container.Content(Genres)</visible>
<texture>custom/$INFO[listitem.label,,.jpg]</texture>
<bordertexture border="12">covers/cover-case-focus2.png</bordertexture>
<bordersize>12</bordersize>
</control>
And here you go:
I hope it helps some of you. If someone has hints or tipps, feel free to enlighten me. This is only coded try& error...