All Projects → Andy1984 → AORangeSlider

Andy1984 / AORangeSlider

Licence: other
AORangeSlider is a custom UISlider with two handlers to pick a minimum and a maximum range.

Programming Languages

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

Projects that are alternatives of or similar to AORangeSlider

Ion.rangeslider
jQuery only range slider
Stars: ✭ 2,494 (+2941.46%)
Mutual labels:  slider, range, rangeslider
React Slider
Accessible, CSS agnostic, slider component for React.
Stars: ✭ 627 (+664.63%)
Mutual labels:  slider, range
React Range
🎚️Range input with a slider. Accessible. Bring your own styles and markup.
Stars: ✭ 545 (+564.63%)
Mutual labels:  slider, range
range-slider
Customizable slider (range) component for JavaScript with no dependencies
Stars: ✭ 26 (-68.29%)
Mutual labels:  slider, range
react-simple-range
🔉 React slider component for inputting a numeric value within a range.
Stars: ✭ 20 (-75.61%)
Mutual labels:  slider, range
Range Slider
The simplest JavaScript custom range slider ever!
Stars: ✭ 41 (-50%)
Mutual labels:  slider, range
Rangeseekbar
A beautiful and powerful SeekBar what supports single、 range、steps、vetical、custom( 一款美观强大的支持单向、双向范围选择、分步、垂直、高度自定义的SeekBar)
Stars: ✭ 2,037 (+2384.15%)
Mutual labels:  slider, range
TimeRangePicker
A customizable, easy-to-use, and functional circular time range picker library for Android. Use this library to mimic Apple's iOS or Samsung's bedtime picker.
Stars: ✭ 266 (+224.39%)
Mutual labels:  slider, range
Rangetouch
A super tiny library to make `<input type='range'>` sliders work better on touch devices
Stars: ✭ 224 (+173.17%)
Mutual labels:  slider, range
React Slider Kit
react-slider-kit is going to be a comprehensive solution to slider feature in react.
Stars: ✭ 219 (+167.07%)
Mutual labels:  slider, range
vue-histogram-slider
Range slider with histogram for Vue.js
Stars: ✭ 111 (+35.37%)
Mutual labels:  slider, range
wui
Collection of GUI widgets for the web
Stars: ✭ 44 (-46.34%)
Mutual labels:  slider, rangeslider
DoubleSliderView-swift
双向滑动,滑块可以重叠, 左边滑块不能移动到右边滑块的右边。Two slider can overlap, and the left slider can not be moved to right of the right slider
Stars: ✭ 28 (-65.85%)
Mutual labels:  slider, doubleslider
LinqBenchmarks
Benchmarking LINQ and alternative implementations
Stars: ✭ 138 (+68.29%)
Mutual labels:  range
text-editor
A text selection range API written in pure JavaScript, for modern browsers.
Stars: ✭ 24 (-70.73%)
Mutual labels:  range
jquery-datepicker
A full-featured datepicker jquery plugin
Stars: ✭ 35 (-57.32%)
Mutual labels:  range
SimpleSlider
Simple responsive slider created in pure javascript.
Stars: ✭ 21 (-74.39%)
Mutual labels:  slider
slider
Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support).
Stars: ✭ 162 (+97.56%)
Mutual labels:  range
httputils
Http工具包:OkHttp轻量封装 、功能全面、设计力求优雅与纯粹,Java领域前后端处Http问题的新选择。
Stars: ✭ 21 (-74.39%)
Mutual labels:  range
vue-barousel
Carousel component mimics NetEase Cloud Music
Stars: ✭ 13 (-84.15%)
Mutual labels:  slider

AORangeSlider

Screenshot gif

AORangeSlider is a custom UISlider with two handlers to pick a minimum and a maximum range.

Adding AORangeSlider to your project

CocoaPods is the recommended way to add AORangeSlider to your project. Add the following line to your Podfile:

pod 'AORangeSlider', '~> 1.0'

Adding AORangeSlider if your project is written in OC

#import <AORangeSlider/AORangeSlider-Swift.h>

You can see the .h file. Scroll down and you can see the api.

Alternatively

@import AORangeSlider

Usage

let rangeSlider = AORangeSlider(frame: frame)
view.addSubView(rangeSlider)

To observe value changes when using gesture

rangeSlider.addTarget(self, action: #selector(sliderValueChanged(sender:)), for: .valueChanged)

is enough, but it cannot observe changes when value being changed programmatically. Thus, valuesChangedHandler is a better way.

If you want to call a method only when touch ends

rangeSlider.changeValueContinuously = false;
rangeSlider.addTarget(self, action: #selector(sliderValueChanged(sender:)), for: .valueChanged)

else if you want to call a method whenever the value changes, no matter by code or by touch,

rangeSlider.valuesChangedHandler = {
    //write your code here, and pay attention to Circular Reference.
}

Configuration

  • minimumValue : The minimum possible value of the range
  • maximumValue : The maximum possible value of the range
  • lowHandleImageNormal: The image of low thumb
  • highHandleImageNormal: The image of high thumb
  • lowValue: set low value programmatically
  • highValue: set high value programmatically
  • func setValue(low: Double, high: Double, animated: Bool) set values animated
  • stepValue: move animatedly to a stepValue when touch ends
  • stepValueContinuously: If true, the thumb will not move until it hit a new step
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].