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

还是先上个图吧:

c22ad9602624?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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);

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值