Redesign of home screen

This commit is contained in:
Chris Bevan 2015-07-09 20:58:54 +01:00
parent 55ef7352ff
commit e383d5061b
10 changed files with 136 additions and 104 deletions

View File

@ -186,7 +186,7 @@
<font> <font>
<name>symbolVeryLarge</name> <name>symbolVeryLarge</name>
<filename>symbol.ttf</filename> <filename>symbol.ttf</filename>
<size>96</size> <size>72</size>
<style/> <style/>
</font> </font>
<font> <font>

View File

@ -11,78 +11,75 @@
<include>homeBackground</include> <include>homeBackground</include>
<!--browse controls--> <!--browse controls-->
<control type="group"> <control type="group">
<animation type="windowopen">
<effect type="fade" start="0" end="100" delay="500" time="300"/>
<effect type="slide" start="-200" end="0" tween="sine" easing="out" delay="500" time="400"/>
</animation>
<animation type="windowclose">
<effect type="fade" start="100" end="0" time="300"/>
<effect type="slide" start="0" end="-200" tween="sine" easing="out" time="400"/>
</animation>
<posx>0</posx> <posx>0</posx>
<posy>row-1-begin</posy> <posy>0</posy>
<control type="list" id="9000"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>0</posy>
<width>2000</width> <width>col-5-begin</width>
<height>fullscreenHeight</height> <height>fullscreenHeight</height>
<texture>colors/white.png</texture>
<colordiffuse>highlight</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<!--logo-->
<control type="image">
<posx>col-1-begin</posx>
<posy>row-1-begin</posy>
<width>1-col</width>
<height>1-col</height>
<texture>kodilogo.png</texture>
<colordiffuse>textActive</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<control type="list" id="9000">
<posx>0</posx>
<posy>row-4-begin</posy>
<width>col-5-begin</width>
<height>24-row</height>
<orientation>vertical</orientation> <orientation>vertical</orientation>
<onleft>ActivateWindow(systeminfo)</onleft> <itemlayout width="col-7-begin" height="2-row">
<itemlayout width="2-row" height="2-row"> <control type="label">
<posx>col-1-begin</posx>
<posy>0</posy>
<width>7-col</width>
<height>2-row</height>
<font>menuTitle</font>
<aligny>center</aligny>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.label]</label>
</control>
</itemlayout>
<focusedlayout width="col-7-begin" height="2-row">
<control type="image"> <control type="image">
<posx>0</posx> <posx>0</posx>
<posy>0</posy> <posy>0</posy>
<width>1-col-textbox</width> <width>col-7-begin</width>
<height>1-col-textbox</height> <height>2-row</height>
<aspectratio scalediffuse="false">scale</aspectratio> <texture>colors/white.png</texture>
<texture border="0">colors/black.png</texture> <colordiffuse>textActive</colordiffuse>
<bordersize>0</bordersize> <aspectratio>stretch</aspectratio>
<colordiffuse>textboxInactive</colordiffuse>
</control> </control>
<control type="label"> <control type="label">
<posx>0</posx> <posx>col-1-begin</posx>
<posy>0</posy> <posy>0</posy>
<width>1-col-textbox</width> <width>8-col</width>
<height>1-col-textbox</height> <height>2-row</height>
<align>center</align> <font>menuTitle</font>
<aligny>center</aligny> <aligny>center</aligny>
<font>symbolLarge</font> <textcolor>highlight</textcolor>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor> <shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.label2]</label> <label>$INFO[ListItem.label]</label>
</control>
</itemlayout>
<focusedlayout width="2-col" height="2-col">
<control type="group">
<animation type="focus" loop="false" reversible="false">
<effect type="rotatey" start="0" end="-15" center="70" tween="back" easing="out" time="300"/>
<effect type="rotatey" start="0" end="15" center="70" tween="back" easing="out" delay="300" time="300"/>
</animation>
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>2-col-textbox</width>
<height>2-col-textbox</height>
<aspectratio scalediffuse="false">scale</aspectratio>
<texture border="0">colors/white.png</texture>
<bordersize>0</bordersize>
<colordiffuse>highlight</colordiffuse>
</control>
<control type="label">
<posx>0</posx>
<posy>-2</posy>
<width>2-col-textbox</width>
<height>2-col-textbox</height>
<align>center</align>
<aligny>center</aligny>
<font>symbolVeryLarge</font>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.label2]</label>
</control>
</control>
<control type="label">
<posx>col-2-begin</posx>
<posy>0</posy>
<width>8-col-gutter</width>
<height>2-col</height>
<aligny>center</aligny>
<font>large</font>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.Label]</label>
</control> </control>
</focusedlayout> </focusedlayout>
<content> <content>
@ -141,6 +138,12 @@
<thumb>-</thumb> <thumb>-</thumb>
<onclick>ActivateWindow(settings)</onclick> <onclick>ActivateWindow(settings)</onclick>
</item> </item>
<item id="9">
<label>31007</label>
<label2></label2>
<thumb>-</thumb>
<onclick>ActivateWindow(systeminfo)</onclick>
</item>
<item id="8"> <item id="8">
<label>31004</label> <label>31004</label>
<label2></label2> <label2></label2>

View File

@ -126,15 +126,5 @@
</animation> </animation>
</control> </control>
</control> </control>
<!--overlay-->
<control type="image">
<animation type="windowopen">
<effect type="fade" start="0" end="100" time="200" delay="500" tween="linear"/>
</animation>
<include>dimensionsFullscreen</include>
<texture>logoOverlay.png</texture>
<colordiffuse>ffffffff</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
</include> </include>
</includes> </includes>

View File

@ -3,6 +3,10 @@
<!--main hub menu--> <!--main hub menu-->
<include name="hubMenu"> <include name="hubMenu">
<control type="group" id="9000"> <control type="group" id="9000">
<animation type="windowopen">
<effect type="fade" start="0" end="100" delay="500" time="300"/>
<effect type="slide" start="-200" end="0" tween="sine" easing="out" delay="500" time="400"/>
</animation>
<animation type="Conditional" condition="controlgroup(9000).hasfocus"> <animation type="Conditional" condition="controlgroup(9000).hasfocus">
<effect type="fade" start="0" end="100" time="300"/> <effect type="fade" start="0" end="100" time="300"/>
<effect type="slide" start="-200" end="0" tween="sine" easing="out" time="400"/> <effect type="slide" start="-200" end="0" tween="sine" easing="out" time="400"/>
@ -20,20 +24,50 @@
<colordiffuse>highlight</colordiffuse> <colordiffuse>highlight</colordiffuse>
<aspectratio>stretch</aspectratio> <aspectratio>stretch</aspectratio>
</control> </control>
<!--logo-->
<control type="image"> <!--section logo-->
<posx>col-1-begin</posx> <control type="group">
<posy>row-1-begin</posy> <!--videos-->
<width>1-col</width> <control type="label">
<height>1-col</height> <visible>Window.isactive(videolibrary) | window.isactive(videoplaylist) | window.isactive(tvchannels) | window.isactive(tvguide) | window.isactive(TVRecordings) | window.isactive(tvtimers)</visible>
<texture>kodilogo.png</texture> <posx>col-1-begin</posx>
<colordiffuse>textActive</colordiffuse> <posy>row-1-begin</posy>
<aspectratio>stretch</aspectratio> <width>1-col</width>
<animation type="Conditional" condition="controlgroup(9000).hasfocus"> <height>1-col</height>
<effect type="rotatey" start="0" end="-15" center="132" tween="back" easing="out" delay="600" time="300"/> <font>symbolVeryLarge</font>
<effect type="rotatey" start="0" end="15" center="132" tween="back" easing="out" delay="900" time="300"/> <aligny>center</aligny>
</animation> <textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
<!--music-->
<control type="label">
<visible>window.isactive(musiclibrary) | window.isactive(musicfiles) | window.isactive(musicplaylist) | window.isactive(radiochannels)</visible>
<posx>col-1-begin</posx>
<posy>row-1-begin</posy>
<width>1-col</width>
<height>1-col</height>
<font>symbolVeryLarge</font>
<aligny>center</aligny>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
<!--pictures-->
<control type="label">
<visible>window.isactive(pictures)</visible>
<posx>col-1-begin</posx>
<posy>row-1-begin</posy>
<width>1-col</width>
<height>1-col</height>
<font>symbolVeryLarge</font>
<aligny>center</aligny>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
</control> </control>
<control type="list" id="9001"> <control type="list" id="9001">
<posx>0</posx> <posx>0</posx>
<posy>row-4-begin</posy> <posy>row-4-begin</posy>

View File

@ -87,7 +87,7 @@
<animation type="Conditional" condition="controlgroup(9000).hasfocus | controlgroup(9002).hasfocus | controlgroup(100).hasfocus"> <animation type="Conditional" condition="controlgroup(9000).hasfocus | controlgroup(9002).hasfocus | controlgroup(100).hasfocus">
<effect type="fade" start="100" end="0" time="200"/> <effect type="fade" start="100" end="0" time="200"/>
</animation> </animation>
<posx>col-1-begin</posx> <posx>72</posx>
<posy>row-18-begin</posy> <posy>row-18-begin</posy>
<width>24-col</width> <width>24-col</width>
<height>78</height> <height>78</height>

View File

@ -125,7 +125,7 @@
<animation type="Conditional" condition="controlgroup(9000).hasfocus | controlgroup(9002).hasfocus | controlgroup(100).hasfocus"> <animation type="Conditional" condition="controlgroup(9000).hasfocus | controlgroup(9002).hasfocus | controlgroup(100).hasfocus">
<effect type="fade" start="100" end="0" time="200"/> <effect type="fade" start="100" end="0" time="200"/>
</animation> </animation>
<posx>col-1-begin</posx> <posx>72</posx>
<posy>row-18-begin</posy> <posy>row-18-begin</posy>
<width>24-col</width> <width>24-col</width>
<height>84</height> <height>84</height>

View File

@ -179,19 +179,19 @@
<colordiffuse>highlight</colordiffuse> <colordiffuse>highlight</colordiffuse>
<aspectratio>stretch</aspectratio> <aspectratio>stretch</aspectratio>
</control> </control>
<!--logo--> <!--section logo-->
<control type="image"> <control type="group">
<posx>col-1-begin</posx> <control type="label">
<posy>row-1-begin</posy> <posx>col-1-begin</posx>
<width>1-col</width> <posy>row-1-begin</posy>
<height>1-col</height> <width>1-col</width>
<texture>kodilogo.png</texture> <height>1-col</height>
<colordiffuse>textActive</colordiffuse> <font>symbolVeryLarge</font>
<aspectratio>stretch</aspectratio> <aligny>center</aligny>
<animation type="Conditional" condition="controlgroup(9000).hasfocus"> <textcolor>textActive</textcolor>
<effect type="rotatey" start="0" end="-15" center="132" tween="back" easing="out" delay="600" time="300"/> <shadowcolor>-</shadowcolor>
<effect type="rotatey" start="0" end="15" center="132" tween="back" easing="out" delay="900" time="300"/> <label></label>
</animation> </control>
</control> </control>
<control type="list" id="500"> <control type="list" id="500">
<posx>0</posx> <posx>0</posx>

View File

View File

@ -7,6 +7,7 @@
<!--new scheme--> <!--new scheme-->
<color name="background">ff222222</color> <color name="background">ff222222</color>
<!--<color name="highlight">ffee3343</color>-->
<color name="highlight">ffee3343</color> <color name="highlight">ffee3343</color>
<color name="overlay">44ffffff</color> <color name="overlay">44ffffff</color>
<color name="textActive">fff0f0f0</color> <color name="textActive">fff0f0f0</color>

View File

@ -26,15 +26,15 @@ msgid ""
msgstr "" msgstr ""
msgctxt "#31000" msgctxt "#31000"
msgid "Watch Videos" msgid "Videos"
msgstr "" msgstr ""
msgctxt "#31001" msgctxt "#31001"
msgid "Listen to Music" msgid "Music"
msgstr "" msgstr ""
msgctxt "#31002" msgctxt "#31002"
msgid "View Photos" msgid "Photos"
msgstr "" msgstr ""
msgctxt "#31003" msgctxt "#31003"
@ -42,7 +42,7 @@ msgid "Program Addons"
msgstr "" msgstr ""
msgctxt "#31004" msgctxt "#31004"
msgid "Power Off" msgid "Power"
msgstr "" msgstr ""
msgctxt "#31005" msgctxt "#31005"
@ -53,6 +53,10 @@ msgctxt "#31006"
msgid "Live TV" msgid "Live TV"
msgstr "" msgstr ""
msgctxt "#31007"
msgid "System Info"
msgstr ""
msgctxt "#31010" msgctxt "#31010"
msgid "Add-ons" msgid "Add-ons"
msgstr "" msgstr ""
@ -414,7 +418,7 @@ msgid "Search for Subtitles"
msgstr "" msgstr ""
msgctxt "#31156" msgctxt "#31156"
msgid "Play Games" msgid "Games"
msgstr "" msgstr ""
msgctxt "#31157" msgctxt "#31157"
@ -514,7 +518,7 @@ msgid "Hide watched items"
msgstr "" msgstr ""
msgctxt "#31197" msgctxt "#31197"
msgid "Weather Forecasts" msgid "Weather"
msgstr "" msgstr ""
msgctxt "#31198" msgctxt "#31198"