如何在谷歌地图上动画标记



我想要实现的应该是非常简单的,但它不工作。我在我的地图上添加了一个标记,我试图将它动画为心跳。

我试过下面的代码,但是没有运气,

   ObjectAnimator pulse = ObjectAnimator.ofPropertyValuesHolder(userLocation,
            PropertyValuesHolder.ofFloat("scaleX",2f),
            PropertyValuesHolder.ofFloat("scaleY",2f)
            );
    pulse.setDuration(310);
    pulse.setRepeatCount(ObjectAnimator.INFINITE);
    pulse.setRepeatMode(ObjectAnimator.REVERSE);
    pulse.start();
如有任何建议,我将不胜感激。另外,使用外部库也是一种选择,我只是没有找到一个。

Cabezas的回答很好地描述了一般方法。除了他的答案之外,对于你的任务,你应该应用它来设置(根据Interpolator为每帧动画调整大小)标记位图。例如,您可以使用这样的方法:

private void pulseMarker(final Bitmap markerIcon, final Marker marker, final long onePulseDuration) {
    final Handler handler = new Handler();
    final long startTime = System.currentTimeMillis();
    final Interpolator interpolator = new CycleInterpolator(1f);
    handler.post(new Runnable() {
        @Override
        public void run() {
            long elapsed = System.currentTimeMillis() - startTime;
            float t = interpolator.getInterpolation((float) elapsed / onePulseDuration);
            marker.setIcon(BitmapDescriptorFactory.fromBitmap(scaleBitmap(markerIcon, 1f + 0.05f * t)));
            handler.postDelayed(this, 16);
        }
    });
}

其中16为一帧动画的持续时间,1f + 0.05f * t -为标记图标大小增减5%,scaleBitmap()为:

public Bitmap scaleBitmap(Bitmap bitmap, float scaleFactor) {
    final int sizeX = Math.round(bitmap.getWidth() * scaleFactor);
    final int sizeY = Math.round(bitmap.getHeight() * scaleFactor);
    Bitmap bitmapResized = Bitmap.createScaledBitmap(bitmap, sizeX, sizeY, false);
    return bitmapResized;
}

和call是:

Bitmap markerIcon = BitmapFactory.decodeResource(getResources(), R.drawable.ic_heart);
pulseMarker(markerIcon, marker, 1000);

其中marker是您的标记,1000 -一个脉冲的1秒持续时间。

最新更新