topic Re: Make a pulse animation in AGSPictureGraphics in ArcGIS Runtime SDK for iOS Questions

Make a pulse animation in AGSPictureGraphics

chiragshah4 — Thu, 29 Jun 2017 14:33:54 GMT

Want pulse animation in agsgraphics in esri map ios

Re: Make a pulse animation in AGSPictureGraphics

MarkDostal — Tue, 11 Jul 2017 16:07:49 GMT

Thank you for your question! While we don't have anything specific to "pulse" graphics in the API, you can accomplish this by setting up your own timer and changing one or more graphicsOverlay, graphics, or symbol properties when the timer fires. Below are two examples: the first one changes the opacity of the graphics overlay containing the graphic to pulse; the second one changes the size of the symbol associated with the graphic.

(view in My Videos)

The code to create the timer is as follows:

var timer = Timer()

...

timer = Timer.scheduledTimer(timeInterval: 0.02,

target:self,

selector: #selector(pulseGraphic),

userInfo: nil,

repeats: true)

And the "pulseGraphic" method to adjust the overlay opacity:

var opacity: Float = 0.0

var goingDown: Bool = true

func pulseGraphic() {

opacity = opacity + (goingDown ? -0.01 : 0.01)

if opacity < 0.25 {

goingDown = false

}

else if opacity > 1.0 {

goingDown = true

}

else {

animationGraphicsOverlay.opacity = opacity

}

Hope that helps. If you have further questions, let me know.

Mark

Re: Make a pulse animation in AGSPictureGraphics

chiragshah4 — Tue, 18 Jul 2017 11:33:25 GMT

Is there any way to do this in android too?

Re: Make a pulse animation in AGSPictureGraphics

MarkDostal — Tue, 18 Jul 2017 15:13:38 GMT

The code to change the opacity of the graphics overlay and the size of the marker symbol will be similar on Android. I'm not familiar enough with it to say if Android has a similar timer to iOS, but I image they do. If you need more help with that, please post a question on the Runtime Android forum, here: https://community.esri.com/community/developers/native-app-developers/arcgis-runtime-sdk-for-android

Re: Make a pulse animation in AGSPictureGraphics

AlexanderNohe1 — Thu, 20 Jul 2017 14:31:12 GMT

Hey Mark. I ripped a lot of the android sample off of your iOS sample above. I gave you a shout-out in the Readme for my Android sample in GeoNet:

Pulse Graphic Sample in Kotlin by nohe427 · Pull Request #309 · Esri/developer-support · GitHub

Hope that is okay.

Re: Make a pulse animation in AGSPictureGraphics

MarkDostal — Thu, 20 Jul 2017 15:19:02 GMT

Alexander,

No problem, that's cool with me. Glad you could use the code!

Cheers,

Mark