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 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,118评论 25 708
  • 首先看下高德默认的小蓝点效果 再来看下我们产品要实现的效果 要自定义定位点,首先要展示当前定位点,用到这个属性,设...
    SAW_阅读 10,937评论 24 28
  • #幸福是需要修出来的~每天进步1%~幸福实修13班~20徐则兰 # 20171230(30/60) 【幸福三朵玫瑰...
    徐则兰阅读 180评论 3 2
  • https://www.firstwordpharma.com/node/1402521 吉利德宣布第二季度利润、...
    无是书徒阅读 241评论 0 0
  • 今天一天都在外面浪~只为了有一万步,为了达标步数免费使用apple watch…… 设定的周目标只完成了三分之一,...
    公举夜未眠阅读 156评论 0 0