Coder Social home page Coder Social logo

androidradar's Introduction

AndroidRadar

Android library for a radar view with scan and load points as image or colored circle

          

Download:

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.

Usages:

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

Advenced usages:

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

androidradar's People

Contributors

smasini avatar

Stargazers

Dheeraj Kotwani avatar Jaydip_Meghapara(JD) avatar Balasubramaniam K R avatar chonamdoo avatar Ashish Agre avatar

Watchers

James Cloos avatar Balasubramaniam K R avatar Tushar Kshirsagar avatar  avatar

Forkers

tpakis

androidradar's Issues

identify click image

i have always identify 1 image when click on any circle or radar. i get specific image on click of item or image title.

java.lang.NullPointerException

java.lang.NullPointerException: Attempt to invoke virtual method 'java.lang.String java.lang.Object.toString()' on a null object reference at it.smasini.radar.RadarPointTarget.onBitmapFailed(RadarPointTarget.java:39) at com.squareup.picasso.TargetAction.error(TargetAction.java:49) at com.squareup.picasso.Picasso.deliverAction(Picasso.java:563) at com.squareup.picasso.Picasso.complete(Picasso.java:510) at com.squareup.picasso.Picasso$1.handleMessage(Picasso.java:117) at android.os.Handler.dispatchMessage(Handler.java:102) at android.os.Looper.loop(Looper.java:148) at android.app.ActivityThread.main(ActivityThread.java:5417) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:726) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:616)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.