CODEWITHSUNDEEP
androidgoogle-mapsanimation
Ian Newson
Ian Newson

Reputation: 7949

Android Google Maps v2: animate marker size

I'm trying to animate the size of a marker as it is added to a map, basically I want the marker to grow. I can't see any way of getting to the actual view for the marker so I don't think I can use the standard Android animation techniques (e.g. ObjectAnimator).

The only way I can see to do this would be to implement my own animation and use the setIcon method to change the marker icon.

Is there any other and ideally better way of doing this?

I'm working in Xamarin but can port Java code if necessary.

Upvotes: 4

Views: 3988

Answers (3)

Stanislav Kinzl
Stanislav Kinzl

Reputation: 11

For vector drawables

fun Drawable.getBitmapFromVectorDrawable(): Bitmap {
val bitmap = Bitmap.createBitmap(
    intrinsicWidth,
    intrinsicHeight, Bitmap.Config.ARGB_8888
)

val canvas = Canvas(bitmap)
setBounds(0, 0, canvas.width, canvas.height)
draw(canvas)

return bitmap

}

Then do

val marker = map.addMarker(MarkerOptions().position(LatLng(latitude, longitude)))
            val bitmap = requireContext().requireDrawable(R.drawable.marker)!!
                .getBitmapFromVectorDrawable()
            ValueAnimator.ofInt(1, bitmap.width).apply {
                duration = resources.getInteger(R.integer.itr_normal_anim_time).toLong()
                interpolator = OvershootInterpolator()
                addUpdateListener { animation ->
                    val scale = animation.animatedValue as Int
                    val scaledBitmap = bitmap.scale(scale, scale)
                    marker!!.setIcon(BitmapDescriptorFactory.fromBitmap(scaledBitmap))
                }
                start()
            }

Upvotes: 0

dtx12
dtx12

Reputation: 4488

You may try something like this

final Marker marker = map.addMarker(new MarkerOptions().position(new LatLng(0, 0)).title("Marker"));
final Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_temperature_kelvin_black_48dp);
final Bitmap target = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
final Canvas canvas = new Canvas(target);
ValueAnimator animator = ValueAnimator.ofFloat(0, 1);
animator.setDuration(500);
animator.setStartDelay(1000);
final Rect originalRect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF scaledRect = new RectF();
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        float scale = (float) animation.getAnimatedValue();
        scaledRect.set(0, 0, originalRect.right * scale, originalRect.bottom * scale);
        canvas.drawBitmap(bitmap, originalRect, scaledRect, null);
        marker.setIcon(BitmapDescriptorFactory.fromBitmap(target));
    }
});
animator.start();

Upvotes: 8

Narendra Kothamire
Narendra Kothamire

Reputation: 973

Yes you are right there is not direct method to do it. Instead, you can use handler that will get called after say every 500ms and in that you can setIcon of marker.

Use this link for reference; How to animate marker in android map api V2?

Upvotes: 1

Related Questions