2009-02-05, 21:43
Background:
Inspired by Kris_Toff's xTV Wrap view w/fanart mod, I've been messing around with creating a List view mod w/fanart. Here's what I've come up with...
* Note: The screenshot above isn't completely accurate. The latest version of this mod uses a slightly larger font for the list and only shows a list of 18 movies. The screenshot above has a list of 21 movies, but the font was too small, making readability difficult for all but the largest of screens.
Instructions:
Note: Make backup copies of the files you'll be working with (or a backup of the entire xTV skin).
In file \xTV\PAL\includes.xml replace the section <include name="ListView-Icon"> as follows:
In file \xTV\PAL\MyVideo.xml add the following right after the line <include>background</include> (line 6):
In file \xTV\PAL 16x9\CommonViewTypes.xml replace section <include name="ListView"> with the following:
Inspired by Kris_Toff's xTV Wrap view w/fanart mod, I've been messing around with creating a List view mod w/fanart. Here's what I've come up with...
* Note: The screenshot above isn't completely accurate. The latest version of this mod uses a slightly larger font for the list and only shows a list of 18 movies. The screenshot above has a list of 21 movies, but the font was too small, making readability difficult for all but the largest of screens.
Instructions:
Note: Make backup copies of the files you'll be working with (or a backup of the entire xTV skin).
In file \xTV\PAL\includes.xml replace the section <include name="ListView-Icon"> as follows:
Code:
<!-- SLR - DVD coverart used in List view (supersize coverart, but only show if no fanart exists) -->
<include name="ListView-Icon">
<control type="image">
<description>list item icon</description>
<posx>0</posx>
<posy>50</posy>
<width>450</width>
<height>450</height>
<info>ListItem.Icon</info>
<aspectratio>keep</aspectratio>
<visible>IsEmpty(listitem.property(fanart_image)) + Control.IsVisible(50)</visible>
<animation effect="rotatey" start="-20" end="-20" time="0" condition="Skin.HasSetting(tilted-icons)">Conditional</animation>
<include>list-fade</include>
</control>
<control type="image">
<description>list item icon reflection</description>
<posx>0</posx>
<posy>500</posy>
<width>450</width>
<height>450</height>
<info>ListItem.Icon</info>
<texture flipy="true" diffuse="fade2.png">-</texture>
<aspectratio>keep</aspectratio>
<visible>IsEmpty(listitem.property(fanart_image)) + Control.IsVisible(50)</visible>
<animation effect="rotatey" start="-20" end="-20" time="0" condition="Skin.HasSetting(tilted-icons)">Conditional</animation>
<include>list-fade</include>
</control>
</include>
In file \xTV\PAL\MyVideo.xml add the following right after the line <include>background</include> (line 6):
Code:
<!-- SLR - Fanart image for List view ... -->
<control type="image">
<posx>10</posx>
<posy>60</posy>
<width>475</width>
<height>380</height>
<visible>!IsEmpty(listitem.property(fanart_image)) + Control.HasFocus(50)</visible>
<animation effect="fade" end="0" time="200">WindowClose</animation>
<animation effect="fade" start="0" end="100" time="200">VisibleChange</animation>
<texture>$INFO[listitem.property(fanart_image)]</texture>
</control>
<!-- SLR - Reflection of fanart ... -->
<control type="image">
<posx>10</posx>
<posy>440</posy>
<width>475</width>
<height>200</height>
<visible>!IsEmpty(listitem.property(fanart_image)) + Control.HasFocus(50)</visible>
<animation effect="fade" end="0" time="200">WindowClose</animation>
<animation effect="fade" start="0" end="100" time="200">VisibleChange</animation>
<texture flipy="true" diffuse="fade.png">$INFO[listitem.property(fanart_image)]</texture>
</control>
In file \xTV\PAL 16x9\CommonViewTypes.xml replace section <include name="ListView"> with the following:
Code:
<include name="ListView">
<control type="list" id="50">
<!-- SLR - List text positioning ... -->
<posx>485</posx>
<posy>90</posy>
<width>285</width>
<height>430</height>
<onleft>2</onleft>
<onright>23</onright>
<onup>50</onup>
<ondown>50</ondown>
<include>list-fade</include>
<scrolltime>1</scrolltime>
<viewtype label="List">List</viewtype>
<pagecontrol>23</pagecontrol>
<itemlayout height="24">
<control type="image">
<width>285</width>
<height>30</height>
<posx>0</posx>
<posy>1</posy>
</control>
<control type="label">
<posx>13</posx>
<posy>-4</posy>
<width>253</width>
<height>32</height>
<font>font8</font>
<align>left</align>
<aligny>center</aligny>
<textcolor>button-text</textcolor>
<selectedcolor>listselectedtext</selectedcolor>
<info>ListItem.Label</info>
</control>
</itemlayout>
<focusedlayout height="24">
<!-- SLR - This positions the "highlight" box behind selected list item ... -->
<control type="image">
<width>225</width>
<height>32</height>
<posx>5</posx>
<posy>-4</posy>
<texture>default-button.png</texture>
</control>
<control type="label">
<posx>13</posx>
<posy>-4</posy>
<width>253</width>
<height>32</height>
<font>font8</font>
<align>left</align>
<aligny>center</aligny>
<textcolor>button-text</textcolor>
<selectedcolor>listselectedtext</selectedcolor>
<info>ListItem.Label</info>
</control>
</focusedlayout>
</control>
</include>