All Projects → KiranJasvanee → KJCircularSlider

KiranJasvanee / KJCircularSlider

Licence: MIT license
Slide circularly. Soon more extended version about to come!

Programming Languages

swift
15916 projects
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to KJCircularSlider

rn-circular-slider
React Native circular slider based on react-native-svg
Stars: ✭ 25 (+8.7%)
Mutual labels:  slider, circular
ANODA-Turn-Timer
ANODA Open Source iOS Swift example app
Stars: ✭ 19 (-17.39%)
Mutual labels:  ios-app, iphone-app
Jocircularslider
A highly customisable and reusable circular slider for iOS applications.
Stars: ✭ 128 (+456.52%)
Mutual labels:  slider, circular
radiaSlider
circular/linear knob-style slider
Stars: ✭ 18 (-21.74%)
Mutual labels:  slider, circular
Mscircularslider
A fully-featured, powerful circular slider for iOS applications
Stars: ✭ 94 (+308.7%)
Mutual labels:  slider, circular
Hgcircularslider
A custom reusable circular / progress slider control for iOS application.
Stars: ✭ 2,240 (+9639.13%)
Mutual labels:  slider, circular
o-fish-ios
iOS app for the Officer's Fishery Information Sharing Hub (O-FISH). The mobile app allows fisheries officers to document and share critical information gathered during a routine vessel inspection.
Stars: ✭ 28 (+21.74%)
Mutual labels:  ios-app, iphone-app
MiniSuperApp-fastcampus
슈퍼앱 운영을 위한 확장성 높은 앱 아키텍처 구축 by 노수진 https://fastcampus.co.kr/dev_red_rsj
Stars: ✭ 209 (+808.7%)
Mutual labels:  ios-app
FootballDataSwiftUI
Display Football Data such as scores, upcoming match, team standing, top scorers with football Data API and SwiftUI
Stars: ✭ 76 (+230.43%)
Mutual labels:  ios-app
BilibiliCD
用来下载B站视频封面的 iOS App
Stars: ✭ 13 (-43.48%)
Mutual labels:  ios-app
Pulse
❤️ A heart rate camera pulse detector written in Swift.
Stars: ✭ 53 (+130.43%)
Mutual labels:  ios-app
TsinghuaNet
清华大学校园网客户端与联网库,适用于 UWP、iOS、Android,其余平台见 tunet-rust
Stars: ✭ 67 (+191.3%)
Mutual labels:  ios-app
vue-onlySlider-x
Vue的移动端Slider滑动组件。无依赖、功能单一,只有左右滑动功能。如果你需要的仅仅是一个banner,那你可能需要它!
Stars: ✭ 35 (+52.17%)
Mutual labels:  slider
Flutter slider drawer
You can make slider drawer type ui by this plugin
Stars: ✭ 152 (+560.87%)
Mutual labels:  slider
gatrabali-app
BaliFeed (formerly Gatra Bali) - News reader app built using Flutter
Stars: ✭ 40 (+73.91%)
Mutual labels:  ios-app
reviewery-mobile
iOS application to rate songs in Spotify playlists
Stars: ✭ 15 (-34.78%)
Mutual labels:  ios-app
Social-Dating-iOS-App
📱 pH7 Social Dating iOS App allows you to use pH7CMS through an easy-going and intuitive iOS webview app. Core is 100% open source and as always contributions are welcome
Stars: ✭ 22 (-4.35%)
Mutual labels:  ios-app
vue-histogram-slider
Range slider with histogram for Vue.js
Stars: ✭ 111 (+382.61%)
Mutual labels:  slider
MaTiSSe
Markdown To Impressive Scientific Slides
Stars: ✭ 43 (+86.96%)
Mutual labels:  slider
QtMobileApp
This repository contains basic template for Qt for mobile app development using QML and C++ as backend to access RESTful API's
Stars: ✭ 16 (-30.43%)
Mutual labels:  ios-app

THIS PROJECT IS NO LONGER MAINTAINED. SOON WILL COME UP WITH SWIFTUI


KJCircularSlider

Twitter: @KiranJasvanee License: MIT Issues Forks Stars Language

NOTE: Pod version requires 1.2.0 & later

Preview

Slide your progress through circular!

KJCircularSlider

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Requirements

  • Swift 3.0.1 or later
  • iOS 10.1 or later

CocoaPods

KJCircularSlider is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'KJCircularSlider', '~> 0.2.0'

Usage

KJCircularSlider can be used via code or interface builder. You can add two or more KJCircularSlider's in single view.

  • If configuring via code, use the traditional init methods and properties.

  • If using Interface Builder, add UIView on your interface builder, add KJCircularSlider in 'Class' & 'Module' properties of Identity inspector of added UIView.

Use following properties to edit design layout. Add your layout settings in viewDidAppear.

// declare instance of KJCircularSlider by connecting to UIView outlet at interface builder
@IBOutlet weak var circularSliderLarge: KJCircularSlider!
// use showPrecision boolean property to allow or not a precisions in percentage value.
circularSliderLarge.showPrecision = true

// use sliderWidth property value to apply width in circular
circularSliderLarge.sliderWidth = 2.0

// use sliderColor property value to apply color in circular
circularSliderLarge.sliderColor = UIColor.black

// use sliderSelectedAreaWidth property value to apply width in selected circular area
circularSliderLarge.sliderSelectedAreaWidth = 10.0

// use sliderSelectedAreaWidth property value to apply color in selected circular area
circularSliderLarge.sliderSelectedAreaColor = UIColor.orange

// use sliderCapColor property value to apply cap color
circularSliderLarge.sliderCapColor = UIColor.green

// use sliderCapColor boolean property value to weather fill or not a cap with cap color
circularSliderLarge.sliderCapFillColor = true

// use KJCircularDelegate, a delegate property to receive processed percentage value by using it's protocol method.
circularSliderLarge.KJCircularDelegate = self

Method

// use this protocol method to receive slider values
func getPercentage(circularSliderInstance: KJCircularSlider, percentValue: Float) {
        
        // use your declared instance for comparision, when you want use particular slider values at the time of two or more KJCircularSlider's available in single view.
        // access of specific small slider values
        if circularSliderInstance == circularSliderSmall {
            labelPercentForSmallerCircularSlider.text = "\(percentValue)%"
        }
    }

Author

Kiran Jasvanee, [email protected], Skype: KiranJasvanee

License

KJCircularSlider is available under the MIT license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].