Panel Focus position
#1
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

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
Reply
#2
I recommend you to try to replace Container(ID).Position(POS) by StringCompare(Container(ID).CurrentItem,POS).
AFAIK, Container(ID).Position(POS) returns the position of the item in a row or in a column (depending the orientation you set) of the cursor in the visible part of the panel (not the item number in a list).
[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
Reply
#3
Thank you Jayz2K for your replay
I have just tried your suggestion
now there's no animation at all on the left or right screen
Reply
#4
(2015-11-06, 19:02)utopia Wrote: Thank you Jayz2K for your replay
I have just tried your suggestion
now there's no animation at all on the left or right screen

Just noticed your include is called in the focusedlayout, not sure this one works inside a Container but maybe removing (106) to just keep Container.CurrentItem in your stringcompare ? Otherwise, working with focus position inside a panel is really tricky and not sure it's possible to do what you are trying to. Maybe others have more tips.

EDIT : Seems Container.Position has changed in latest Jarvis build since I'm now able to get absolute position with this. Are you Under Jarvis Alpha 4 ?
[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
Reply
#5
no I'm using helix
seems that I have to update
then i'll test it once more
Reply
#6
I have just updated kodi to Jarvis, but too bad it's not compatible with Aeon yet
so I tried Isengard and I'm still facing the same problem
Reply
#7
Stick this in a label somewhere on screen so you can see what's going on -

Code:
$INFO[Container(106).Position]
Reply
#8
It gives me the current position on the current screen from 0 to 17
Reply
#9
here's the whole viewtype code
PHP Code:
<?xml version="1.0" encoding="UTF-8"?>
<includes>
 <include name="PostercasLabel">
    <posx>0</posx>
    <height>20</height>
    <width>305</width>
    <font>Font_18A</font>
    <aligny>top</aligny>
    <align>left</align>
    <textcolor>FFFFFAF0</textcolor>
    <textoffsetx>0</textoffsetx>
    <textoffsety>0</textoffsety>
    <scroll>false</scroll>
</include>
    
  <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>

 <include name="glasslist">

 <control type="Panel" id="106">
 <viewtype label="glass">Panel</viewtype>
    <posx>0</posx>
    <posy>-50</posy>
    <width>1260</width>
    <height>720</height>
    <onup>9900</onup>
    <ondown>80</ondown>
   <pagecontrol>80</pagecontrol>
    <orientation>horizontal</orientation>
    <focusposition>4</focusposition>
    <scrolltime>160</scrolltime>
    <preloaditems>2</preloaditems>
    <animation effect="fade" start="100" end="20" time="200" condition="Window.IsVisible(621)">Conditional</animation>
    <visible>!Container.Content(years)</visible>

 <itemlayout width="200" height="230">
    <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>
     
    <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>
     </control>
 </itemlayout>

 <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">
     <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>
  </control>
</include>
 
  <include name="glass">
  
   <control type="group">
       <animation effect="fade" time="400">VisibleChange</animation>
       <visible>Control.IsVisible(106)</visible>
        
    <control type="image">
        <posx>0</posx>
        <posy>-70</posy>
        <width>1280</width>
        <height>720</height>
        <texture>glass/bg_glass.png</texture>
     </control>
     <control type="image">
        <posx>0</posx>
        <posy>116</posy>
        <width>1280</width>
        <height>70</height>
        <texture>glass/glass_shelf_small.png</texture>
     </control>
     <control type="image">
        <posx>0</posx>
        <posy>346</posy>
        <width>1280</width>
        <height>70</height>
        <texture>glass/glass_shelf_small.png</texture>
     </control>
     <control type="image">
        <posx>0</posx>
        <posy>570</posy>
        <width>1280</width>
        <height>70</height>
        <texture>glass/glass_shelf.png</texture>
     </control>
     
  <include>glasslist</include>

  <control type="group">
           <visible>[Control.IsVisible(9921) | Window.IsVisible(621)] + Control.HasFocus(106)  + !Control.HasFocus(80)</visible>
             <animation effect="rotatey" center="640,0" start="270" end="360" time="1000" delay="4000" reversible="false" >Visible</animation>
     <control type="image">
          <posx>378</posx>
          <posy>-70</posy>
          <width>524</width>
          <height>714</height>
          <texture background="true">glass\looh.png</texture>
     </control>
     <control type="label">
          <posx>472</posx>
          <posy>40</posy>
          <angle>45</angle>
          <font>Font_40</font>
          <shadowcolor>fff000000</shadowcolor>
          <textcolor>cFffffff</textcolor>
          <label>[COLOR=FFB7B7B7]$INFO[Container(106).ListItem.VideoResolution][/COLOR]</label>
      </control>
     <control type="label">
          <posx>770</posx>
          <posy>0</posy>
          <angle>315</angle>
          <font>Font_30</font>
          <shadowcolor>fff000000</shadowcolor>
          <textcolor>cFffffff</textcolor>
          <label>[COLOR=FFB7B7B7]$VAR[value_ground17_value][/COLOR]</label>
          <visible>![Container.Content(artists) | Container.Content(songs)]</visible>
     </control>
     <control type="label">
          <posx>540</posx>
          <posy>0</posy>
          <width>200</width>
          <height>71</height>
          <scroll>true</scroll>
          <aligny>center</aligny>
          <align>center</align>
          <font>Font_40</font>
          <shadowcolor>fff000000</shadowcolor>
          <textcolor>cFffffff</textcolor>
          <label>$INFO[Container(106).ListItem.Label]</label>
     </control>
     <control type="image">
          <posx>490</posx>
          <posy>60</posy>
          <width>300</width>
          <height>200</height>
          <aspectratio/>
          <fadetime>FanartCrossFadeTime</fadetime>
          <texture diffuse="glass/list_episodeicon_mask.png" background="true">$INFO[ListItem.Art(fanart)]</texture>
      </control>
     <control type="textbox">
          <posx>490</posx>
          <posy>260</posy>
          <width>300</width>
          <height>110</height>
          <textcolor>fff000000</textcolor>
          <shadowcolor>FFB7B7B7</shadowcolor>
          <font>Font_18A</font>
          <label>$VAR[value_plot]</label>
    </control>
    
        <!--صور اللوح-->
   <control type="image" id="81">
       <posx>455</posx>    
           <posy>370</posy>
       <width>370</width>
           <height>60</height>
       <aspectratio>keep</aspectratio>
       <texture fallback="flags/sdtv.png"  diffuse="glass/mpaa2.png">$INFO[ListItem.Mpaa,flags/MpaaD/,.png]</texture>
    </control>
    <control type="image" id="811">
         <posx>0</posx>    
        <posy>440</posy>
        <height>100</height>
        <aspectratio>keep</aspectratio>
        <texture fallback="$INFO[Container(106).ListItem.Studio]" diffuse="glass/mpaa2.png">$INFO[ListItem.Studio,flags/studios/,.png]</texture>
    </control>
       <control type="grouplist">
          <posx>570</posx>
          <posy>430</posy>
          <width>220</width>
          <orientation>vertical</orientation>
          <itemgap>0</itemgap>
    </control>
     <control type="label">
          <posx>740</posx>
          <posy>430</posy>
          <font>Font_24</font>
          <shadowcolor>fff000000</shadowcolor>
          <textcolor>cFffffff</textcolor>
          <label>[COLOR=FFB7B7B7]$INFO[Container(106).ListItem.FileExtension][/COLOR]</label>
          <visible>![Container.Content(artists)]</visible>
      </control>
      <control type="label">
          <posx>490</posx>
          <posy>430</posy>
          <font>Font_24</font>
          <shadowcolor>fff000000</shadowcolor>
          <textcolor>cFffffff</textcolor>
          <label>[COLOR=FFB7B7B7]$INFO[Container(106).ListItem.duration] MIN[/COLOR]</label>
    </control>
    </control>
   <control type="scrollbar" id="80">
         <texturesliderbackground border="1,1,1,1">Common/Scroll_Back.png</texturesliderbackground>
        <!--<textureslidernib>Common/Scroll_Back.png</textureslidernib>-->
        <textureslidernibfocus>Common/Scroll_Bar_nip.png</textureslidernibfocus>
        <orientation>horizontal</orientation>
        <height>10</height>
        <posx>0</posx>
        <posy>406</posy>
        <width>1280</width>
        <onup>106</onup>
        <ondown>9920</ondown>
        <include>Animation_Fade</include>
        <visible allowhiddenfocus="true">Control.IsVisible(106) + Control.HasFocus(80)</visible>
     </control>
    </control>
  </include>
</includes> 


and here's what the animation should act

watch gallery



and here's what I get when scrolling beyond the first loaded screen

watch gallery
Reply
#10
After some trial and error I got a possible reason for this action
as the animation start play according to its position and when I scroll to the left or right that position has already been played
so I guess I need to add more conditions


any idea?
Reply
#11
Yes.assuming ypu want that cool glass gadget floating at the center. Assuming it isnt animated to zoom out. Do a simple hide of the item of the container and show a cloned item spinning around. Alot of assuming I know. But best I can do to help. :-)
Reply
#12
Thank u Torben for ur reply
I have found another thread with the same problem
and the solution was adding a visibility condition of an item that's not visible during scrolling
Reply
#13
ok you can use
<focusedlayout condition="container.position(0)" width="xx" height="xx">

<animation effect="rotatey" start="0" end="90" center="180,180" time="500" reversible="false" condition="true">conditional</animation>
...etc

</focusedlayout>
<focusedlayout condition="container.position(1)" width="xx" height="xx">
...animation etc
</focusedlayout>

?
If you zoom and slide it should be ok, if not there is a
<camera x="180" y="180"/> tag you can use to set absolute position iirc, have a play.
Reply
#14
(2015-11-10, 08:45)badaas Wrote: ok you can use
<focusedlayout condition="container.position(0)" width="xx" height="xx">

<animation effect="rotatey" start="0" end="90" center="180,180" time="500" reversible="false" condition="true">conditional</animation>
...etc

</focusedlayout>
<focusedlayout condition="container.position(1)" width="xx" height="xx">
...animation etc
</focusedlayout>

?
If you zoom and slide it should be ok, if not there is a
<camera x="180" y="180"/> tag you can use to set absolute position iirc, have a play.

Thank u badaas for ur reply
I have done a workaround that worked as I want
I created a button with visibility condition
PHP Code:
<control type="button" id="6161">
      <
description>My first button control</description>
      <
posx>0</posx>
      <
posy>0</posy>
      <
width>1</width>
      <
height>1</height>
      <
visible>!Container(106).OnNext + !Container(106).OnPrevious</visible>
</
control

then I added a condition to the animation
PHP Code:
Control.IsVisible(6161
Reply

Logout Mark Read Team Forum Stats Members Help
Panel Focus position0