2015-11-06, 14:53
I'm trying to animate the focused item depending on it's position in a panel list,
it works as expected in the first loaded screen but as i start to scroll to the left or right of that screen, the animation start to act weird
here's the animation code
and here's the focuseditem
any idea ??
thanks in advance
it works as expected in the first loaded screen but as i start to scroll to the left or right of that screen, the animation start to act weird
here's the animation code
PHP Code:
<include name="kbeer">
<animation type="focus" reversible="false" condition="Container(106).Position(0)">
<effect type="zoom" center="-66,18" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(1)">
<effect type="zoom" center="-66,106" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(2)">
<effect type="zoom" center="-66,194" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(3)">
<effect type="zoom" center="12,18" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(4)">
<effect type="zoom" center="12,106" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(5)">
<effect type="zoom" center="12,194" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(6)">
<effect type="zoom" center="88,18" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(7)">
<effect type="zoom" center="88,106" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(8)">
<effect type="zoom" center="88,194" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(9)">
<effect type="zoom" center="166,18" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(10)">
<effect type="zoom" center="166,106" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(11)">
<effect type="zoom" center="166,194" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(12)">
<effect type="zoom" center="242,18" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(13)">
<effect type="zoom" center="242,106" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(14)">
<effect type="zoom" center="242,194" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(15)">
<effect type="zoom" center="320,18" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(16)">
<effect type="zoom" center="320,106" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
<animation type="focus" reversible="false" condition="Container(106).Position(17)">
<effect type="zoom" center="320,194" end="360" time="700" delay="4000"/>
<effect type="rotatey" center="130,0" start="0" end="90" time="1000" delay="6000"/>
</animation>
</include>
and here's the focuseditem
PHP Code:
<focusedlayout width="200" height="230">
<control type="group">
<animation type="focus">
<effect type="zoom" start="90" end="100" time="1000" delay="100" easing="out" tween="back" reversible="false"/>
</animation>
<control type="label">
<posx>80</posx>
<posy>-3</posy>
<width>100</width>
<height>50</height>
<align>center</align>
<shadowcolor>fff000000</shadowcolor>
<textcolor>cFffffff</textcolor>
<font>Font_14</font>
<info>ListItem.Label</info>
<animation effect="fade" start="100" end="0" time="200" delay="3900">Focus</animation>
</control>
<control type="group">
<visible>![Container(106).OnNext | Container(106).OnPrevious]</visible>
<animation effect="fade" start="100" end="0" time="0" delay="7000" reversible="false"/>
<control type="image">
<posx>80</posx>
<posy>30</posy>
<width>100</width>
<height>150</height>
<aspectratio scalediffuse="false">stretch</aspectratio>
<texture diffuse="glass/movieposter_mask.png" fallback="DefaultVideoPoster.png" background="true">$VAR[value_poster]</texture>
<bordertexture border="-60">glass/wall_movie_fborder.png</bordertexture>
</control>
<control type="image">
<posx>18</posx>
<posy>13</posy>
<width>178</width>
<height>258</height>
<aspectratio/>
<fadetime>400</fadetime>
<texture background="true">glass/movieicon_glass.png</texture>
</control>
<control type="image">
<posx>80</posx>
<posy>212</posy>
<width>100</width>
<height>50</height>
<colordiffuse>d0FFFFFF</colordiffuse>
<fadetime>200</fadetime>
<texture background="true" flipy="true" diffuse="glass/multiplex_maskreflect.png">defaultvideo.png</texture>
<aspectratio scalediffuse="false">stretch</aspectratio>
<info>ListItem.Icon</info>
</control>
<control type="image">
<posx>58</posx>
<posy>200</posy>
<width>144</width>
<height>100</height>
<colordiffuse>d0FFFFFF</colordiffuse>
<fadetime>200</fadetime>
<texture background="true" flipy="true" diffuse="glass/multiplex_maskreflect.png">glass/wall_movie_fborder.png</texture>
</control>
<include>kbeer</include>
</control>
</control>
</focusedlayout>
any idea ??
thanks in advance