从屏幕顶部缓慢拖放标记到android地图V2上的位置

时间:2013-05-17 07:59:12

标签: android google-maps-markers android-maps-v2

我正在使用android maps v2works,我可以在地点上的Long Touch上添加和删除标记。

问题: 我想将标记缓慢地放入触摸位置,即我希望用户看到标记从屏幕顶部漂浮到掉落点(触摸位置)。

目前;标记只出现在触摸位置,这样您就必须抬起手指才能看到它已被掉落。很高兴看到它来自屏幕顶部。

感谢。

4 个答案:

答案 0 :(得分:8)

您可以使用与此类似的代码(未经测试)来实现此目的:

final LatLng target = ...;

final long duration = 400;
final Handler handler = new Handler();
final long start = SystemClock.uptimeMillis();
Projection proj = map.getProjection();

Point startPoint = proj.toScreenLocation(target);
startPoint.y = 0;
final LatLng startLatLng = proj.fromScreenLocation(startPoint);

final Interpolator interpolator = new LinearInterpolator();
handler.post(new Runnable() {
    @Override
    public void run() {
        long elapsed = SystemClock.uptimeMillis() - start;
        float t = interpolator.getInterpolation((float) elapsed / duration);
        double lng = t * target.longitude + (1 - t) * startLatLng.longitude;
        double lat = t * target.latitude + (1 - t) * startLatLng.latitude;
        marker.setPosition(new LatLng(lat, lng));
        if (t < 1.0) {
            // Post again 10ms later.
            handler.postDelayed(this, 10);
        } else {
            // animation ended
        }
    }
});

答案 1 :(得分:4)

我将MaciejGórski的方法与this gist的代码结合起来。此外,还增加了反弹效果。

public class MyBounceInterpolator implements android.view.animation.Interpolator {
    double mAmplitude = 1;
    double mFrequency = 10;

    public MyBounceInterpolator(double amplitude, double frequency) {
        mAmplitude = amplitude;
        mFrequency = frequency;
    }

    public float getInterpolation(float time) {
        double amplitude = mAmplitude;
        if (amplitude == 0) { amplitude = 0.05; }

        // The interpolation curve equation:
        //    -e^(-time / amplitude) * cos(frequency * time) + 1
        //
        // View the graph live: https://www.desmos.com/calculator/6gbvrm5i0s
        return (float) (-1 * Math.pow(Math.E, -time/ mAmplitude) * Math.cos(mFrequency * time) + 1);
    }
}

void dropMarker(final Marker marker, GoogleMap map) {
    final LatLng finalPosition = new LatLng(marker.getPosition().latitude, marker.getPosition().longitude);

    Projection projection = map.getProjection();
    Point startPoint = projection.toScreenLocation(finalPosition);
    startPoint.y = 0;
    final LatLng startLatLng = projection.fromScreenLocation(startPoint);
    final Interpolator interpolator = new MyBounceInterpolator(0.11, 4.6);

    TypeEvaluator<LatLng> typeEvaluator = new TypeEvaluator<LatLng>() {
        @Override
        public LatLng evaluate(float fraction, LatLng startValue, LatLng endValue) {
            float t = interpolator.getInterpolation(fraction);
            double lng = t * finalPosition.longitude + (1 - t) * startLatLng.longitude;
            double lat = t * finalPosition.latitude + (1 - t) * startLatLng.latitude;
            return new LatLng(lat, lng);
        }
    };

    Property<Marker, LatLng> property = Property.of(Marker.class, LatLng.class, "position");
    ObjectAnimator animator = ObjectAnimator.ofObject(marker, property, typeEvaluator, finalPosition);
    animator.setDuration(400);
    animator.start();
}

enter image description here

答案 2 :(得分:2)

效果很好,但在我看来,有时候标记距目标还有一步之遥,所以我只增加了一行:

if (t < 1.0) {
    // Post again 10ms later.
    handler.postDelayed(this, 50);
} else {
    // animation ended
    marker.setPosition(target);
}

希望它有所帮助。

答案 3 :(得分:0)

我已经应用了你的方式,但有一个问题是地图上的标记位置不正确。我认为下面的命令计算不正确。因此,在动画完成后,最终结果与原始Lat,Lng。

不同

double lng = t * target.longitude +(1 - t)* startLatLng.longitude; double lat = t * target.latitude +(1 - t)* startLatLng.latitude;