skin.pellucid/1080i/View_MusicPlaylist.xml

<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!--playlist-->
    <include name="musicPlayList">
        <control type="group">
            <visible>$EXP[isMusicPlaylist]</visible>
            <control type="panel" id="59">
                <posx>col-1-begin</posx>
                <posy>row-5-begin</posy>
                <width>15-col</width>
                <height>23-row</height>
                <onleft>9000</onleft>
                <onright>60</onright>
                <onup>59</onup>
                <ondown>59</ondown>
                <onback>9000</onback>
                <pagecontrol>60</pagecontrol>
                <scrolltime tween="sine" easing="inout">200</scrolltime>
                <itemlayout width="15-col" height="90">
                    <control type="image">
                        <posx>1-col</posx>
                        <posy>0</posy>
                        <width>14-col</width>
                        <height>87</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/black.png</texture>
                        <colordiffuse>overlay</colordiffuse>
                    </control>
                    <control type="image">
                        <visible>ListItem.IsPlaying + !player.paused + !System.Platform.Linux.RaspberryPi</visible>
                        <posx>12</posx>
                        <posy>12</posy>
                        <width>1-col-gutter</width>
                        <height>1-col-gutter</height>
                        <texture>equaliser.gif</texture>
                    </control>
                    <control type="label">
                        <visible>ListItem.IsPlaying + !player.paused + System.Platform.Linux.RaspberryPi</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>1-col-textbox</width>
                        <height>2-row</height>
                        <align>center</align>
                        <aligny>center</aligny>
                        <font>symbolLarge</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label></label>
                    </control>
                    <control type="label">
                        <visible>ListItem.IsPlaying + player.paused</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>1-col-textbox</width>
                        <height>90</height>
                        <align>center</align>
                        <aligny>center</aligny>
                        <font>symbolLarge</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label></label>
                    </control>
                    <control type="image">
                        <visible>!ListItem.IsPlaying</visible>
                        <posx>0</posx>
                        <posy>12</posy>
                        <width>66</width>
                        <height>66</height>
                        <aspectratio scalediffuse="false">stretch</aspectratio>
                        <texture fallback="colors/black.png" diffuse="masks/circle.png" border="0">$INFO[Listitem.thumb]</texture>
                    </control>
                    <control type="label">
                        <posx>1-col-indent</posx>
                        <posy>-8</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>itemTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>$INFO[ListItem.Title]</label>
                    </control>
                    <control type="label">
                        <posx>1-col-indent</posx>
                        <posy>28</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>thumbTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>[B]$INFO[ListItem.Artist,, - ]$INFO[ListItem.Album][/B]</label>
                    </control>
                    <control type="label">
                        <right>24</right>
                        <posy>0</posy>
                        <width>3-col-gutter</width>
                        <height>87</height>
                        <aligny>center</aligny>
                        <align>right</align>
                        <font>itemTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>$INFO[listitem.duration]</label>
                    </control>
                </itemlayout>
                <focusedlayout width="15-col" height="90">
                    <control type="image">
                        <posx>1-col</posx>
                        <posy>0</posy>
                        <width>14-col</width>
                        <height>87</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/white.png</texture>
                        <colordiffuse>highlight</colordiffuse>
                    </control>
                    <control type="image">
                        <visible>ListItem.IsPlaying + !player.paused + !System.Platform.Linux.RaspberryPi</visible>
                        <posx>12</posx>
                        <posy>12</posy>
                        <width>1-col-gutter</width>
                        <height>1-col-gutter</height>
                        <texture>equaliser.gif</texture>
                        <animation type="focus" loop="false" reversible="false">
                            <effect type="fade" time="500"/>
                            <effect type="rotatey" end="360" center="33" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="label">
                        <visible>ListItem.IsPlaying + !player.paused + System.Platform.Linux.RaspberryPi</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>1-col-textbox</width>
                        <height>90</height>
                        <align>center</align>
                        <aligny>center</aligny>
                        <font>symbolLarge</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label></label>
                        <animation type="focus" loop="false" reversible="false">
                            <effect type="fade" time="500"/>
                            <effect type="rotatey" end="360" center="33" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="label">
                        <visible>ListItem.IsPlaying + player.paused</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>1-col-textbox</width>
                        <height>90</height>
                        <align>center</align>
                        <aligny>center</aligny>
                        <font>symbolLarge</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label></label>
                        <animation type="focus" loop="false" reversible="false">
                            <effect type="fade" time="500"/>
                            <effect type="rotatey" end="360" center="33" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="image">
                        <visible>!ListItem.IsPlaying</visible>
                        <posx>0</posx>
                        <posy>12</posy>
                        <width>66</width>
                        <height>66</height>
                        <aspectratio scalediffuse="false">stretch</aspectratio>
                        <texture fallback="colors/black.png" diffuse="masks/circle.png" border="0">$INFO[Listitem.thumb]</texture>
                        <animation type="focus" loop="false" reversible="false">
                            <effect type="fade" time="500"/>
                            <effect type="rotatey" end="360" center="33" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="label">
                        <posx>1-col-indent</posx>
                        <posy>-8</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>itemTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>$INFO[ListItem.Title]</label>
                    </control>
                    <control type="label">
                        <posx>1-col-indent</posx>
                        <posy>28</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>thumbTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>[B]$INFO[ListItem.Artist,, - ]$INFO[ListItem.Album][/B]</label>
                    </control>
                    <control type="label">
                        <right>24</right>
                        <posy>0</posy>
                        <width>3-col-gutter</width>
                        <height>87</height>
                        <aligny>center</aligny>
                        <align>right</align>
                        <font>itemTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>$INFO[listitem.duration]</label>
                    </control>
                </focusedlayout>
            </control>
        </control>
        <!--coverart selection-->
        <control type="group">
            <visible>$EXP[isMusicPlaylist]</visible>
            <posx>col-17-begin</posx>
            <posy>row-5-begin</posy>
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>4-col</width>
                <height>4-col</height>
                <aspectratio>stretch</aspectratio>
                <texture border="0">$INFO[container(59).listitemAbsolute(2).art(thumb)]</texture>
            </control>
            <control type="image">
                <posx>4-col</posx>
                <posy>0</posy>
                <width>4-col</width>
                <height>4-col</height>
                <aspectratio>stretch</aspectratio>
                <texture border="0">$INFO[container(59).listitemAbsolute(4).art(thumb)]</texture>
            </control>
            <control type="image">
                <posx>0</posx>
                <posy>4-col</posy>
                <width>4-col</width>
                <height>4-col</height>
                <aspectratio>stretch</aspectratio>
                <texture border="0">$INFO[container(59).listitemAbsolute(6).art(thumb)]</texture>
            </control>
            <control type="image">
                <posx>4-col</posx>
                <posy>4-col</posy>
                <width>4-col</width>
                <height>4-col</height>
                <aspectratio>stretch</aspectratio>
                <texture border="0">$INFO[container(59).listitemAbsolute(8).art(thumb)]</texture>
            </control>
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>8-col</width>
                <height>8-col</height>
                <texture>vignette.png</texture>
                <colordiffuse>ffffffff</colordiffuse>
                <aspectratio>stretch</aspectratio>
            </control>
        </control>
    </include>
</includes>