* More info about https://developer.android.com/reference/android/view/animation/Interpolator */ public class ValueAnimatorIconAnimationActivity extends AppCompatActivity implements OnMapReadyCallback, MapView.OnDidFinishRenderingMapListener { private static final String ICON_ID = "red-pin-icon-id"; // This float's actual value will depend on the height of the SymbolLayer icon private static final float DEFAULT_DESIRED_ICON_OFFSET = -16; private static final float STARTING_DROP_HEIGHT = -100; private static final long DROP_SPEED_MILLISECONDS = 1200; private static final String SYMBOL_LAYER_ID = "symbol-layer-id"; private MapView mapView; private SymbolLayer pinSymbolLayer; private Style style; private TimeInterpolator currentSelectedTimeInterpolator = new BounceInterpolator(); private ValueAnimator animator; private boolean firstRunThrough = true; private boolean animationHasStarted; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Mapbox access token is configured here. This needs to be called either in your application // object or in the same activity which contains the mapview. Mapbox.getInstance(this, getString(R.string.access_token)); // This contains the MapView in XML and needs to be called after the access token is configured. setContentView(R.layout.activity_animated_pin_drop); // Initialize the map view mapView = findViewById(R.id.mapView); mapView.onCreate(savedInstanceState); mapView.getMapAsync(this); } @Override public void onMapReady(@NonNull final MapboxMap mapboxMap) { mapboxMap.setStyle(new Style.Builder().fromUri(Style.LIGHT) // Add GeoJsonSource with random Features to the map. .withSource(new GeoJsonSource("source-id", FeatureCollection.fromFeatures(new Feature[] { Feature.fromGeometry(Point.fromLngLat( 119.86083984375, -1.834403324493515)), Feature.fromGeometry(Point.fromLngLat( 116.06637239456177, 5.970619502704659)), Feature.fromGeometry(Point.fromLngLat( 114.58740234375, 4.54357027937176)), Feature.fromGeometry(Point.fromLngLat( 118.19091796875, 5.134714634014467)), Feature.fromGeometry(Point.fromLngLat( 110.36865234374999, 1.4500404973608074)), Feature.fromGeometry(Point.fromLngLat( 109.40185546874999, 0.3076157096439005)), Feature.fromGeometry(Point.fromLngLat( 115.79589843749999, 1.5159363834516861)), Feature.fromGeometry(Point.fromLngLat( 113.291015625, -0.9667509997666298)), Feature.fromGeometry(Point.fromLngLat( 116.40083312988281, -0.3392008994314591)) }) )) .withImage(ICON_ID, BitmapUtils.getBitmapFromDrawable( getResources().getDrawable(R.drawable.map_marker_push_pin_pink))), new Style.OnStyleLoaded() { @Override public void onStyleLoaded(@NonNull Style style) { ValueAnimatorIconAnimationActivity.this.style = style; mapView.addOnDidFinishRenderingMapListener(ValueAnimatorIconAnimationActivity.this); } } ); } /** * Implementing this interface so that animation only starts once all tiles have been loaded * * @param fully whether or not the map is finished rendering */ @Override public void onDidFinishRenderingMap(boolean fully) { initAnimation(currentSelectedTimeInterpolator); initInterpolatorButtons(); } /** * Initialize and start the animation. * * @param desiredTimeInterpolator the type of Android system movement to animate the * SymbolLayer icons with. */ private void initAnimation(TimeInterpolator desiredTimeInterpolator) { if (animator != null) { animator.cancel(); } animator = ValueAnimator.ofFloat(STARTING_DROP_HEIGHT, -17); animator.setDuration(DROP_SPEED_MILLISECONDS); animator.setInterpolator(desiredTimeInterpolator); animator.setStartDelay(1000); animator.start(); animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator valueAnimator) { if (!animationHasStarted) { initSymbolLayer(); animationHasStarted = true; } pinSymbolLayer.setProperties(iconOffset(new Float[] {0f, (Float) valueAnimator.getAnimatedValue()})); } }); } /** * Add the SymbolLayer to the map */ private void initSymbolLayer() { pinSymbolLayer = new SymbolLayer(SYMBOL_LAYER_ID, "source-id"); pinSymbolLayer.setProperties( iconImage(ICON_ID), iconIgnorePlacement(true), iconAllowOverlap(true), iconOffset(new Float[] {0f, DEFAULT_DESIRED_ICON_OFFSET})); style.addLayer(pinSymbolLayer); } /** * Initialize the interpolator selection spinner menu */ private void initInterpolatorButtons() { FloatingActionButton bounceInterpolatorFab = findViewById(R.id.fab_bounce_interpolator); bounceInterpolatorFab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { currentSelectedTimeInterpolator = new BounceInterpolator(); resetIcons(); } }); FloatingActionButton linearInterpolatorFab = findViewById(R.id.fab_linear_interpolator); linearInterpolatorFab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { currentSelectedTimeInterpolator = new LinearInterpolator(); firstRunThrough = false; resetIcons(); } }); FloatingActionButton accelerateInterpolatorFab = findViewById(R.id.fab_accelerate_interpolator); accelerateInterpolatorFab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { currentSelectedTimeInterpolator = new AccelerateInterpolator(); firstRunThrough = false; resetIcons(); } }); FloatingActionButton decelerateInterpolatorFab = findViewById(R.id.fab_decelerate_interpolator); decelerateInterpolatorFab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { currentSelectedTimeInterpolator = new DecelerateInterpolator(); firstRunThrough = false; resetIcons(); } }); } private void resetIcons() { if (!firstRunThrough) { animationHasStarted = false; style.removeLayer(SYMBOL_LAYER_ID); initAnimation(currentSelectedTimeInterpolator); } } @Override protected void onStart() { super.onStart(); mapView.onStart(); } @Override public void onResume() { super.onResume(); mapView.onResume(); } @Override public void onPause() { super.onPause(); mapView.onPause(); } @Override protected void onStop() { super.onStop(); if (animator != null) { animator.end(); } mapView.onStop(); } @Override protected void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); mapView.onSaveInstanceState(outState); } @Override public void onLowMemory() { super.onLowMemory(); mapView.onLowMemory(); } @Override protected void onDestroy() { super.onDestroy(); mapView.onDestroy(); } } ```