Meterwhite / Sdrangeslider
Licence: mit
Double range slider selector in iOS/iOS双滑块范围选择器
Stars: ✭ 28
Labels
Projects that are alternatives of or similar to Sdrangeslider
Vue Slider Component
🌡 A highly customized slider component
Stars: ✭ 2,158 (+7607.14%)
Mutual labels: range-slider
data-driven-range-slider
D3.js based data-driven range slider, date time support
Stars: ✭ 21 (-25%)
Mutual labels: range-slider
Formvuelar
Vue form components with server-side validation in mind
Stars: ✭ 263 (+839.29%)
Mutual labels: range-slider
Rangeslider.js
🎚 HTML5 input range slider element polyfill
Stars: ✭ 2,153 (+7589.29%)
Mutual labels: range-slider
vue-histogram-slider
Range slider with histogram for Vue.js
Stars: ✭ 111 (+296.43%)
Mutual labels: range-slider
range-slider
Customizable slider (range) component for JavaScript with no dependencies
Stars: ✭ 26 (-7.14%)
Mutual labels: range-slider
React Slider
Accessible, CSS agnostic, slider component for React.
Stars: ✭ 627 (+2139.29%)
Mutual labels: range-slider
range-slider-element
🍬 <range-slider> custom element
Stars: ✭ 45 (+60.71%)
Mutual labels: range-slider
vue-round-slider
A round slider component for Vue JS, with range slider support. Also it can be any kind of arc slider such as pie shape, half / semi-circle, quarter circle shape sliders.
Stars: ✭ 45 (+60.71%)
Mutual labels: range-slider
react-native-range-slider
A high-quality, cross platform, native iOS range slider for react native. A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range; inspired by react-native-range-slider
Stars: ✭ 46 (+64.29%)
Mutual labels: range-slider
Multislider
UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.
Stars: ✭ 182 (+550%)
Mutual labels: range-slider
Flutter xlider
A material design slider and range slider with rtl support and lots of options and customization for flutter
Stars: ✭ 264 (+842.86%)
Mutual labels: range-slider
Rangeslider
Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type="range">` slider element.
Stars: ✭ 161 (+475%)
Mutual labels: range-slider
slider
Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support).
Stars: ✭ 162 (+478.57%)
Mutual labels: range-slider
React Input Range
React component for inputting numeric values within a range (range slider)
Stars: ✭ 680 (+2328.57%)
Mutual labels: range-slider
Nouislider
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.
Stars: ✭ 5,127 (+18210.71%)
Mutual labels: range-slider
RangeUISlider
📱 🔵➖🔵 An iOS range selection slider compatible with UIKit and SwiftUI. Developed using autolayout and highly customizable using IBDesignabled and IBInspectable or programmatically. It support also RTL (right to left) languages automatically out of the box.
Stars: ✭ 98 (+250%)
Mutual labels: range-slider
Expand XIB, Storyboard editing functions, highly recommended!
SDRangeSlider
Introduce【介绍】
- Skir的（SD）iOS双滑块范围选择器
- 随手赞一赞.好运上百万.
- Easy-to-use iOS range slider selector
- start start start.lucK lucK lucK.
Import
- Drag floder
SDRangeSliderto your project.
#import "SDRangeSlider.h"
CocoaPods
pod 'SDRangeSlider'
速览 Quick View
SDRangeSlider* slider = [[SDRangeSlider alloc] initWithFrame:CGRectMake(0, 0, 300, 30)];
[slider eventValueDidChanged:^(SDRangeSliderValues *values) {
double left = values.left.doubleValue;
double right= values.right.doubleValue;
}];
[self.view addSubview:slider];
//others
// slider.minimumSize = 10;
// slider.offsetOfAdjustLineStart = -12;//look at viewHierarcy
// slider.offsetOfAdjustLineEnd = 15;//look at viewHierarcy
// [slider usingValueUnequal];
// [slider update];//May be used in autolayout, layoutSubviews:... ...
// ... ...
Support xib
- Better to call
updatewhen constraints layout.
More code in demo ...
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].