Android library for a radar view with scan and load points as image or colored circle
Add this to your gradle file:
compile 'it.smasini:android-radar:1.0'
compile 'com.squareup.picasso:picasso:2.5.2'We need picasso for loading image.
In your xml add the RadarView, like this:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<it.smasini.radar.RadarView
app:load_async_image="true"
app:center_pin_color="#000000"
app:background_color="#FFFFFF"
app:arrow_color="#4CAF50"
app:pins_radius="100"
android:id="@+id/radar_view"
app:radar_background="@drawable/radar_background"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>In the activity we need to set a reference point, and then we can call method for start or stop the animation of the arrow:
radarView.setReferencePoint(new RadarPoint("center", 44.139644f,12.246429f));
radarView.startAnimation();
radarView.stopAnimation();We can set a List of point like this:
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
RadarPoint r1 = new RadarPoint("identifier1", 44.139175f,12.247117f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r2 = new RadarPoint("identifier2", 44.138205f,12.248533f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r3 = new RadarPoint("identifier3", 44.137265f,12.250056f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r4 = new RadarPoint("identifier4", 44.134374f,12.251215f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r5 = new RadarPoint("identifier5", 44.132491f,12.248833f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r6 = new RadarPoint("identifier6", 44.130676f,12.248908f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r7 = new RadarPoint("identifier7", 44.128889f,12.248286f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r8 = new RadarPoint("identifier8", 44.124769f,12.242053f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r9 = new RadarPoint("identifier9", 44.118592f,12.242053f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
RadarPoint r10 = new RadarPoint("identifier10", 44.116289f,12.240840f, "http://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg");
points.add(r1);
points.add(r2);
points.add(r3);
points.add(r4);
points.add(r5);
points.add(r6);
points.add(r7);
points.add(r8);
points.add(r9);
points.add(r10);
radarView.setPoints(points);
}
}, 10000);Other Attributes:
app:radar_background='@drawable/radar_background'//res for image of background
app:load_async_image='@drawable/radar_background'//force to load image from url or draw pin without image
app:center_pin_radius="20" // Radius of the pin in the center
app:pins_radius="20" // Radius of pins on the Radar
app:pins_color="@color/light_green" // Color of pins on the Radar
app:background_color="@color/light_green" // Color of the circle of the Radar
app:arrow_color="@color/light_green" // Color of arrow that animate the Radar
app:center_pin_color="@color/fourth_color" // Color of the pin in the center
app:radar_image="@drawable/radar_background" // image of the radar
app:pins_image="@drawable/pin" // pins icon
app:center_pin_image="@drawable/center_pin" // center pin icon
app:max_distance="-1" // Max distance by metters to cover, -1 to infinit, default velue is 10000
As My Extended addition