RangeSeekSlider alternatives and similar libraries
Based on the "UI" category.
Alternatively, view RangeSeekSlider alternatives based on common mentions on social networks and blogs.
-
Charts
Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart. -
Material
A UI/UX framework for creating beautiful applications. -
LTMorphingLabel
[EXPERIMENTAL] Graceful morphing effects for UILabel written in Swift. -
NVActivityIndicatorView
A collection of awesome loading animations -
Animated Tab Bar
:octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion -
folding-cell
:octocat: 📃 FoldingCell is an expanding content cell with animation made by @Ramotion -
JTAppleCalendar
The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable -
FSPagerView
FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. -
SwiftMessages
A very flexible message bar for iOS written in Swift. -
Macaw
Powerful and easy-to-use vector graphics Swift library with SVG support -
AMScrollingNavbar
Scrollable UINavigationBar that follows the scrolling of a UIScrollView -
SwiftEntryKit
SwiftEntryKit is a presentation library for iOS. It can be used to easily display overlays within your iOS apps. -
Pagemenu
A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram) -
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
TextFieldEffects
Custom UITextFields effects inspired by Codrops, built using Swift -
Alerts Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date... -
SPPermission
Universal API for request permission and get its statuses. -
SideMenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less. -
Scrollable-GraphView
An adaptive scrollable graph view for iOS to visualise simple discrete datasets. Written in Swift. -
PermissionScope
A Periscope-inspired way to ask for iOS permissions. -
ImagePicker
:camera: Reinventing the way ImagePicker works. -
Material Components for iOS
[In maintenance mode] Modular and customizable Material Design UI components for iOS -
SCLAlertView
Beautiful animated Alert View. Written in Swift -
ESTabBarController
:octocat: ESTabBarController is a Swift model for customize UI, badge and adding animation to tabbar items. Support lottie! -
NotificationBanner
The easiest way to display highly customizable in app notification banners in iOS -
Instructions
Create walkthroughs and guided tours (coach marks) in a simple way, with Swift. -
ActiveLabel
UILabel drop-in replacement supporting Hashtags (#), Mentions (@) and URLs (http://) written in Swift -
SlideMenuControllerSwift
iOS Slide Menu View based on Google+, iQON, Feedly, Ameba iOS app. It is written in pure swift. -
TLYShyNavBar
Unlike all those arrogant UINavigationBar, this one is shy and humble! Easily create auto-scrolling navigation bars! -
PKHUD
A Swift based reimplementation of the Apple HUD (Volume, Ringer, Rotation,…) for iOS 8. -
Siren
Notify users when a new version of your app is available and prompt them to upgrade. -
DGElasticPullToRefresh
Elastic pull to refresh for iOS developed in Swift -
PopupDialog
A simple, customizable popup dialog for iOS written in Swift. Replaces UIAlertController alert style. -
StarWars.iOS
This component implements transition animation to crumble view-controller into tiny pieces. -
Persei
Animated top menu for UITableView / UICollectionView / UIScrollView written in Swift -
KMNavigationBarTransition
A drop-in universal library helps you to manage the navigation bar styles and makes transition animations smooth between different navigation bar styles while pushing or popping a view controller for all orientations. And you don't need to write any line of code for it, it all happens automatically. -
Whisper
:mega: Whisper is a component that will make the task of display messages and in-app notifications simple. It has three different views inside -
CircleMenu
:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by @Ramotion -
RazzleDazzle
A simple keyframe-based animation framework for iOS, written in Swift. Perfect for scrolling app intros. -
Parchment
A paging view controller with a highly customizable menu ✨ -
PaperOnboarding
:octocat: PaperOnboarding is a material design UI slider. Swift UI library by @Ramotion -
DOFavoriteButton
Cute Animated Button written in Swift. -
XLActionController
Fully customizable and extensible action sheet controller written in Swift
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 RangeSeekSlider or a related project?
README
RangeSeekSlider
Overview
RangeSeekSlider
provides a customizable range slider like a UISlider.
This library is based on TomThorpe/TTRangeSlider (Objective-C) and made with Swift.
[demo](images/demo.gif)
Demo
You can try on Appetize.io
or
Build Xcode project.
- Open RangeSeekSlider.xcodeproj.
- Change Scheme to
RangeSeekSliderDemo
- Run
Usage
Add the RangeSeekSlider like you would with any other UIControl. Either:
- Add a view in your storyboard/xib and change its
Class
andModule
toRangeSeekSlider
. You can set all the properties in the Attributes Inspector and see a live preview:
[Interface Builder Module Screenshot](images/interface_builder_module.png)
[Interface Builder Screenshot](images/interface_builder.png)
or
- Create the
RangeSeekSlider
in code usingRangeSeekSlider()
then add it as a subview to your code and set the relevant autolayout properties or frame.
The default slider ranges from 0.0 -> 100.0 and has 10.0 preselected as the minimum, and 90.0 as the maximum.
Values that the user has selected are exposed using the selectedMinValue
and selectedMaxValue
properties. You can also use these properties to change the selected values programatically if you wish.
Other customisation of the control is done using the following properties:
tintColor
The tintColor property (which you can also set in Interface Builder) sets the overall color of the control, including the color 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 color change will be animated into the new color.
minValue
The minimum possible value to select in the range
maxValue
The maximum possible value to select in the range
selectedMinValue
The preselected minumum value (note: This should be less than the selectedMaxValue)
selectedMaxValue
The preselected maximum value (note: This should be greater than the selectedMinValue)
minLabelFont
The font of the minimum value text label. If not set, the default is system font size 12.0
.
maxLabelFont
The font of the maximum value text label. If not set, the default is system font size 12.0
.
numberFormatter
Each handle in the slider has a label above it showing the current selected value. If you change number format, update each properties of NumberFormatter
. By default, this is displayed as a decimal format.
hideLabels
When set to true
the labels above the slider controls will be hidden. Default is false
.
labelsFixed
Fixes the labels above the slider controls. If true
, labels will be fixed to both ends. Otherwise labels will move with the handles. Default is false
.
minDistance
The minimum distance the two selected slider values must be apart. Default is 0.0
.
maxDistance
The maximum distance the two selected slider values must be apart. Default is CGFloat.greatestFiniteMagnitude
.
minLabelColor
The color of the minimum value text label. If not set, the default is the tintColor.
maxLabelColor
The color of the maximum value text label. If not set, the default is the tintColor.
handleColor
If set it will update the color of the handles. Default is tintColor
.
colorBetweenHandles
The colorBetweenHandles property sets the color of the line between the two handles.
handleBorderColor
If set it will update the color of the handle borders. Default is tintColor
.
initialColor
The color of the entire slider when the handle is set to the minimum value and the maximum value. Default is nil.
disableRange
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.
enableStep
If true
the control will snap to point at each step
(property) between minValue and maxValue. Default value is disabled.
step
If 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 enableStep
property.
handleImage
If set the image passed will be used for the handles.
handleDiameter
If set it will update the size of the handles. Default is 16.0
.
selectedHandleDiameterMultiplier
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 1.0
.
lineHeight
Set the height of the line. It will automatically round the corners. If not specified, the default value will be 1.0
.
handleBorderWidth
If set it will update the size of the handle borders. Default is 0.0
labelPadding
If set it will update the size of the padding between label and handle. Default is 8.0
minLabelAccessibilityLabel
The label displayed in accessibility mode for minimum value handler. If not set, the default is empty String.
maxLabelAccessibilityLabel
The label displayed in accessibility mode for maximum value handler. If not set, the default is empty String.
minLabelAccessibilityHint
The brief description displayed in accessibility mode for minimum value handler. If not set, the default is empty String.
maxLabelAccessibilityHint
The brief description displayed in accessibility mode for maximum value handler. If not set, the default is empty String.
func setupStyle()
When subclassing RangeSeekSlider
and setting each item in setupStyle()
, the design is reflected in Interface Builder as well.
[setup_style.gif](images/setup_style.gif)
Requirements
- Swift 3.0+
- iOS 9.0+
Installation
Carthage
RangeSeekSlider is available through Carthage. To install it, simply add the following line to your Cartfile:
github "WorldDownTown/RangeSeekSlider"
⚠️Warning⚠️
When installed with Carthage, @IBDesignable
can't be available (Carthage Issue). But we have a workaround is shown in Stack Overflow. It is able to use @IBDesignable
by subclassing RangeSeekSlider
.
@IBDesignable class CustomRangeSeekSlider: RangeSeekSlider {}
CocoaPods
RangeSeekSlider is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'RangeSeekSlider'
Manually
Download and drop RangeSeekSlider/Sources
folder in your project.
Author
WorldDownTown, [email protected]
License
RangeSeekSlider is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the RangeSeekSlider README section above
are relevant to that project's source code only.