Kodi Community Forum

Full Version: Grouplist animations?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

WingmanNZ

I am wanting to have a image Fade in When i focus on the grouplist.

but Im unsure what the conditional statement should be for a "grouplist" with buttons in it?

here is my code
Quote:<!-- Fade content -->
<control type="image">
<include>Dimensions_Fullscreen</include>
<texture>Global/Background_Dim.png</texture>
<aspectratio>stretch</aspectratio>
<include>Animation_MusicNavSettings_BackgroundDim</include>
</control>
<!-- Music Nav Settings Group -->
<control type="group">
<posx>337</posx>
<posy>170</posy>
<include>Animation_MusicNavSettings_DialogOpenClose</include>
<control type="image">
<width>606</width>
<height>380</height>
<texture>Global/Shutdown_Menu_Background.png</texture>
<aspectratio>stretch</aspectratio>
</control>
<!-- Music Nav Settings Selector -->
<control type="image">
<posx>67</posx>
<posy>36</posy>
<width>472</width>
<height>100</height>
<texture>Global/Shutdown_Menu_Cursor.png</texture>
<aspectratio>scale</aspectratio>
<include>Animation_MusicNavSettings_Selector</include>
</control>
<!-- Music Nav Settings Buttons -->
<control type="grouplist" id="9000">
<posx>114</posx>
<posy>61</posy>
<width>378</width>
<height>348</height>
<itemgap>0</itemgap>
<onleft>50</onleft>
<onright>50</onright>
<onup>9000</onup>
<ondown>9000</ondown>
<orientation>vertical</orientation>
<control type="button" id="2">
<description>View</description>
<width>378</width>
<height>52</height>
<font>Font_ShutdownMenu_Nav</font>
<textcolor>HomeNav</textcolor>
<shadowcolor>ff000000</shadowcolor>
<texturefocus border="1">Global/Button_Blank_Texture.png</texturefocus>
<texturenofocus border="1">Global/Button_Blank_Texture.png</texturenofocus>
</control>
<control type="button" id="3">
<description>Sort</description>
<width>378</width>
<height>52</height>
<font>Font_ShutdownMenu_Nav</font>
<textcolor>HomeNav</textcolor>
<shadowcolor>ff000000</shadowcolor>
<texturefocus border="1">Global/Button_Blank_Texture.png</texturefocus>
<texturenofocus border="1">Global/Button_Blank_Texture.png</texturenofocus>
</control>
<control type="togglebutton" id="4">
<description>Ascending</description>
<width>378</width>
<height>52</height>
<label>$LOCALIZE[584]</label>
<altlabel>$LOCALIZE[585]</altlabel>
<font>Font_ShutdownMenu_Nav</font>
<textcolor>HomeNav</textcolor>
<shadowcolor>ff000000</shadowcolor>
<texturefocus border="1">Global/Button_Blank_Texture.png</texturefocus>
<texturenofocus border="1">Global/Button_Blank_Texture.png</texturenofocus>
</control>
<control type="button" id="99">
<description>Files</description>
<label>$LOCALIZE[744]</label>
<width>378</width>
<height>52</height>
<font>Font_ShutdownMenu_Nav</font>
<textcolor>HomeNav</textcolor>
<shadowcolor>ff000000</shadowcolor>
<onclick>replacewindow(mymusicfiles)</onclick>
<onclick>setfocus(99)</onclick>
<selected>window.isvisible(mymusiclibrary)</selected>
<texturefocus border="1">Global/Button_Blank_Texture.png</texturefocus>
<texturenofocus border="1">Global/Button_Blank_Texture.png</texturenofocus>
</control>
<control type="button" id="8">
<description>Search</description>
<label>$LOCALIZE[137]</label>
<width>378</width>
<height>52</height>
<font>Font_ShutdownMenu_Nav</font>
<textcolor>HomeNav</textcolor>
<shadowcolor>ff000000</shadowcolor>
<texturefocus border="1">Global/Button_Blank_Texture.png</texturefocus>
<texturenofocus border="1">Global/Button_Blank_Texture.png</texturenofocus>
</control>
</control>
</control>

and here are the animations

Quote:<!-- #### Music Options Menu Animations ####-->
<include name="Animation_MusicNavSettings_Selector">
<animation condition="ControlGroup(9000).HasFocus(3)" effect="slide" start="0,0" end="0,52" time="200" reversible="true">Conditional</animation>
<animation condition="ControlGroup(9000).HasFocus(4)" effect="slide" start="0,0" end="0,104" time="200" reversible="true">Conditional</animation>
<animation condition="ControlGroup(9000).HasFocus(99)" effect="slide" start="0,0" end="0,156" time="200" reversible="true">Conditional</animation>
<animation condition="ControlGroup(9000).HasFocus(8)" effect="slide" start="0,0" end="0,208" time="200" reversible="true">Conditional</animation>
</include>
<include name="Animation_MusicNavSettings_DialogOpenClose">
<animation type="ControlGroup.HasFocus(9000)">
<effect type="fade" start="0" end="100" time="200"/>
<effect type="zoom" tween="cubic" easing="out" start="0,0" end="100,100" center="640,360" time="200"/>
</animation>
<animation type="!ControlGroup.HasFocus(9000)">
<effect type="fade" start="100" end="0" time="200"/>
<effect type="zoom" tween="cubic" easing="in" start="100,100" end="0,0" center="640,360" time="200"/>
</animation>
</include>
<include name="Animation_MusicNavSettings_BackgroundDim">
<animation effect="fade" start="0" end="50" time="200">ControlGroup.HasFocus(9000)</animation>
<animation effect="fade" start="50" end="0" time="200">!ControlGroup.HasFocus(9000)</animation>
</include>


any help would be great!
add theses tags to your required image block, adjust the time to your needs.

<animation effect="fade" time="600">Visible</animation>
<visible>ControlGroup(9000).HasFocus</visible>

WingmanNZ

andyblac Wrote:add theses tags to your required image block, adjust the time to your needs.

<animation effect="fade" time="600">Visible</animation>
<visible>ControlGroup(9000).HasFocus</visible>

thanks mate