Repeat pulse Animation

Question

I'm trying to create a Infinite pulsing effect in a ImageView. But how is it possible to keep the offset?

<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<scale
    android:duration="700"
    android:fromXScale="1"
    android:fromYScale="1"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="0.5"
    android:toYScale="0.5"/>
<scale
    android:duration="700"
    android:fromXScale="1"
    android:fromYScale="1"
    android:pivotX="50%"
    android:pivotY="50%"
    android:startOffset="700"
    android:toXScale="2"
    android:toYScale="2"/>
</set>

score 105 · Accepted Answer · edited Sep 08 '17 at 10:42

105

This will make your (Image)View pulsate up to 1.2 its size and back, repeatedly.

ImageView iv = (ImageView) findViewById(R.id.my_imageview);

ObjectAnimator scaleDown = ObjectAnimator.ofPropertyValuesHolder(
                    iv,
                    PropertyValuesHolder.ofFloat("scaleX", 1.2f),
                    PropertyValuesHolder.ofFloat("scaleY", 1.2f));
scaleDown.setDuration(310);

scaleDown.setRepeatCount(ObjectAnimator.INFINITE);
scaleDown.setRepeatMode(ObjectAnimator.REVERSE);

scaleDown.start();

edited Sep 08 '17 at 10:42

Tim

41,901
18
127
145

answered Sep 16 '15 at 22:21

A. Adam

3,094
1
26
25

8

To make this movement more natural I remommend adding interpolator like this one: scaleDown.setInterpolator(new FastOutSlowInInterpolator()); – Aleksander Lech Jul 10 '16 at 09:21
2

How do you pause in between animations? – IgorGanapolsky Apr 24 '18 at 15:01
I tried this but this can cause it to have jagged edges, it looks a lot cleaner to use an animated vector drawable instead. – Etienne Lawlor Sep 20 '18 at 08:47
can i make this animation in xml? – Mateen Chaudhry Apr 18 '19 at 12:12
awesome answer :) – Gundu Bandgar Nov 20 '19 at 05:47
simple and neat – Ally Aug 26 '20 at 21:04

score 0 · Answer 2 · answered Dec 04 '14 at 19:57

0

You can set startOffset values for each animations in your set.

answered Dec 04 '14 at 19:57

Mus

1,860
2
16
19

score 0 · Answer 3 · edited May 23 '17 at 11:46

0

If you want to create infinite animation, the best way would be to create custom View and in onDraw create your animation. For example: How to animate a path on canvas - android

Actually you can do animation with SurfaceView too.

edited May 23 '17 at 11:46

Community

1
1

answered Dec 05 '14 at 11:37

QArea

4,955
1
12
22

Repeat pulse Animation

3 Answers3