start animation with HasFocus()?
beatmasterrs
Skilled Skinner
Posts: 2,206
#1
2013-03-16, 23:04
I have a problem with the condition of an animation.
I want to have a slide effect on fanart, whenever i use navigation (turn up an down).
The problem is, that the navigation is always focused and the slide of the image is finished, wenn i start the video-section. so the condition seems always to be true :/

Code for the navigation ist:
Code:
<control type="list" id="550">
                <posx>10</posx>
                <posy>190</posy>
                <width>230</width>
                <height>574</height>
                <onleft>9000</onleft>
                <onright>60</onright>
                <onup>550</onup>
                <ondown>550</ondown>
                <pagecontrol>60</pagecontrol>
                <viewtype label="$LOCALIZE[31233]">list</viewtype>
                <scrolltime tween="quadratic">200</scrolltime>
                <itemlayout height="53" width="570" condition="![Skin.HasSetting(panellogo) + [Container.Content(movies) | Container.Content(tvshows)]]">
                    <control type="label">
                        <posx>20</posx>
                        <width>200</width>
                        <height>43</height>
                        <font>Font_new_normal</font>
                        <label>$INFO[ListItem.Label]</label>
                    </control>
                    <control type="image">
                        <posx>386</posx>
                        <posy>18</posy>
                        <width>42</width>
                        <height>42</height>
                        <texture>$VAR[WatchedIconVar]</texture>
                        <colordiffuse>$VAR[ColorDiffuseVar]</colordiffuse>
                    </control>
                </itemlayout>
                <focusedlayout height="53" width="570" condition="![Skin.HasSetting(panellogo) + [Container.Content(movies) | Container.Content(tvshows)]]">
                    <control type="image">
                        <width>434</width>
                        <height>43</height>
                        <include>PanelGlowFade</include>
                        <texture>views/tripanel/listselect_fo.png</texture>
                        <animation effect="fade" start="100" end="50" time="50" condition="!Control.HasFocus(550)">Conditional</animation>
                        <colordiffuse>$VAR[FocusTextureColorVar]</colordiffuse>
                    </control>
                    <control type="label">
                        <posx>20</posx>
                        <width>200</width>
                        <height>43</height>
                        <font>Font_new_normal_bold</font>
                        <label>$INFO[ListItem.Label]</label>
                    </control>
                    <control type="image">
                        <posx>386</posx>
                        <posy>18</posy>
                        <width>42</width>
                        <height>42</height>
                        <texture>$VAR[WatchedIconVar]</texture>
                        <colordiffuse>$VAR[ColorDiffuseVar]</colordiffuse>
                    </control>
                </focusedlayout>
</control>

image-code
Code:
<control type="image">
                    <animation type="slide" end="-420,0" time="400" easing="in" tween="cubic" condition="Control.HasFocus(550)">Conditional</animation>          
                    <posx>778</posx>
                    <posy>185</posy>
                    <width>1127</width>
                    <height>640</height>
                    <texture>$INFO[ListItem.Art(fanart)]</texture>
                    <aspectratio aligny="top" align="right">keep</aspectratio>
                    <bordertexture border="7">thumbs/thumbshadow.png</bordertexture>
                    <bordersize>7</bordersize>
                </control>

anyone who knows a solution?
thanks
Arctic Zephyr | Reloaded

https://www.instagram.com/daniel_international/
Find
Reply
phil65
Retired Team-Kodi Member
Posts: 6,684
#2
2013-03-16, 23:12
you could try
Container(id).OnNext
Container(id).OnPrevious

http://wiki.xbmc.org/index.php?title=Lis...Conditions
Donate: https://kodi.tv/contribute/donate (foundation), 146Gr48FqHM7TPB9q33HHv6uWpgQqdz1yk (BTC personal)
Estuary: Kodis new default skin - ExtendedInfo Script - KodiDevKit
Find
Reply
`Black
Team-Kodi Member
Posts: 2,441
#3
2013-03-16, 23:15
Add

PHP Code:
<visible>!Container(550).OnNext + !Container(550).OnPrevious</visible> 

to the image control and change your animation to

PHP Code:
<animation type="slide" end="-420,0" time="400" easing="in" tween="cubic">Visible</animation> 
Image
Find
Reply
beatmasterrs
Skilled Skinner
Posts: 2,206
#4
2013-03-17, 00:56
There is no animation visible :/

With this, no image is displayed:
PHP Code:
<visible>!Container(550).OnNext + !Container(550).OnPrevious</visible> 

Only this is working:
PHP Code:
<visible>![Container(550).OnNext + Container(550).OnPrevious]</visible> 

I cant see an animation...

This is the code I've used:
PHP Code:
<control type="image"> 
    <visible>![Container(550).OnNext + Container(550).OnPrevious]</visible>
    <animation type="slide" end="-420,0" time="400" easing="in" tween="cubic">Visible</animation>            
                    <posx>778</posx>
                    <posy>185</posy>
                    <width>1127</width>
                    <height>640</height> 
                    <texture>$INFO[ListItem.Art(fanart)]</texture>
                    <aspectratio aligny="top" align="right">keep</aspectratio>
                    <bordertexture border="7">thumbs/thumbshadow.png</bordertexture>
                    <bordersize>7</bordersize>
                </control> 

Any ideas, why this isn't working for me?
Arctic Zephyr | Reloaded

https://www.instagram.com/daniel_international/
Find
Reply
`Black
Team-Kodi Member
Posts: 2,441
#5
2013-03-17, 01:22
Please post the complete xml file... I'm using the exact same way in my skin and it's working fine.
Image
Find
Reply
beatmasterrs
Skilled Skinner
Posts: 2,206
#6
2013-03-17, 01:34
That's the Code:

PHP Code:
<?xml version="1.0" encoding="utf-8"?>
<includes>
    <include name="Panel">
        <control type="group">
            <visible>Control.IsVisible(550)</visible>
            <include>Animation_Widgets</include>
            <!-- Hintergrund -->
            
            <control type="image">
                <posx>250</posx>
                <posy>180</posy>
                <width>1660</width>
                <height>648</height>
                <texture>backg/background.png</texture>
                <colordiffuse>$VAR[DialogColorVar]</colordiffuse>
                <bordertexture border="7">thumbs/thumbshadow.png</bordertexture>
                    <bordersize>10</bordersize>
            </control>
            
            <control type="image">
                <posx>0</posx>
                <posy>180</posy>
                <width>250</width>
                <height>648</height>
                <texture>backg/background.png</texture>
                <colordiffuse>$VAR[DialogColorVar]</colordiffuse>
                <bordertexture border="7">thumbs/thumbshadow.png</bordertexture>
                    <bordersize>10</bordersize>
            </control>
            <control type="label">
                <posy>60</posy>
                <posx>30</posx>
                <width>450</width>
                <font>Font_new_title</font>
                <label>Filme</label>       
            </control>
            <include>BG_Effect_Settings_Panel</include>
            
            <!-- Hintergrund Ende -->
            
            <control type="group">
                <visible>![Skin.HasSetting(panelinfo) + Container.Content(movies)] | Player.HasVideo</visible>
                <control type="image">
                    <posx>498</posx>
                    <posy>87</posy>
                    <width>1260</width>
                    <height>708</height>
                    <texture>common/black.png</texture>
                </control>
                <control type="image">
                    <posx>498</posx>
                    <posy>87</posy>
                    <width>1260</width>
                    <height>708</height>
                    <aspectratio>keep</aspectratio>
                    <fadetime>600</fadetime>
                    <texture background="true">$VAR[FanartFallbackToIcon]</texture>
                    <visible>!Player.HasVideo</visible>
                </control>
                <control type="textbox">
                    <posx>527</posx>
                    <posy>800</posy>
                    <width>1200</width>
                    <height>164</height>
                    <font>Font_Reg20</font>
                    <label>$VAR[GlobalPlotOutlineVar]</label>
                    <autoscroll delay="8000" time="AutoScrollTime" repeat="8000">Skin.HasSetting(AutoScroll)</autoscroll>
                </control>
            </control>
            <control type="group">
                
<!-- Fanart Start -->
                <control type="image"> 
                    <visible>!Container(550).OnNext + !Container(550).OnPrevious</visible>
                    <animation type="slide" end="-420,0" time="400" easing="in" tween="cubic">Visible</animation>          
                    <posx>778</posx>
                    <posy>185</posy>
                    <width>1127</width>
                    <height>640</height>
                    
                    <texture>$INFO[ListItem.Art(fanart)]</texture>
                    <aspectratio aligny="top" align="right">keep</aspectratio>
                    <bordertexture border="7">thumbs/thumbshadow.png</bordertexture>
                    <bordersize>7</bordersize>
                </control>
<!-- Fanart Animation Ende -->    
            
    <control type="image"> 
                                
                    <posx>1592</posx>
                    <posy>410</posy>
                    <width>300</width>
                    <height>450</height>
                    
                    <texture>$INFO[ListItem.Art(poster)]</texture>
                    <aspectratio aligny="bottom" align="right">keep</aspectratio>
                    <bordertexture border="7">thumbs/thumbshadow.png</bordertexture>
                    <bordersize>10</bordersize>
                </control>
                
                
                
                <control type="group">
                    <posx>285</posx>
                    <posy>248</posy>
                    <width>465</width>
                    <height>540</height>
                    <control type="label">
                        <posy>0</posy>
                        <width>450</width>
                        <font>Font_new_title</font>
                        <label>$INFO[ListItem.Label]</label>
                        <scroll>true</scroll>
                    </control>
                    
                    <control type="label">
                        <posy>40</posy>
                        <width>450</width>
                        <font>Font_new_normal</font>
                        <label>$INFO[ListItem.Year]</label>
                        <scroll>true</scroll>
                    </control>
                    
                    <control type="label">
                        <visible>!ListItem.IsFolder</visible>
                        <posy>40</posy>
                        <posx>70</posx>
                        <width>450</width>
                        <font>Font_new_normal</font>
                        <label>$INFO[ListItem.Duration] min</label>
                        <scroll>true</scroll>
                    </control>
                    
                     <control type="textbox">                  
                        <posy>100</posy>
                        <width>465</width>
                        <height>300</height>
                        <font>Font_new_normal</font>
                        <label>$VAR[GlobalPlotVar]</label>
                        <autoscroll delay="8000" time="AutoScrollTime" repeat="8000">Skin.HasSetting(AutoScroll)</autoscroll>
                    </control>  
                    
                    <control type="image">
                        <description>Rating value</description>
                        <posy>460</posy>
                        <posx>-7</posx>
                        <align>left</align>
                        <width>200</width>
                        <height>40</height>
                        <itemgap>0</itemgap>
                        <orientation>vertical</orientation>
                        <texture>$INFO[Listitem.StarRating]</texture>
                        <colordiffuse>FF315385</colordiffuse>
                        <visible>!Skin.HasSetting(imdbnrfanart)</visible> 
                        <visible>!ListItem.IsFolder</visible>
                    </control>  
                    
                    <control type="label">
                        <posy>530</posy>
                        <width>450</width>
                        <font>Font_new_normal</font>
                        <label>$INFO[ListItem.RatingAndVotes]</label>
                        <scroll>true</scroll>
                    </control>
                    
                    
                    
                    <control type="grouplist">
                        <posy>-225</posy>
                        <width>780</width>
                        <orientation>horizontal</orientation>
                        <itemgap>10</itemgap>
                        
                    </control>
                    
                    
                    
                </control>
                
                
                
                
                
            </control>
            <control type="image">
                <posx>1780</posx>
                <posy>190</posy>
                <width>120</width>
                <height>120</height>
                <fadetime>IconCrossfadeTime2</fadetime>
                <include>OverlayVisibility0</include>
                <animation effect="fade" start="100" end="0" time="200" condition="Player.HasVideo">Conditional</animation>
            </control>
            <control type="videowindow">
                <posx>498</posx>
                <posy>87</posy>
                <width>1260</width>
                <height>708</height>
                <visible>Player.HasVideo</visible>
            </control>
            
            <control type="scrollbar" id="60">
                <posx>-500</posx>
                <posy>267</posy>
                <width>40</width>
                <height>388</height>
                <onleft>550</onleft>
                <onright>9000</onright>
            </control>
            <control type="image">
                <posx>34</posx>
                <posy>34</posy>
                <width>1850</width>
                <height>1010</height>
                <texture border="50">settings/settings_intframe_top.png</texture>
                <animation effect="fade" start="100" end="0" time="50" delay="0" condition="Player.HasVideo">Conditional</animation>
                <visible>![Skin.HasSetting(panelinfo) + Container.Content(movies)]</visible>
            </control>
        </control>
        <!-- Start Navigation -->
            <control type="list" id="550">
                <posx>10</posx>
                <posy>190</posy>
                <width>230</width>
                <height>574</height>
                <onleft>9000</onleft>
                <onright>60</onright>
                <onup>550</onup>
                <ondown>550</ondown>
                <pagecontrol>60</pagecontrol>
                <viewtype label="$LOCALIZE[31233]">list</viewtype>
                <scrolltime tween="quadratic">200</scrolltime>
                <itemlayout height="53" width="570" condition="![Skin.HasSetting(panellogo) + [Container.Content(movies) | Container.Content(tvshows)]]">
                    <control type="label">
                        <posx>20</posx>
                        <width>200</width>
                        <height>43</height>
                        <font>Font_new_normal</font>
                        <label>$INFO[ListItem.Label]</label>
                    </control>
                    <control type="image">
                        <posx>386</posx>
                        <posy>18</posy>
                        <width>42</width>
                        <height>42</height>
                        <texture>$VAR[WatchedIconVar]</texture>
                        <colordiffuse>$VAR[ColorDiffuseVar]</colordiffuse>
                    </control>
                </itemlayout>
                <focusedlayout height="53" width="570" condition="![Skin.HasSetting(panellogo) + [Container.Content(movies) | Container.Content(tvshows)]]">
                    <control type="image">
                        <width>434</width>
                        <height>43</height>
                        <include>PanelGlowFade</include>
                        <texture>views/tripanel/listselect_fo.png</texture>
                        <animation effect="fade" start="100" end="50" time="50" condition="!Control.HasFocus(550)">Conditional</animation>
                        <colordiffuse>$VAR[FocusTextureColorVar]</colordiffuse>
                    </control>
                    <control type="label">
                        <posx>20</posx>
                        <width>200</width>
                        <height>43</height>
                        <font>Font_new_normal_bold</font>
                        <label>$INFO[ListItem.Label]</label>
                    </control>
                    <control type="image">
                        <posx>386</posx>
                        <posy>18</posy>
                        <width>42</width>
                        <height>42</height>
                        <texture>$VAR[WatchedIconVar]</texture>
                        <colordiffuse>$VAR[ColorDiffuseVar]</colordiffuse>
                    </control>
                </focusedlayout>
                <itemlayout height="174" width="570" condition="Skin.HasSetting(panellogo) + [Container.Content(movies) | Container.Content(tvshows)]">
                    <include>PanelLogoLayout</include>
                </itemlayout>
                <focusedlayout height="174" width="570" condition="Skin.HasSetting(panellogo) + [Container.Content(movies) | Container.Content(tvshows)]">
                    <control type="image">
                        <width>434</width>
                        <include>PanelGlowFade</include>
                        <height>174</height>
                        <texture>views/tripanel/listselect_fo.png</texture>
                        <animation effect="fade" start="100" end="50" time="50" condition="!Control.HasFocus(550)">Conditional</animation>
                        <colordiffuse>$VAR[FocusTextureColorVar]</colordiffuse>
                    </control>
                    <include>PanelLogoLayout</include>
                </focusedlayout>
            </control>
            <!-- Ende Navigation -->
    </include>
    <include name="PanelLogoLayout">
        <control type="image">
            <posy>10</posy>
            <width>434</width>
            <height>154</height>
            <aspectratio aligny="center">keep</aspectratio>
            <texture>$INFO[ListItem.Art(clearlogo)]</texture>
        </control>
        <control type="group">
            <visible>IsEmpty(ListItem.Art(clearlogo))</visible>
            <control type="label">
                <posx>216</posx>
                <posy>110</posy>
                <width>420</width>
                <align>center</align>
                <font>Font_Info_Caps</font>
                <textcolor>white2</textcolor>
                <label>$VAR[SecondLabelVar]</label>
            </control>
            <control type="label">
                <posx>216</posx>
                <posy>76</posy>
                <width>420</width>
                <align>center</align>
                <font>Font_MainClassic4</font>
                <scroll>true</scroll>
                <scrollspeed>30</scrollspeed>
                <textcolor>white2</textcolor>
                <label>$VAR[FirstLabelVar]</label>
            </control>
        </control>
        <control type="group">
            <posx>380</posx>
            <include>UnwatchedIcon</include>
        </control>
    </include>
</includes> 

Thanks
Arctic Zephyr | Reloaded

https://www.instagram.com/daniel_international/
Find
Reply

Home
Search
Help
Logout Mark Read Team Forum Stats Members Help
start animation with HasFocus()?0