slide Label + Plot with animation.
#1
Hello everyone . I would like to move ( slide) information (Label + plot) with animated slide (right) when I scroll sections (poster) on the left.

here is my code can help me. I searched with the tag (item, focuselayout etc. but I can not find)

PHP Code:
<itemlayout width="700" height="$PARAM[height]">
        <
control type="group">    
            <
top>50</top>    
         <
left>15</left>                
                <
control type="image">                    
                   <
width>656</width>
                    <
height>950</height>
                    <
aspectratio>scale</aspectratio>
                    <
texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </
control
                 <
control type="image">
                    <
left>0</left>
                    <
top>0</top>
                    <
width>656</width>
                    <
height>950</height>
                    <
aspectratio>scale</aspectratio>
                    <
texture colordiffuse="EE000000">common/white.png</texture>
                </
control>
           </
control>            
        </
itemlayout>
        <
focusedlayout width="700" height="$PARAM[height]">
        <
control type="group">    
            <
top>50</top>    
         <
left>15</left>
              <
control type="image">
                    <
left>0</left>
                    <
top>0</top>
                    <
width>659</width>
                    <
height>959</height>
                    <
aspectratio>scale</aspectratio>
                    <
texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </
control>
                <
control type="image">                    
                   <
width>659</width>
                    <
height>950</height>
                    <
aspectratio>scale</aspectratio>
                    <
texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </
control>
                <
control type="group">                                
            <
control type="label">
                    <
top>150</top>
                    <
left>-650</left>
                    <
width>600</width>
                    <
height>80</height>
                    <
align>left</align>
                    <
font>Font60R</font>
                    <
textcolor>FFFFFFFF</textcolor>
                    <
label>$INFO[ListItem.Label]</label>
                </
control>
                <
control type="label">
                    <
top>250</top>
                    <
left>-650</left>
                    <
width>600</width>
                    <
height>80</height>
                    <
align>left</align>
                    <
font>Font36</font>
                    <
textcolor>EEFFFFFF</textcolor>
                    <
label>$VAR[B2SubTitle]</label>
                </
control>
            <
control type="textbox">
                    <
top>350</top>
                    <
left>-650</left>
                    <
width>600</width>
                    <
height>600</height>
                    <
font>Font36</font>
                    <
textcolor>FFFFFFFF</textcolor>
                    <
label>$INFO[ListItem.Plot]</label>
                </
control>
                <
control type="label">
                    <
bottom>30</bottom>
                    <
left>49</left>
                    <
width>328</width>
                    <
height>24</height>
                    <
align>left</align>
                    <
font>Font25R</font>
                    <
textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <
label>$INFO[ListItem.Duration,, mins]</label>
                </
control>
                <
control type="image">
                    <
description>Rating value</description>
                    <
right>49</right>
                    <
bottom>26</bottom>
                    <
width>100</width>
                    <
height>50</height>
                    <
aspectratio align="left">keep</aspectratio>
                    <
texture colordiffuse="$VAR[CategoryColor]fallback="rating0.png">$INFO[ListItem.StarRating,]</texture>
                    <
visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)</visible>
                </
control>    
                <
animation effect="slide" tween="back" easing="out" time="250" start="0,0" end="650,"  condition="[focus.item(-1)]">conditional</animation>       
                </
control>

            </
control>            
        </
focusedlayout

watch gallery
Reply
#2
Put them in a group before the image and add a focus slide animation.
Reply
#3
Thank you for your response, I'll try that.
Reply

Logout Mark Read Team Forum Stats Members Help
slide Label + Plot with animation.0