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>
<name>symbolVeryLarge</name>
<filename>symbol.ttf</filename>
<size>96</size>
<size>72</size>
<style/>
</font>
<font>

View File

@ -11,78 +11,75 @@
<include>homeBackground</include>
<!--browse controls-->
<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>
<posy>0</posy>
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>col-5-begin</width>
<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>0</posy>
<width>2000</width>
<height>fullscreenHeight</height>
<posy>row-4-begin</posy>
<width>col-5-begin</width>
<height>24-row</height>
<orientation>vertical</orientation>
<onleft>ActivateWindow(systeminfo)</onleft>
<itemlayout width="2-row" height="2-row">
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>1-col-textbox</width>
<height>1-col-textbox</height>
<aspectratio scalediffuse="false">scale</aspectratio>
<texture border="0">colors/black.png</texture>
<bordersize>0</bordersize>
<colordiffuse>textboxInactive</colordiffuse>
</control>
<itemlayout width="col-7-begin" height="2-row">
<control type="label">
<posx>0</posx>
<posx>col-1-begin</posx>
<posy>0</posy>
<width>1-col-textbox</width>
<height>1-col-textbox</height>
<align>center</align>
<width>7-col</width>
<height>2-row</height>
<font>menuTitle</font>
<aligny>center</aligny>
<font>symbolLarge</font>
<textcolor>textActive</textcolor>
<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>
<focusedlayout width="col-7-begin" height="2-row">
<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>
<width>col-7-begin</width>
<height>2-row</height>
<texture>colors/white.png</texture>
<colordiffuse>textActive</colordiffuse>
<aspectratio>stretch</aspectratio>
</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>
<posx>col-1-begin</posx>
<posy>0</posy>
<width>8-col-gutter</width>
<height>2-col</height>
<width>8-col</width>
<height>2-row</height>
<font>menuTitle</font>
<aligny>center</aligny>
<font>large</font>
<textcolor>textActive</textcolor>
<textcolor>highlight</textcolor>
<shadowcolor>-</shadowcolor>
<label>$INFO[ListItem.Label]</label>
<label>$INFO[ListItem.label]</label>
</control>
</focusedlayout>
<content>
@ -141,6 +138,12 @@
<thumb>-</thumb>
<onclick>ActivateWindow(settings)</onclick>
</item>
<item id="9">
<label>31007</label>
<label2></label2>
<thumb>-</thumb>
<onclick>ActivateWindow(systeminfo)</onclick>
</item>
<item id="8">
<label>31004</label>
<label2></label2>

View File

@ -126,15 +126,5 @@
</animation>
</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>
</includes>

View File

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

View File

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

View File

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

View File

@ -179,19 +179,19 @@
<colordiffuse>highlight</colordiffuse>
<aspectratio>stretch</aspectratio>
</control>
<!--logo-->
<control type="image">
<!--section logo-->
<control type="group">
<control type="label">
<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>
<animation type="Conditional" condition="controlgroup(9000).hasfocus">
<effect type="rotatey" start="0" end="-15" center="132" tween="back" easing="out" delay="600" time="300"/>
<effect type="rotatey" start="0" end="15" center="132" tween="back" easing="out" delay="900" time="300"/>
</animation>
<font>symbolVeryLarge</font>
<aligny>center</aligny>
<textcolor>textActive</textcolor>
<shadowcolor>-</shadowcolor>
<label></label>
</control>
</control>
<control type="list" id="500">
<posx>0</posx>

View File

View File

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

View File

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