playing around

This commit is contained in:
Chris Bevan 2014-10-05 14:20:54 +01:00
parent 768fad2912
commit a2bff238e5
7 changed files with 306 additions and 221 deletions

View File

@ -261,7 +261,7 @@
<align>left</align> <align>left</align>
<font>pageTitle</font> <font>pageTitle</font>
<textcolor>black</textcolor> <textcolor>black</textcolor>
<label>$INFO[ListItem.album]</label> <label>[B]$INFO[listitem.artist][/B] $INFO[ListItem.album]</label>
<scroll>true</scroll> <scroll>true</scroll>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
</control> </control>
@ -272,19 +272,19 @@
<align>left</align> <align>left</align>
<font>itemTitleSmall</font> <font>itemTitleSmall</font>
<textcolor>black</textcolor> <textcolor>black</textcolor>
<label>$INFO[listitem.artist]$INFO[Listitem.year, - ,]</label> <label>$INFO[Listitem.year]</label>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
</control> </control>
<!--synopsis--> <!--synopsis-->
<control type="textbox"> <control type="textbox">
<posx>0</posx> <posx>0</posx>
<posy>132</posy> <posy>2-row</posy>
<font>textboxExtraLeading</font> <font>small</font>
<width>8-col-gutter</width> <width>8-col-gutter</width>
<align>left</align> <align>left</align>
<textcolor>selected</textcolor> <textcolor>selected</textcolor>
<height>528</height> <height>528</height>
<label>[B]$INFO[ListItem.Property(Album_Description)][/B]</label> <label>$INFO[ListItem.Property(Album_Description)]</label>
<autoscroll delay="10000" time="1000" repeat="10000"></autoscroll> <autoscroll delay="10000" time="1000" repeat="10000"></autoscroll>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
</control> </control>

View File

@ -69,6 +69,12 @@
<size>30</size> <size>30</size>
<linespacing>1.0</linespacing> <linespacing>1.0</linespacing>
</font> </font>
<font>
<name>smallest</name>
<filename>roboto/bold.ttf</filename>
<size>24</size>
<linespacing>1.38</linespacing>
</font>
<!--element specific--> <!--element specific-->

View File

@ -15,36 +15,13 @@
<control type="group"> <control type="group">
<posx>col-1-begin</posx> <posx>col-1-begin</posx>
<posy>row-2-begin</posy> <posy>row-2-begin</posy>
<include>dateTime</include>
<include>menuItems</include> <include>menuItems</include>
</control> </control>
<!--Folder titles-->
<control type="group">
<posx>col-4-begin</posx>
<posy>row-2-begin</posy>
<!--source title-->
<control type="label">
<posx>0</posx>
<posy>0</posy>
<width>18-col</width>
<font>pageTitle</font>
<label>$VAR[listTitle]</label>
<textcolor>selected</textcolor>
</control>
<!--source subtitle-->
<control type="label">
<posx>0</posx>
<posy>45</posy>
<width>24-col</width>
<font>regular</font>
<label>$VAR[listSubTitle]</label>
<textcolor>selected</textcolor>
</control>
</control>
<!--Main content listing--> <!--Main content listing-->
<control type="group" id="9999"> <control type="group" id="9999">
<posx>col-4-begin</posx> <posx>col-1-begin</posx>
<posy>row-2-begin</posy> <posy>row-1-begin</posy>
<!--source content--> <!--source content-->
<control type="group" id="9500"> <control type="group" id="9500">
<include>viewMusicList</include> <include>viewMusicList</include>
@ -66,10 +43,9 @@
</control> </control>
<!--Sort / misc labels (footer)--> <!--Sort / misc labels (footer)-->
<control type="group"> <control type="group">
<visible>SubString(skin.string(showRecentMusicItems),false)</visible>
<posx>col-4-begin</posx> <posx>col-4-begin</posx>
<posy>row-18-begin</posy> <posy>row-18-begin</posy>
<include>mediaListFooter</include> <!--<include>mediaListFooter</include>-->
</control> </control>
</control> </control>
</control> </control>

View File

@ -181,6 +181,7 @@
</control> </control>
</control> </control>
</include> </include>
<!--Grid View--> <!--Grid View-->
<include name="viewMusicGrid"> <include name="viewMusicGrid">
<control type="group"> <control type="group">
@ -310,200 +311,302 @@
</control> </control>
</control> </control>
</include> </include>
<!--Song List View--> <!--Song List View-->
<include name="viewSongList"> <include name="viewSongList">
<control type="group">
<visible>container.content(songs)</visible> <control type="group">
<visible>container.content(songs)</visible>
<posx>0</posx> <posx>0</posx>
<posy>3-row</posy> <posy>0</posy>
<animation type="visible">
<include>listSlideIn</include>
</animation>
<animation type="hidden">
<effect type="fade" start="100" end="0" time="200" />
</animation>
<!--album thumb and info-->
<control type="group">
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>5-col</width>
<height>5-col</height>
<aspectratio>stretch</aspectratio>
<texture fallback="colors/offblack.png" border="0">$INFO[ListItem.art(thumb)]</texture>
<bordertexture border="3" colordiffuse="33FFFFFF">colors/selected.png</bordertexture>
<bordersize>3</bordersize>
<fadetime>500</fadetime>
</control>
<control type="label">
<posx>-12</posx>
<posy>354</posy>
<width>5-col</width>
<font>smallStrong</font>
<textcolor>selected</textcolor>
<shadowcolor>-</shadowcolor>
<label fallback="31114">$INFO[ListItem.Genre]</label>
<height>54</height>
<font>menuTitle</font>
<textoffsetx>12</textoffsetx>
</control>
<control type="label">
<posx>0</posx>
<posy>386</posy>
<width>5-col</width>
<font>regularStrong</font>
<textcolor>selected</textcolor>
<shadowcolor>-</shadowcolor>
<label fallback="31115">$INFO[ListItem.Year]</label>
</control>
</control>
</control>
<control type="group">
<visible>container.content(songs)</visible>
<posx>0</posx>
<posy>3-row</posy>
<animation type="visible"> <animation type="visible">
<effect type="fade" start="0" end="100" time="300" delay="700" /> <effect type="fade" start="0" end="100" time="300" delay="700" />
<effect type="slide" start="3-col" end="0" center="auto" tween="cubic" easing="out" time="400" delay="700" /> <effect type="slide" start="3-col" end="0" center="auto" tween="cubic" easing="out" time="400" delay="700" />
</animation> </animation>
<animation type="hidden">
<effect type="fade" start="100" end="0" time="200" /> <!--artist fanart-->
</animation> <control type="image">
<!--song listing--> <posx>-96</posx>
<control type="panel" id="56"> <posy>-38</posy>
<visible>container.content(songs)</visible> <width>1080</width>
<posx>6-col</posx> <height>fullscreenHeight</height>
<posy>4</posy> <texture>$INFO[listitem.fanart]</texture>
<width>14-col</width> <colordiffuse>ffffffff</colordiffuse>
<height>12-row</height> <aspectratio>stretch</aspectratio>
<onleft>9000</onleft> </control>
<onright>60</onright>
<ondown>56</ondown> <!--content listing-->
<onup>56</onup> <control type="group">
<pagecontrol>60</pagecontrol> <posx>4-col</posx>
<scrolltime tween="sine" easing="inout">200</scrolltime>
<itemlayout width="14-col" height="1-row"> <!--overlay-->
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>2</posy> <posy>-38</posy>
<width>14-col</width> <width>14-col</width>
<height>53</height> <height>fullscreenHeight</height>
<aspectratio>stretch</aspectratio> <texture>colors/offwhite.png</texture>
<texture border="24,0,24,0">UIControls/listitemNF.png</texture> <colordiffuse>ffffffff</colordiffuse>
<bordersize>0</bordersize> <aspectratio>stretch</aspectratio>
<colordiffuse>99FFFFFF</colordiffuse> </control>
</control>
<control type="image"> <control type="image">
<posx>4</posx> <posx>14-col</posx>
<posy>4</posy> <posy>-38</posy>
<width>48</width> <width>8-col</width>
<height>48</height> <height>fullscreenHeight</height>
<aspectratio scalediffuse="false">scale</aspectratio> <texture>colors/selected.png</texture>
<texture diffuse="masks/circle.png" border="0">colors/offblack.png</texture> <colordiffuse>ffffffff</colordiffuse>
</control> <aspectratio>stretch</aspectratio>
<control type="label"> </control>
<visible>ListItem.IsPlaying</visible>
<posx>20</posx> <!--Artist-->
<posy>0</posy> <control type="label">
<width>10-col-gutter</width> <posx>1-col</posx>
<font>symbol</font> <posy>1-row</posy>
<textcolor>selected</textcolor> <width>24-col</width>
<selectedcolor>selected</selectedcolor> <font>small</font>
<shadowcolor>-</shadowcolor> <label>$INFO[listitem.Artist]</label>
<label></label> <textcolor>unselected</textcolor>
</control> <shadowcolor>-</shadowcolor>
<control type="label"> </control>
<posx>1-col</posx>
<posy>0</posy> <!--Album-->
<width>9-col</width> <control type="label">
<font>itemTitle</font> <posx>1-col</posx>
<textcolor>selected</textcolor> <posy>104</posy>
<shadowcolor>-</shadowcolor> <width>18-col</width>
<label>$INFO[ListItem.TrackNumber,,. ]$INFO[ListItem.Title]</label> <font>largeLight</font>
</control> <label>$INFO[listitem.Album]</label>
<control type="label"> <textcolor>unselected</textcolor>
<posx>13-col-gutter</posx> <shadowcolor>-</shadowcolor>
<posy>0</posy> </control>
<width>2-col-gutter</width>
<align>right</align> <!--source subtitles-->
<font>itemTitle</font> <control type="image">
<textcolor>selected</textcolor> <posx>1-col</posx>
<shadowcolor>-</shadowcolor> <posy>218</posy>
<label>$INFO[ListItem.duration]</label> <width>12-col</width>
</control> <height>1</height>
<control type="label"> <texture>colors/offblack.png</texture>
<posx>13-col</posx> <colordiffuse>ffffffff</colordiffuse>
<posy>0</posy> <aspectratio>stretch</aspectratio>
<width>7-col-gutter</width> </control>
<font>itemTitle</font>
<textcolor>selected</textcolor> <control type="grouplist">
<shadowcolor>-</shadowcolor> <posx>1-col</posx>
<label fallback="•••">$INFO[ListItem.Rating,,.0]</label> <posy>3-row</posy>
</control> <width>20-col</width>
</itemlayout> <height>1-row</height>
<focusedlayout width="14-col" height="1-row"> <itemgap>6</itemgap>
<control type="image"> <onleft>50</onleft>
<posx>0</posx> <onright>50</onright>
<posy>2</posy> <onup>9999</onup>
<width>14-col</width> <ondown>9999</ondown>
<height>53</height> <orientation>horizontal</orientation>
<aspectratio>stretch</aspectratio> <control type="label">
<texture border="24,0,24,0">UIControls/listitemFO.png</texture> <width>auto</width>
<bordersize>0</bordersize> <font>symbol</font>
<colordiffuse>FFFFFFFF</colordiffuse> <textcolor>unselected</textcolor>
</control> <shadowcolor>-</shadowcolor>
<control type="image"> <label></label>
<posx>4</posx> </control>
<posy>4</posy> <control type="label">
<width>48</width> <width>auto</width>
<height>48</height> <font>smallest</font>
<aspectratio scalediffuse="false">scale</aspectratio> <textcolor>unselected</textcolor>
<texture diffuse="masks/circle.png" border="0">colors/offblack.png</texture> <shadowcolor>-</shadowcolor>
</control> <label>$INFO[listitem.genre]</label>
<control type="label"> </control>
<visible>ListItem.IsPlaying</visible> <control type="label">
<posx>20</posx> <width>auto</width>
<posy>0</posy> <font>symbol</font>
<width>10-col-gutter</width> <textcolor>unselected</textcolor>
<font>symbol</font> <shadowcolor>-</shadowcolor>
<textcolor>selected</textcolor> <label></label>
<selectedcolor>selected</selectedcolor> </control>
<shadowcolor>-</shadowcolor> <control type="label">
<label></label> <width>auto</width>
</control> <font>smallest</font>
<control type="label"> <textcolor>unselected</textcolor>
<posx>1-col</posx> <shadowcolor>-</shadowcolor>
<posy>0</posy> <label>$INFO[container.numitems] Tracks</label>
<width>9-col</width> </control>
<font>itemTitle</font> </control>
<textcolor>black</textcolor>
<selectedcolor>black</selectedcolor> <!--field headers-->
<shadowcolor>-</shadowcolor> <control type="label">
<label>$INFO[ListItem.TrackNumber,,. ]$INFO[ListItem.Title]</label> <posx>2-col</posx>
</control> <posy>292</posy>
<control type="label"> <width>18-col</width>
<posx>13-col-gutter</posx> <font>smallest</font>
<posy>0</posy> <label>#</label>
<width>2-col-gutter</width> <textcolor>unselected</textcolor>
<align>right</align> <shadowcolor>-</shadowcolor>
<font>itemTitle</font> </control>
<textcolor>black</textcolor>
<selectedcolor>black</selectedcolor> <control type="label">
<shadowcolor>-</shadowcolor> <posx>3-col</posx>
<label>$INFO[ListItem.duration]</label> <posy>292</posy>
</control> <width>18-col</width>
<control type="label"> <font>smallest</font>
<posx>13-col</posx> <label>Track</label>
<posy>0</posy> <textcolor>unselected</textcolor>
<width>7-col-gutter</width> <shadowcolor>-</shadowcolor>
<font>itemTitle</font> </control>
<textcolor>black</textcolor>
<selectedcolor>black</selectedcolor> <control type="label">
<shadowcolor>-</shadowcolor> <posx>12-col</posx>
<label fallback="•••">$INFO[ListItem.Rating,,.0]</label> <posy>292</posy>
</control> <width>18-col</width>
</focusedlayout> <font>smallest</font>
</control> <label>Time</label>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
</control>
<!--song listing-->
<control type="panel" id="56">
<visible>container.content(songs)</visible>
<posx>1-col</posx>
<posy>6-row</posy>
<width>12-col</width>
<height>12-row</height>
<onleft>9000</onleft>
<onright>60</onright>
<ondown>56</ondown>
<onup>56</onup>
<pagecontrol>60</pagecontrol>
<scrolltime tween="sine" easing="inout">200</scrolltime>
<itemlayout width="12-col" height="1-row">
<control type="image">
<posx>0</posx>
<posy>2</posy>
<width>12-col</width>
<height>55</height>
<aspectratio>stretch</aspectratio>
<texture border="0">colors/selected.png</texture>
<bordersize>0</bordersize>
<colordiffuse>99FFFFFF</colordiffuse>
</control>
<control type="label">
<visible>ListItem.IsPlaying</visible>
<posx>20</posx>
<posy>0</posy>
<width>1-col-gutter</width>
<font>symbol</font>
<textcolor>unselected</textcolor>
<selectedcolor>unselected</selectedcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
<control type="label">
<posx>1-col</posx>
<posy>0</posy>
<width>9-col</width>
<font>small</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.TrackNumber,,.]</label>
</control>
<control type="label">
<posx>2-col</posx>
<posy>0</posy>
<width>9-col</width>
<font>small</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.Title]</label>
</control>
<control type="label">
<right>12</right>
<posy>0</posy>
<width>2-col-gutter</width>
<align>right</align>
<font>small</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.duration]</label>
</control>
</itemlayout>
<focusedlayout width="12-col" height="1-row">
<control type="image">
<posx>0</posx>
<posy>2</posy>
<width>14-col</width>
<height>55</height>
<aspectratio>stretch</aspectratio>
<texture border="0">colors/offwhite.png</texture>
<bordersize>0</bordersize>
<colordiffuse>FFFFFFFF</colordiffuse>
</control>
<control type="label">
<visible>ListItem.IsPlaying</visible>
<posx>20</posx>
<posy>0</posy>
<width>1-col-gutter</width>
<font>symbol</font>
<textcolor>unselected</textcolor>
<selectedcolor>unselected</selectedcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
<control type="label">
<posx>1-col</posx>
<posy>0</posy>
<width>9-col</width>
<font>small</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.TrackNumber,,.]</label>
</control>
<control type="label">
<posx>2-col</posx>
<posy>0</posy>
<width>9-col</width>
<font>small</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.Title]</label>
</control>
<control type="label">
<right>12</right>
<posy>0</posy>
<width>2-col-gutter</width>
<align>right</align>
<font>small</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.duration]</label>
</control>
</focusedlayout>
</control>
<!--artist info (hidden panel)-->
<control type="image">
<posx>1032</posx>
<posy>row-2-begin</posy>
<width>6-col-gutter</width>
<height>6-col-gutter</height>
<texture>$INFO[listitem.thumb]</texture>
<colordiffuse>ffffffff</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<control type="textbox">
<posx>1032</posx>
<posy>521</posy>
<font>small</font>
<width>6-col</width>
<align>left</align>
<textcolor>unselected</textcolor>
<height>6-row</height>
<label>$INFO[ListItem.Property(Album_Description)]</label>
<autoscroll>false</autoscroll>
<shadowcolor>-</shadowcolor>
</control>
</control>
</control> </control>
</include> </include>
<!--playlist--> <!--playlist-->

View File

@ -2,7 +2,7 @@
<colors> <colors>
<color name="black">ff111111</color> <color name="black">ff111111</color>
<color name="selected">fff0f0f0</color> <color name="selected">fff0f0f0</color>
<color name="unselected">ff919191</color> <color name="unselected">ff666666</color>
<color name="disabled">ff515151</color> <color name="disabled">ff515151</color>
<color name="accented">ffa1a1a1</color> <color name="accented">ffa1a1a1</color>
</colors> </colors>

BIN
media/colors/offwhite.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 931 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 931 B

After

Width:  |  Height:  |  Size: 931 B