1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > android呼吸灯动画 Android高德地图自定义定位蓝点实现呼吸灯功能

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

时间:2020-04-09 14:35:37

相关推荐

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

还是先上个图吧:

cluster.gif

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

看下高德的API

类 Animation

java.lang.Object

com.amap.api.maps.model.animation.Animation

直接已知子类:

[AlphaAnimation](/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/AlphaAnimation.html), [AnimationSet](/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/AnimationSet.html), [RotateAnimation](/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/RotateAnimation.html), [ScaleAnimation](/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/animation/ScaleAnimation.html), [TranslateAnimation](/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);

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。