Giter VIP home page Giter VIP logo

mindinventory / radarkit Goto Github PK

View Code? Open in Web Editor NEW
7.0 4.0 0.0 81.2 MB

The Radar Kit allowing you to locate places, trip neary by you Or it will help you to search out the people around you with the few lines of code..!!!

Home Page: https://www.mindinventory.com/iphone-application-development.php

License: MIT License

Swift 97.29% Ruby 2.03% Objective-C 0.67%
swift5 animation places nearby ios earth circular sonar tracking detector

radarkit's Introduction

RadarKit

Preview

Discover the world ๐ŸŒŽ around you..!!!

The Radar Kit allowing you to locate places, trip neary by you Or it will help you to search out the people around you with the few lines of code..!!!

The Pod has been used in a project where we discover the list of languages that user want to learn which they can see like below

gif

Get more for UI/UX from dribbble

Requirements

  • iOS 12.0+
  • Xcode 12.0+

Installation

To install it, simply add the following line to your Podfile:

pod 'RadarKit', git: 'https://github.com/parthgohel2810/RadarKit.git', branch: 'main'

Usage

  1. Change the class of a view from UIView to CustomRadarView
@IBOutlet private weak var radarView: CustomRadarView!
  1. Programmatically:
let radarView = CustomRadarView(frame: myFrame)

Customization

    private func configureRadarView() {
        
        radarView.delegate = self
        radarView.dataSource = self
        radarView.diskRadius = 0.0
        radarView.dotColor = .ringStroke.filterNil
        radarView.circleOnColor = .ringOnColor.filterNil
        radarView.circleOffColor = .ringStroke.filterNil
        radarView.numberOfCircles = 4
        radarView.isRotateRingAnimation = true
        radarView.paddingBetweenCircle = 36
        radarView.paddingBetweenItems = 20
        radarView.enableRippleEffect = false
    }

diskRadius

The radius of the central disk in the view, if you would like to hide it, you can set the radius to 0

diskColor

The color of the central disk in the view, the default color is ripplePink color

minimumCircleRadius

This property make distance between the first circle and the central disk

numberOfCircles

The number of circles to draw around the disk, the default value is 3

paddingBetweenCircle

The padding between circles, circles could be drawn outside the frame

circleOffColor

The color of the off status of the circle, used for animation

circleOnColor

The color of the on status of the circle, used for animation

animationDuration

The duration of the animation, the default value is 0.9
You can start/ stop the animation at any time by calling startAnimation() & stopAnimation()

isRotateRingAnimation

Allows circle to rotate, used for animation

dotColor

The color of the two dots which place at two end of circle,

paddingBetweenItems

The padding between items, the default value is 10

remove Ripple effect behind the item

For removal of Ripple effect use enableRippleEffect property

Add items

If you would like to add one item, use the method add(item:using:) If you would like to add multiple items, it's recommended to use the method add(items:using:) for more detail and information please refer Example project

remove an item

For removal of an item, use the method remove(item:)

Customise an item

If you would like to customize items, use the protocol RadarViewDataSource and implement:

radarView?.dataSource = self 
...
func radarView(radarView: RadarView, viewFor item: Item, preferredSize: CGSize) -> UIView {
        let myCustomItemView = UIView(frame: CGRect(x: 0, y: 0, width: preferredSize.width, height: preferredSize.height))
        return myCustomItemView
}

CallBack

Action on items can be detected using the protocol RadarViewDelegate and implement:

radarView?.delegate = self 
...
 func radarView(radarView: RadarView, didSelect item: Item) {
        print(item.uniqueKey)
}

๐Ÿ“ฑ Check out other lists of our Mobile UI libraries



๐Ÿ’ป Check out other lists of Web libraries



Check out our Work



๐Ÿ“„ License

MI-RadarKit is MIT-licensed.

If you use our open-source libraries in your project, please make sure to credit us and Give a star to www.mindinventorycom

app development

radarkit's People

Contributors

access-mindinventory avatar parthgohel2810 avatar riddhi-mi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

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.