Solved Help with slide animation
#1
Question 
I'm trying to create a drop down slide effect. I thought I had this animation control figured out, but something is stumping me... Any help would be appreciated.

The specifics, I would like the Blue button (arrow location) when focused to trigger a slide effect where the grey box emerges from under the button.

Below is my current nonfunctional code.

Thanks

Image
Code:
<control type="group">  
            <description>Dropdown menu</description>              
            <posx>0</posx>                
            <posy>0</posy>          
            <control type="button" id="6000">
                <description>Menu Button</description>          
                <posx>0</posx>      
                <posy>259</posy>  
                <width>412</width>
                <height>40</height>
                <texturenofocus>NA.png</texturenofocus>
                <texturefocus>buttonFocus.png</texturefocus>
                <animation effect="fade" start="95" end="95" condition="True">Conditional</animation>        
            </control>            
            <control type="image">
                <description>Menu Dropdown</description>          
                <posx>0</posx>                
                <posy>299</posy>
                <width>508</width>
                <height>750</height>
                <aspectratio>keep</aspectratio>
                <texture>pstvldropdown.png</texture>
                <animation effect="slide" start="0,750" end="0,299" time="100" easing="out">!Control.HasFocus(6000)</animation>
            </control>      
        </control>
Image Lunatixz - Kodi / Beta repository
Image PseudoTV - Forum | Website | Youtube | Help?
Reply
#2
try this:
Code:
<animation effect="slide" start="0,750" end="0,299" time="100" easing="out" condition="Control.HasFocus(6000)">Conditional</animation>
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#3
(2016-10-31, 00:50)ronie Wrote: try this:
Code:
<animation effect="slide" start="0,750" end="0,299" time="100" easing="out" condition="Control.HasFocus(6000)">Conditional</animation>

Thanks that helped a lot, still haven't perfected the effect i'm looking for but below is good for now.

Code:
<control type="group">  
            <description>Dropdown menu</description>              
            <posx>0</posx>                
            <posy>0</posy>          
            <control type="button" id="6000">
                <description>Menu Button</description>          
                <posx>0</posx>      
                <posy>259</posy>  
                <width>412</width>
                <height>40</height>
                <texturenofocus>NA.png</texturenofocus>
                <texturefocus>buttonFocus.png</texturefocus>
                <animation effect="fade" start="95" end="95" condition="True">Conditional</animation>        
            </control>            
            <control type="image">
                <description>Menu Dropdown</description>          
                <posx>0</posx>                
                <posy>0</posy>
                <width>508</width>
                <height>750</height>
                <aspectratio>keep</aspectratio>
                <texture>pstvldropdown.png</texture>
                <visible>Control.HasFocus(6000)</visible>
                <animation effect="fade" start="0" time="300" condition="Control.HasFocus(6000)">Conditional</animation>
                <animation effect="slide" start="0,-750" end="0,299" time="100" tween="quadratic" easing="inout" condition="Control.HasFocus(6000)">Conditional</animation>
            </control>      
        </control>
Image Lunatixz - Kodi / Beta repository
Image PseudoTV - Forum | Website | Youtube | Help?
Reply
#4
Have you tried a zoom animation instead where only the height actually zooms?
Reply
#5
(2016-10-31, 08:38)Hitcher Wrote: Have you tried a zoom animation instead where only the height actually zooms?

oh, that's exactly what I need, height control over position.... Thanks
Image Lunatixz - Kodi / Beta repository
Image PseudoTV - Forum | Website | Youtube | Help?
Reply
#6
Thanks @ronie and @Hitcher... outcome was exactly what I was looking for Smile

Code:
<control type="image">
                <description>Menu Dropdown</description>          
                <posx>0</posx>                
                <posy>299</posy>
                <width>508</width>
                <height>750</height>
                <aspectratio>keep</aspectratio>
                <texture>pstvldropdown.png</texture>
                <visible>Control.HasFocus(6000)</visible>
                <animation effect="zoom" start="0,299,508,1" end="0,299,508,750" time="200" tween="quadratic" easing="inout" condition="Control.HasFocus(6000)">Conditional</animation>
            </control>
Image Lunatixz - Kodi / Beta repository
Image PseudoTV - Forum | Website | Youtube | Help?
Reply

Logout Mark Read Team Forum Stats Members Help
Help with slide animation0