Android高德地图自定义定位蓝点实现呼吸灯功能

还是先上个图吧:

cluster.gif

说下实现的原理,首先这个定位小蓝点是由两张图片组成的,最底层的一张白色圆形图片以及上一层的蓝色圆形图片,只要不停的对蓝色图片进行透明度动画操作就可以实现这个效果了。

看下高德的API

类 Animation

java.lang.Object
com.amap.api.maps.model.animation.Animation

直接已知子类:
[AlphaAnimation](http://a.amap.com/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/AlphaAnimation.html), [AnimationSet](http://a.amap.com/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/AnimationSet.html), [RotateAnimation](http://a.amap.com/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/RotateAnimation.html), [ScaleAnimation](http://a.amap.com/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/ScaleAnimation.html), [TranslateAnimation](http://a.amap.com/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/TranslateAnimation.html)

可以看出来,其实跟android的一样,但是有个坑爹就是setRepeatCount(); setRepeatMode();这两个方法居然没有。。这就有点尴尬了,那我们还是从头来捋捋。

1.实现定位蓝点自定义图标

//如果marker没有新建就新建,新建了就直接设定位置
if (mylocation == null) {
                //新建一个marker对象
                MarkerOptions markerOptions1 = new MarkerOptions();
                markerOptions1.icon(big); //设置底图图片
                markerOptions1.position(new LatLng(location.getLatitude(), location.getLongitude())); //设置位置
                bigPosition = aMap.addMarker(markerOptions1); //地图添加marker
                MarkerOptions markerOptions = new MarkerOptions();
                markerOptions.icon(small);//设置上层图片

     
                markerOptions.position(new LatLng(location.getLatitude(), location.getLongitude()));
                mylocation = aMap.addMarker(markerOptions);


            } else {

                bigPosition.setPosition(new LatLng(location.getLatitude(), location.getLongitude()));
                mylocation.setPosition(new LatLng(location.getLatitude(), location.getLongitude()));

            }

2.设置动画

AlphaAnimation alpha = new AlphaAnimation(1, 0.2f);//新建透明度动画
        alpha.setDuration(1500);//设置动画持续时间
        mylocation.setAnimation(alpha);//图片设置动画
        mylocation.startAnimation();//开始动画
        
        mylocation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart() {

            }
            @Override
            public void onAnimationEnd() {
                
                AlphaAnimation alpha = new AlphaAnimation(0.2f, 1);
                alpha.setDuration(1500);
                mylocation.setAnimation(alpha);
                mylocation.startAnimation();
            }
        });

现在就实现了一次呼吸灯的效果。

3.实现持续的呼吸灯效果

                Timer timer = new Timer();
                TimerTask timerTask = new TimerTask() {
                    @Override
                    public void run() {
                        anim();
                    }
                };
                timer.schedule(timerTask, 0, 3000);

其实就是用一个计时器反复的播放这个动画罢了,至此,呼吸灯效果就算实现好了。

你可能感兴趣的:(Android高德地图自定义定位蓝点实现呼吸灯功能)