Skip to content

Latest commit

 

History

History
178 lines (130 loc) · 6.43 KB

README.md

File metadata and controls

178 lines (130 loc) · 6.43 KB

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



📝 Get FREE Industry WhitePapers →

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