• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

aarsy/GoogleMapsAnimations: [DEPRECATED]"GoogleMapsAnimations is an awesome ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

aarsy/GoogleMapsAnimations

开源软件地址:

https://github.com/aarsy/GoogleMapsAnimations

开源编程语言:

Java 100.0%

开源软件介绍:

Android Arsenal

[Deprecated]GoogleMapsAnimations

"GoogleMapsAnimations" is an awesome first of its type android library for showing a ripple and radar animations on a google map, e.g show catchment area of an earthquake where ripples have been felt, give prominence to certain markers which need to be highlighted. Also add a ripple when your user is moving on the map and give a #PokemonGo type ripple effect and also add a radar type effect to show users that you are searching in certain area

Below samples show the ripple effect in action:


Download

Using Gradle: under dependencies section:

compile 'com.github.aarsy.googlemapsanimations:googlemapsanimations:1.0.5'

or Using Maven:

<dependency>
    <groupId>com.github.aarsy.googlemapsanimations</groupId>
    <artifactId>googlemapsanimations</artifactId>
    <version>1.0.5</version>
    <type>pom</type>
</dependency>

Documentation

Ripple Animation

Default Ripple animation

Just two lines of code :
Use .startRippleMapAnimation() and .stopRippleMapAnimation() methods to start and stop Animation.
Example is given below (Preview shown above in first sample)

// mMap is GoogleMap object, latLng is the location on map from which ripple should start
MapRipple mapRipple = new MapRipple(mMap, latLng, context);
mapRipple.startRippleMapAnimation();      //in onMapReadyCallBack

@Override
protected void onStop() {
    super.onStop();
    if (mapRipple.isAnimationRunning()) {
        mapRipple.stopRippleMapAnimation();
    }
}

// Start Animation again only if it is not running
if (!mapRipple.isAnimationRunning()) {
    mapRipple.startRippleMapAnimation();
}

Advanced Ripple animation

Example is given below (Preview shown above in second sample)

// mMap is GoogleMap object, latLng is the location on map from which ripple should start
MapRipple mapRipple = new MapRipple(mMap, latLng, context)
                            .withNumberOfRipples(3)
                            .withFillColor(Color.BLUE)
                            .withStrokeColor(Color.BLACK)
                            .withStrokewidth(10)      // 10dp
                            .withDistance(2000)      // 2000 metres radius
                            .withRippleDuration(12000)    //12000ms
                            .withTransparency(0.5f);
                    
mapRipple.startRippleMapAnimation();
// Use same procedure to stop Animation and start it again as mentioned anove in Default Ripple Animation Sample

Update center of ripple as location changes(Needed when user moves)

Just one line of code is needed:
Use .mapRipple.withLatLng(LatLng changedLatlng) method anytime in future to update center of ripple.

// after implementing LocationListener interface to current class use:
@Override
public void onLocationChanged(Location location) {
    mapRipple.withLatLng(new LatLng(location.getLatitude(), location.getLongitude()));
}
//See the sample for more help.

Radar Animation

Simple Clockwise Radar animation

Just two lines of code :
Use .startRadarAnimation() and .stopRadarAnimation() methods to start and stop Animation.
Example is given below (Preview shown above in third sample)

// mMap is GoogleMap object, latLng is the location on map from which ripple should start
MapRadar mapRadar = new MapRadar(mMap, latLng, context)
                            .withDistance(2000)
                            .withOuterCircleStrokeColor(0xfccd29)
                            .withRadarColors(0x00fccd29, 0xfffccd29)
                            //withRadarColors() have two parameters, startColor and tailColor respectively
                            //startColor should start with transparency, here 00 in front of fccd29 indicates fully transparent
                            //tailColor should end with opaqueness, here f in front of fccd29 indicates fully opaque
                            .startRadarAnimation();      //in onMapReadyCallBack

@Override
protected void onStop() {
    super.onStop();
    if (mapRadar.isAnimationRunning()) {
        mapRadar.stopRadarAnimation();
    }
}

Advanced Clockwise and AntiClockwise Radar animation

Example is given below (Preview shown above in fourth sample)

// mMap is GoogleMap object, latLng is the location on map from which ripple should start
MapRadar mapRadar = new MapRadar(mMap, latLng, context)
                            .withDistance(2000)
                            .withOuterCircleStrokeColor(0xfccd29)
                            .withOuterCircleStrokewidth(7)
                            .withOuterCircleTransparency(0.4f)
                            .withClockWiseAnticlockwise(true)		//enable both side rotation
                            .withClockwiseAnticlockwiseDuration(2)
                            //withClockwiseAnticlockwiseDuration(duration), here duration denotes how much cycles should animation makes in 
                            //one direction
                            .withOuterCircleFillColor(0x12000000)
                            .withRadarColors(0x00fccd29, 0xfffccd29)
                            //withRadarColors() have two parameters, startColor and tailColor respectively
                            //startColor should start with transparency, here 00 in front of fccd29 indicates fully transparent
                            //tailColor should end with opaqueness, here f in front of fccd29 indicates fully opaque
                            .withRadarSpeed(5) //controls radar speed
                            .withRadarTransparency(0.4f);
mapRadar.startRadarAnimation();      //in onMapReadyCallBack

@Override
protected void onStop() {
    super.onStop();
    if (mapRadar.isAnimationRunning()) {
        mapRadar.stopRadarAnimation();
    }
}

Update center of radar as location changes(Needed when user moves)

Just one line of code is needed:
Use .mapRadar.withLatLng(LatLng changedLatlng) method anytime in future to update center of radar.

// after implementing LocationListener interface to current class use:
@Override
public void onLocationChanged(Location location) {
    mapRadar.withLatLng(new LatLng(location.getLatitude(), location.getLongitude()));
}
//See the sample for more help.

Build the sample

To build the sample project, enable the project explorer under Android view, just go to res/values and find google_maps_api.xml(debug). Generate a google maps API key for yourself and enter it in this file, the SHA-1 fingerprint already given in the file is mine but you should generate your own. Follow these if you need some help. http://stackoverflow.com/questions/15727912/sha-1-fingerprint-of-keystore-certificate https://developers.google.com/maps/documentation/android-api/start

Compatibility

Minimum Android SDK: This library requires a minimum API level of 14.

License

Copyright 2017 Abhay Raj Singh Yadav(arsy).

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap