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,71 +311,166 @@
</control> </control>
</control> </control>
</include> </include>
<!--Song List View--> <!--Song List View-->
<include name="viewSongList"> <include name="viewSongList">
<control type="group"> <control type="group">
<visible>container.content(songs)</visible> <visible>container.content(songs)</visible>
<posx>0</posx>
<posy>3-row</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> <posx>0</posx>
<posy>0</posy> <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">
<posx>-96</posx>
<posy>-38</posy>
<width>1080</width>
<height>fullscreenHeight</height>
<texture>$INFO[listitem.fanart]</texture>
<colordiffuse>ffffffff</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<!--content listing-->
<control type="group">
<posx>4-col</posx>
<!--overlay-->
<control type="image">
<posx>0</posx>
<posy>-38</posy>
<width>14-col</width>
<height>fullscreenHeight</height>
<texture>colors/offwhite.png</texture>
<colordiffuse>ffffffff</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<control type="image">
<posx>14-col</posx>
<posy>-38</posy>
<width>8-col</width>
<height>fullscreenHeight</height>
<texture>colors/selected.png</texture>
<colordiffuse>ffffffff</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<!--Artist-->
<control type="label">
<posx>1-col</posx>
<posy>1-row</posy>
<width>24-col</width>
<font>small</font>
<label>$INFO[listitem.Artist]</label>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
</control>
<!--Album-->
<control type="label">
<posx>1-col</posx>
<posy>104</posy>
<width>18-col</width>
<font>largeLight</font>
<label>$INFO[listitem.Album]</label>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
</control>
<!--source subtitles-->
<control type="image">
<posx>1-col</posx>
<posy>218</posy>
<width>12-col</width>
<height>1</height>
<texture>colors/offblack.png</texture>
<colordiffuse>ffffffff</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<control type="grouplist">
<posx>1-col</posx>
<posy>3-row</posy>
<width>20-col</width>
<height>1-row</height>
<itemgap>6</itemgap>
<onleft>50</onleft>
<onright>50</onright>
<onup>9999</onup>
<ondown>9999</ondown>
<orientation>horizontal</orientation>
<control type="label">
<width>auto</width>
<font>symbol</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
<control type="label">
<width>auto</width>
<font>smallest</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[listitem.genre]</label>
</control>
<control type="label">
<width>auto</width>
<font>symbol</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
<control type="label">
<width>auto</width>
<font>smallest</font>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[container.numitems] Tracks</label>
</control>
</control>
<!--field headers-->
<control type="label">
<posx>2-col</posx>
<posy>292</posy>
<width>18-col</width>
<font>smallest</font>
<label>#</label>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
</control>
<control type="label">
<posx>3-col</posx>
<posy>292</posy>
<width>18-col</width>
<font>smallest</font>
<label>Track</label>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
</control>
<control type="label">
<posx>12-col</posx>
<posy>292</posy>
<width>18-col</width>
<font>smallest</font>
<label>Time</label>
<textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor>
</control>
<!--song listing--> <!--song listing-->
<control type="panel" id="56"> <control type="panel" id="56">
<visible>container.content(songs)</visible> <visible>container.content(songs)</visible>
<posx>6-col</posx> <posx>1-col</posx>
<posy>4</posy> <posy>6-row</posy>
<width>14-col</width> <width>12-col</width>
<height>12-row</height> <height>12-row</height>
<onleft>9000</onleft> <onleft>9000</onleft>
<onright>60</onright> <onright>60</onright>
@ -382,33 +478,25 @@
<onup>56</onup> <onup>56</onup>
<pagecontrol>60</pagecontrol> <pagecontrol>60</pagecontrol>
<scrolltime tween="sine" easing="inout">200</scrolltime> <scrolltime tween="sine" easing="inout">200</scrolltime>
<itemlayout width="14-col" height="1-row"> <itemlayout width="12-col" height="1-row">
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>2</posy> <posy>2</posy>
<width>14-col</width> <width>12-col</width>
<height>53</height> <height>55</height>
<aspectratio>stretch</aspectratio> <aspectratio>stretch</aspectratio>
<texture border="24,0,24,0">UIControls/listitemNF.png</texture> <texture border="0">colors/selected.png</texture>
<bordersize>0</bordersize> <bordersize>0</bordersize>
<colordiffuse>99FFFFFF</colordiffuse> <colordiffuse>99FFFFFF</colordiffuse>
</control> </control>
<control type="image">
<posx>4</posx>
<posy>4</posy>
<width>48</width>
<height>48</height>
<aspectratio scalediffuse="false">scale</aspectratio>
<texture diffuse="masks/circle.png" border="0">colors/offblack.png</texture>
</control>
<control type="label"> <control type="label">
<visible>ListItem.IsPlaying</visible> <visible>ListItem.IsPlaying</visible>
<posx>20</posx> <posx>20</posx>
<posy>0</posy> <posy>0</posy>
<width>10-col-gutter</width> <width>1-col-gutter</width>
<font>symbol</font> <font>symbol</font>
<textcolor>selected</textcolor> <textcolor>unselected</textcolor>
<selectedcolor>selected</selectedcolor> <selectedcolor>unselected</selectedcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label></label> <label></label>
</control> </control>
@ -416,58 +504,50 @@
<posx>1-col</posx> <posx>1-col</posx>
<posy>0</posy> <posy>0</posy>
<width>9-col</width> <width>9-col</width>
<font>itemTitle</font> <font>small</font>
<textcolor>selected</textcolor> <textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.TrackNumber,,. ]$INFO[ListItem.Title]</label> <label>$INFO[ListItem.TrackNumber,,.]</label>
</control> </control>
<control type="label"> <control type="label">
<posx>13-col-gutter</posx> <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> <posy>0</posy>
<width>2-col-gutter</width> <width>2-col-gutter</width>
<align>right</align> <align>right</align>
<font>itemTitle</font> <font>small</font>
<textcolor>selected</textcolor> <textcolor>unselected</textcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.duration]</label> <label>$INFO[ListItem.duration]</label>
</control> </control>
<control type="label">
<posx>13-col</posx>
<posy>0</posy>
<width>7-col-gutter</width>
<font>itemTitle</font>
<textcolor>selected</textcolor>
<shadowcolor>-</shadowcolor>
<label fallback="•••">$INFO[ListItem.Rating,,.0]</label>
</control>
</itemlayout> </itemlayout>
<focusedlayout width="14-col" height="1-row"> <focusedlayout width="12-col" height="1-row">
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>2</posy> <posy>2</posy>
<width>14-col</width> <width>14-col</width>
<height>53</height> <height>55</height>
<aspectratio>stretch</aspectratio> <aspectratio>stretch</aspectratio>
<texture border="24,0,24,0">UIControls/listitemFO.png</texture> <texture border="0">colors/offwhite.png</texture>
<bordersize>0</bordersize> <bordersize>0</bordersize>
<colordiffuse>FFFFFFFF</colordiffuse> <colordiffuse>FFFFFFFF</colordiffuse>
</control> </control>
<control type="image">
<posx>4</posx>
<posy>4</posy>
<width>48</width>
<height>48</height>
<aspectratio scalediffuse="false">scale</aspectratio>
<texture diffuse="masks/circle.png" border="0">colors/offblack.png</texture>
</control>
<control type="label"> <control type="label">
<visible>ListItem.IsPlaying</visible> <visible>ListItem.IsPlaying</visible>
<posx>20</posx> <posx>20</posx>
<posy>0</posy> <posy>0</posy>
<width>10-col-gutter</width> <width>1-col-gutter</width>
<font>symbol</font> <font>symbol</font>
<textcolor>selected</textcolor> <textcolor>unselected</textcolor>
<selectedcolor>selected</selectedcolor> <selectedcolor>unselected</selectedcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label></label> <label></label>
</control> </control>
@ -475,35 +555,58 @@
<posx>1-col</posx> <posx>1-col</posx>
<posy>0</posy> <posy>0</posy>
<width>9-col</width> <width>9-col</width>
<font>itemTitle</font> <font>small</font>
<textcolor>black</textcolor> <textcolor>unselected</textcolor>
<selectedcolor>black</selectedcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.TrackNumber,,. ]$INFO[ListItem.Title]</label> <label>$INFO[ListItem.TrackNumber,,.]</label>
</control> </control>
<control type="label"> <control type="label">
<posx>13-col-gutter</posx> <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> <posy>0</posy>
<width>2-col-gutter</width> <width>2-col-gutter</width>
<align>right</align> <align>right</align>
<font>itemTitle</font> <font>small</font>
<textcolor>black</textcolor> <textcolor>unselected</textcolor>
<selectedcolor>black</selectedcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.duration]</label> <label>$INFO[ListItem.duration]</label>
</control> </control>
<control type="label">
<posx>13-col</posx>
<posy>0</posy>
<width>7-col-gutter</width>
<font>itemTitle</font>
<textcolor>black</textcolor>
<selectedcolor>black</selectedcolor>
<shadowcolor>-</shadowcolor>
<label fallback="•••">$INFO[ListItem.Rating,,.0]</label>
</control>
</focusedlayout> </focusedlayout>
</control> </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