Submenu selection animations
#1
In working on this. I noticed that the submenu selection animations for weather and pictures did not move exactly like they did for other submenus. When going up from the top item, the selection bar jumps up then slides to the bottom. For the other submenus it slides directly to the bottom without "jumping" up. I'm not sure if it was planned this way, but I found it somewhat distracting. I found changing to the lines in bold "fixed" it:
Code:
<control type="list" id="403">
          <description>Pictures Side Menu</description>
          <onup>403</onup>
          <ondown>403</ondown>
          <visible>[Container(300).HasFocus(3) | Control.HasFocus(403)] + ![Container(300).OnNext | Container(300).OnPrevious]</visible>
          <include>HomeSideMenu</include>

          <focusedlayout width="HomeSideMenuItemWidth" height="HomeSideMenuItemHeight">
            <control type="image">
              <include>HomeSideMenuNFBGImage</include>
            </control>
            <control type="label">
              <include>HomeSideMenuNFBGLabel</include>
            </control>
            <control type="image">
              <include>HomeSideMenuFOBGImage</include>
[b]              <animation effect="slide" start="0,30" end="0,0" time="500" reversible="false" tween="quadratic" easing="out" condition="Container(403).OnNext + Container(403).Position(0)">focus</animation>
              <animation effect="slide" start="0,-43" end="0,0" time="400" reversible="false" tween="quadratic" easing="out" condition="Container(403).OnNext + !Container(403).Position(0)">focus</animation>
              <animation effect="slide" start="0,-30" end="0,0" time="500" reversible="false" tween="quadratic" easing="out" condition="Container(403).OnPrevious + Container(403).Position(1)">focus</animation>
              <animation effect="slide" start="0,43" end="0,0" time="400" reversible="false"  tween="quadratic" easing="out" condition="Container(403).OnPrevious + !Container(403).Position(1)">focus</animation>[/b]
            </control>
            <control type="label">
              <include>HomeSideMenuFOBGLabel</include>
              <animation effect="fade" start="0" end="100" time="200" delay="300" reversible="false" condition="Container(403).OnNext">focus</animation>
              <animation effect="fade" start="0" end="100" time="200" delay="300" reversible="false" condition="Container(403).OnPrevious">focus</animation>
            </control>
           </focusedlayout>

Code:
<control type="list" id="405">
          <description>Weather Side Menu</description>
          <onup>405</onup>
          <ondown>405</ondown>
          <visible>[Container(300).HasFocus(5) | Control.HasFocus(405)] + ![Container(300).OnNext | Container(300).OnPrevious]</visible>
          <include>HomeSideMenu</include>

          <focusedlayout width="HomeSideMenuItemWidth" height="HomeSideMenuItemHeight">
            <control type="image">
              <include>HomeSideMenuNFBGImage</include>
            </control>
            <control type="label">
              <include>HomeSideMenuNFBGLabel</include>
            </control>
            <control type="image">
              <include>HomeSideMenuFOBGImage</include>
[b]              <animation effect="slide" start="0,30" end="0,0" time="500" reversible="false" tween="quadratic" easing="out" condition="Container(405).OnNext + Container(405).Position(0)">focus</animation>
              <animation effect="slide" start="0,-43" end="0,0" time="400" reversible="false" tween="quadratic" easing="out" condition="Container(405).OnNext + !Container(405).Position(0)">focus</animation>
              <animation effect="slide" start="0,-30" end="0,0" time="500" reversible="false" tween="quadratic" easing="out" condition="Container(405).OnPrevious + Container(405).Position(1)">focus</animation>
              <animation effect="slide" start="0,43" end="0,0" time="400" reversible="false"  tween="quadratic" easing="out" condition="Container(405).OnPrevious + !Container(405).Position(1)">focus</animation>[/b]
            </control>
            <control type="label">
              <include>HomeSideMenuFOBGLabel</include>
              <animation effect="fade" start="0" end="100" time="200" delay="300" reversible="false" condition="Container(405).OnNext">focus</animation>
              <animation effect="fade" start="0" end="100" time="200" delay="300" reversible="false" condition="Container(405).OnPrevious">focus</animation>
            </control>
           </focusedlayout>

This may help me in figuring out my earlier posted linked above.
Reply

Logout Mark Read Team Forum Stats Members Help
Submenu selection animations0