skin.pellucidPlus/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>24-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="23-col" height="3-row">
					<control type="image">
						<visible>!listitem.isplaying</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>105</width>
                        <height>105</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/black.png</texture>
                        <colordiffuse>overlay</colordiffuse>
                    </control>
					<control type="image">
						<visible>!listitem.isplaying</visible>
                        <posx>108</posx>
                        <posy>0</posy>
                        <width>1620</width>
                        <height>105</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/black.png</texture>
                        <colordiffuse>overlay</colordiffuse>
                    </control>
					<control type="image">
						<animation type="conditional" condition="true">
							<effect type="fade" start="100" end="50" time="0"/>
						</animation>
						<visible>ListItem.IsPlaying</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>105</width>
                        <height>105</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/white.png</texture>
                        <colordiffuse>highlight</colordiffuse>
                    </control>
					<control type="image">
						<animation type="conditional" condition="player.paused">
							<effect type="fade" start="100" end="50" time="0"/>
						</animation>
						<visible>ListItem.IsPlaying</visible>
                        <posx>108</posx>
                        <posy>0</posy>
                        <width>1620</width>
                        <height>105</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/white.png</texture>
                        <colordiffuse>highlight</colordiffuse>
                    </control>
					<control type="image">
                        <visible>ListItem.IsPlaying + !player.paused</visible>
                        <posx>18</posx>
                        <posy>0</posy>
                        <width>72</width>
                        <height>72</height>
                        <texture>equaliser.gif</texture>
                        <animation type="focus" loop="false" reversible="false">
                            <effect type="fade" time="500"/>
                            <effect type="rotatey" end="360" center="44" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="label">
						<visible>ListItem.IsPlaying + !player.paused + Skin.HasSetting(lowPowerMode)</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>105</width>
                        <height>105</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>105</width>
                        <height>105</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>0</posy>
                        <width>105</width>
                        <height>105</height>
                        <aspectratio>scale</aspectratio>
						<bordersize>1</bordersize>
                        <texture fallback="colors/black.png" border="0">$INFO[Listitem.thumb]</texture>
                    </control>
                    <control type="label">
                        <posx>117</posx>
                        <posy>-4</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>dialogTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[ListItem.Title]</label>
                    </control>
                    <control type="label">
                        <posx>117</posx>
                        <posy>35</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>playlistSubTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[ListItem.Artist]  [LIGHT]$INFO[ListItem.Album]$INFO[ListItem.Year, (,)][/LIGHT]</label>
                    </control>
                    <control type="label">
                        <right>-36</right>
                        <posy>0</posy>
                        <width>3-col-gutter</width>
                        <height>105</height>
                        <aligny>center</aligny>
                        <align>right</align>
                        <font>regularStrong</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[listitem.duration]</label>
                    </control>
                </itemlayout>
                <focusedlayout width="23-col" height="3-row">
					<control type="image">
						<animation type="focus">
							<effect type="fade" start="100" end="33" time="0"/>
						</animation>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>105</width>
                        <height>105</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/white.png</texture>
                        <colordiffuse>highlight</colordiffuse>
                    </control>
					<control type="image">
						<animation type="conditional" condition="player.playing">
							<effect type="fade" start="100" end="50" time="0"/>
						</animation>
                        <posx>108</posx>
                        <posy>0</posy>
                        <width>1620</width>
                        <height>105</height>
                        <aspectratio>stretch</aspectratio>
                        <texture border="0">colors/white.png</texture>
                        <colordiffuse>highlight</colordiffuse>
                    </control>
                    <control type="image">
                        <visible>ListItem.IsPlaying + !player.paused</visible>
                        <posx>18</posx>
                        <posy>0</posy>
                        <width>72</width>
                        <height>72</height>
                        <texture>equaliser.gif</texture>
                        <animation type="focus" loop="false" reversible="false">
                            <effect type="fade" time="500"/>
                            <effect type="rotatey" end="360" center="44" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="label">
                        <visible>ListItem.IsPlaying + player.paused</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>105</width>
                        <height>105</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="52" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="image">
                        <visible>!ListItem.IsPlaying</visible>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>105</width>
                        <height>105</height>
						<bordersize>1</bordersize>
                        <aspectratio>scale</aspectratio>
                        <texture fallback="colors/black.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="52" tween="back" easing="out" time="1000"/>
                        </animation>
                    </control>
                    <control type="label">
                        <posx>117</posx>
                        <posy>-4</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>dialogTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[ListItem.Title]</label>
                    </control>
                    <control type="label">
                        <posx>117</posx>
                        <posy>35</posy>
                        <width>13-col</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>playlistSubTitle</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[ListItem.Artist]  [LIGHT]$INFO[ListItem.Album]$INFO[ListItem.Year, (,)][/LIGHT]</label>
                    </control>
                    <control type="label">
                        <right>-36</right>
                        <posy>0</posy>
                        <width>3-col-gutter</width>
                        <height>105</height>
                        <aligny>center</aligny>
                        <align>right</align>
                        <font>regularStrong</font>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[listitem.duration]</label>
                    </control>
                </focusedlayout>
            </control>
        </control>
    </include>
</includes>