TTRangeSlider alternatives and similar libraries
Based on the "Slider" category.
Alternatively, view TTRangeSlider alternatives based on common mentions on social networks and blogs.
HGCircularSlider8.5 0.0 L5 TTRangeSlider VS HGCircularSliderA custom reusable circular / progress slider control for iOS application.
ASValueTrackingSlider8.2 0.0 L5 TTRangeSlider VS ASValueTrackingSliderA UISlider subclass that displays the slider value in a popup view
Fluid Slider8.2 0.0 TTRangeSlider VS Fluid Slider:octocat:💧 A slider widget with a popup bubble displaying the precise value selected. Swift UI library made by @Ramotion
RangeSeekSlider7.0 0.0 L4 TTRangeSlider VS RangeSeekSliderRangeSeedSlider provides a customizable range slider like a UISlider.
AGCircularPickerAGCircularPicker is helpful component for creating a controller aimed to manage any calculated parameter
StepSlider5.8 0.0 L5 TTRangeSlider VS StepSliderStepSlider its custom implementation of slider such as UISlider for preset integer values.
MultiSlider5.2 3.9 TTRangeSlider VS MultiSliderUISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.
RangeSlider4.8 0.0 L5 TTRangeSlider VS RangeSliderA simple range slider made in Swift
SectionedSlider4.6 0.0 TTRangeSlider VS SectionedSlideriOS 11 Control Center Slider
CircularSlider4.2 0.0 L5 TTRangeSlider VS CircularSliderA powerful Circular Slider. It's written in Swift, it's 100% IBDesignable and all parameters are IBInspectable.
MARKRangeSlider3.8 0.0 L5 TTRangeSlider VS MARKRangeSliderA custom reusable slider control with 2 thumbs (range slider).
CircleSlider3.4 0.0 L5 TTRangeSlider VS CircleSliderCircleSlider is a Circular slider library. written in pure Swift.
WESlider2.4 0.0 L5 TTRangeSlider VS WESliderSimple and light weight slider with chapter management
VolumeControl2.3 0.0 L4 TTRangeSlider VS VolumeControlVolumeControl is a custom volume control for iPhone featuring a well-designed round slider.
IntervalSlider2.3 0.0 L5 TTRangeSlider VS IntervalSliderIntervalSlider is a slider library like ReutersTV app. written in pure swift.
VerticalSlider2.3 0.0 TTRangeSlider VS VerticalSliderVerticalSlider is a vertical slider control for iOS in Swift.
MMSegmentSlider1.8 0.0 L5 TTRangeSlider VS MMSegmentSliderCustomizable animated slider for iOS
PivotSlider0.9 0.0 L5 TTRangeSlider VS PivotSliderSlider that pivots
VSVerticalSliderAn animatable and customizable vertical slider written in Swift4.
GraduatedSlider0.4 3.9 TTRangeSlider VS GraduatedSliderA UISlider-like control with graduations (e.g. like sliders on DJ decks), can be used vertically or horizontally, optional haptic feedback
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of TTRangeSlider or a related project?
A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range.
TTRangeSlider is available through CocoaPods. To install it, simply add the following line to your Podfile:
Note that this control uses IB_DESIGNABLE, so for it to work well and not get warnings in Interface Builder, you should use the latest version of CocoaPods, and add the
use_frameworks! line. So your podfile may look something like
source 'https://github.com/CocoaPods/Specs.git' use_frameworks! pod “TTRangeSlider”
Add the TTRangeSlider like you would with any other UIControl. Either:
- Add a view in your storyboard/class and change it’s type to
TTRangeSlider. As long as you’re using >= XCode6 you can now use this control like any other, you can set all the properties in the Attributes Inspector and see a live preview:
[Interface Builder Screenshot](Example/interfacebuilder.png)
- Create the
TTRangeSliderin code using
[TTRangeSlider alloc] init]then add it as a subview to your code and set the relevant autolayout properties or frame.
The default slider ranges from 0->100 and has 10 preselected as the minimum, and 90 as the maximum.
Values that the user has selected are exposed using the
selectedMaximum properties. You can also use these properties to change the selected values programatically if you wish.
To be notified when the slider’s value changes, register your action method with the
UIControlEventValueChanged event. At runtime, the slider calls your method in response to the user changing the slider’s value.
Alternatively you can implement the
TTRangeSliderDelegate protocol and respond to changes in the
Other customisation of the control is done using the following properties:
The tintColor property (which you can also set in Interface Builder) sets the overall colour of the control, including the colour of the line, the two handles, and the labels.
It is safe to change the
tintColor at any time, if the control is currently visible the colour change will be animated into the new colour.
The tintColorBetweenHandles property sets the color of the line between the two handles.
The minimum possible value to select in the range
The maximum possible value to select in the range
The preselected minumum value (note: This should be less than the selectedMaximum)
The preselected maximum value (note: This should be greater than the selectedMinimum)
Each handle in the slider has a label above it showing the current selected value. By default, this is displayed as a decimal format.
You can override this default here by supplying your own NSNumberFormatter. For example, you could supply an NSNumberFormatter that has a currency style, or a prefix or suffix.
If this property is nil, the default decimal format will be used. Note: If you want no labels at all, set this value to be
(NSNumberFormatter *)[NSNull null] (as opposed to nil), to specifically mark that you want no labels
When set to
YES the labels above the slider controls will be hidden. Default is NO.
The minimum distance the two selected slider values must be apart. -1 for no minimum. Default is -1.
The maximum distance the two selected slider values must be apart. -1 for no maximum. Default is -1.
The colour of the minimum value text label. If not set, the default is the tintColor.
The colour of the maximum value text label. If not set, the default is the tintColor.
If true, the control will mimic a normal slider and have only one handle rather than a range.
In this case, the selectedMinValue will be not functional anymore. Use selectedMaxValue instead to determine the value the user has selected.
If true the control will snap to point at each
step (property) between minValue and maxValue. Default value is disabled.
enableStep is true, this controls the value of each step. E.g. if this value is 20, the control will snap to values 20,40,60...etc. Set this is you enable the
If set the image passed will be used for the handles.
If set it will update the color of the handles. Default is
If set it will update the size of the handles. Default is
If set it update the scaling factor of the handle when selected. Default is
1.7. If you don't want any scaling, set it to
Set the height of the line. It will automatically round the corners. If not specified, the default value will be
Sets an optional border on the outer lines (not the line inside the range) of the slider. Default is 0.
lineBorderWidth, set the colour of the line here.
If set it will update the color of the handle borders. Default is
If set it will update the size of the handle borders. Default is
If set it will update the size of the padding between label and handle. Default is
TTRangeSlider is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the TTRangeSlider README section above are relevant to that project's source code only.