Click here to Skip to main content
15,887,477 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
When Setting the Rotate3D effect on several items they interfere eachother.
For example:

I got a ImageField that has a hide effect and Show effect rotate3d works perfect.
Then i made a Group field that should use rotate3d on hide and Show when hovering a Label.
Now when i hover the Label while the Image is rotating this all Looks completely messed up. When Image Animation is done there's no Problem
My code :

There's a timer that hides and Shows the Image box so i used hideeffect and showeffect and for the groupbox i used effect.play on hover

The Effect :

XML
<s:Rotate3D id="xrotin" angleXFrom="90" angleXTo="0" angleYFrom="0" angleYTo="0" autoCenterTransform="true" target="{menu1}" />

 <s:Rotate3D angleXFrom="0" angleXTo="90" angleYFrom="0" angleYTo="0" id="xrotout" autoCenterTransform="true" target="{menu1}" />

 <s:Parallel id="showEff">
 <s:Fade alphaFrom="0.0" alphaTo="1.0" />
 <s:Rotate3D angleYFrom="-90" angleYTo="0" autoCenterTransform="true" />
 </s:Parallel>

 <s:Parallel id="hideEff">
 <s:Fade alphaFrom="1.0" alphaTo="0.0" />
 <s:Rotate3D angleYFrom="0" angleYTo="90" autoCenterTransform="true" />
 </s:Parallel>




The Image and groupbox :

XML
<s:Image id="imgshow1" visible="false" y="250" width="{this.width - 40}" height="266"
backgroundColor="#B9B9B9" hideEffect="{hideEff}" horizontalCenter="4"
scaleMode="letterbox" showEffect="{showEff}" smooth="true"/>

<s:Group id="menu1" visible="true" x="142" y="57" width="237" height="177">
<s:Label x="0" y="0" width="217" height="16" backgroundColor="#918F8F"
chromeColor="#CCCCCC" text="Beschriftung" verticalAlign="middle"/>
<s:Label x="0" y="24" width="217" height="16" backgroundColor="#918F8F"
chromeColor="#CCCCCC" text="Beschriftung" verticalAlign="middle"/>
<s:Label x="0" y="48" width="217" height="16" backgroundColor="#918F8F"
chromeColor="#CCCCCC" text="Beschriftung" verticalAlign="middle"/>
<s:Label x="0" y="72" width="217" height="16" backgroundColor="#918F8F"
chromeColor="#CCCCCC" text="Beschriftung" verticalAlign="middle"/>
<s:Label x="0" y="96" width="217" height="16" backgroundColor="#918F8F"
chromeColor="#CCCCCC" text="Beschriftung" verticalAlign="middle"/>
<s:Label x="0" y="120" width="217" height="16" backgroundColor="#918F8F"
chromeColor="#CCCCCC" text="Beschriftung" verticalAlign="middle"/>
</s:Group>
Posted
Updated 8-Jul-15 9:03am
v4

1 solution

Got it now !

The solution is to set each animated object inside its own GroupBox
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900