topic Re: Animations broken after updating to 3.4 API in ArcGIS API for Flex Questions

Animations broken after updating to 3.4 API

NathanTyler — Thu, 25 Jul 2013 15:00:16 GMT

We have been using 2.4 for a long time. I'm trying to update our project to the 3.4 API, and we have some animations that have stopped working. Here's an example:

<esri:GraphicsLayer id="mapGraphicsLayer">   <esri:Graphic id="myGraphic" symbol="{locaterSymbol}" toolTip="Current Location" scaleX="1" scaleY="1" alpha="0">     <esri:geometry>       <esri:MapPoint id="myGraphicMapPoint" x="{lon}" y="{lat}" spatialReference="{spatialRef}"/>     </esri:geometry>   </esri:Graphic> </esri:GraphicsLayer>

... inside Declarations:

<esri:CompositeSymbol id="locaterSymbol">   <esri:SimpleMarkerSymbol id="blueDot" color="#6694D0" size="10" style="circle" >     <esri:SimpleLineSymbol color="#FFFFFF" width="2"/>   </esri:SimpleMarkerSymbol>   <esri:SimpleMarkerSymbol id="blueRingCircle" alpha="0" size="7" style="circle">     <esri:SimpleLineSymbol id="blueRingLine" color="#FFFFFF" width="2"/>   </esri:SimpleMarkerSymbol> </esri:CompositeSymbol>

Animation - runs on a 1s timer (using Tweener library):

blueRingCircle.size = 8; blueRingLine.alpha = 1;  Tweener.addTween(blueRingCircle, {size: 60, time: 24, transition: "easeOutQuad", useFrames: true}); Tweener.addTween(blueRingLine, {alpha: 0, time: 24, transition: "easeOutQuad", useFrames: true});

This animation used to work fine with the 2.4 API, now with 3.4 it doesn't seem to do anything. If I zoom/pan the map I can see it being drawn in various different stages of the animation, but when the map is static it doesn't seem to be redrawing to pick up the animated frames. Any suggestions? Thanks.

Re: Animations broken after updating to 3.4 API

YannCabon — Thu, 25 Jul 2013 15:22:20 GMT

Hi,

This a bug yes with the CompositeSymbol.
Thanks for reporting, it will be fixed in the 3.5 release.
In the meantime use the onUpdate parameter with Tweener to dispatch a change event from the symbol like this:

blueRingCircle.size = 8; blueRingLine.alpha = 1;  Tweener.addTween(blueRingCircle,                  {                      size: 60,                      time: 24,                      transition: "easeOutQuad",                      useFrames: true,                      onUpdate: function():void {                          (this as Symbol).dispatchEvent(new Event(Event.CHANGE));                      },                      onUpdateScope: locaterSymbol                  }); Tweener.addTween(blueRingLine,                  {                      alpha: 0,                      time: 24,                      transition: "easeOutQuad",                      useFrames: true,                      onUpdate: function():void {                          (this as Symbol).dispatchEvent(new Event(Event.CHANGE));                      },                      onUpdateScope: locaterSymbol                  });

The change event will make the symbol redraw.

Re: Animations broken after updating to 3.4 API

NathanTyler — Thu, 25 Jul 2013 16:21:43 GMT

Thanks for the information. Do you have an estimated release date for 3.5, and do you know the last version that will work with the Tweener animations?

Re: Animations broken after updating to 3.4 API

YannCabon — Thu, 25 Jul 2013 16:32:14 GMT

I've tested, the latest version working with your code is 3.0
The 3.5 is scheduled around september.

Re: Animations broken after updating to 3.4 API

BjornSvensson — Fri, 27 Sep 2013 20:05:57 GMT

Version 3.5 was released today and includes the fix for this issue:
* CompositeSymbol doesn't redraw on children symbols changes. Bug was specific to versions 3.1-3.4