A custom component like UISegmentedControl highly customizable.
Please include these 4 files:
STTimeSlider.hSTTimeSlider.mSTTimeSliderModeView.hSTTimeSliderModeView.m
And include QuartzCore.framework and CoreGraphics.framework.
This plugin is highly customizable. You can customize:
float numberOfPoints: The number of points (more than 1)float radiusPoint: (1) The radius of the pointfloat heightLine: (2) The height of the line between two points. The height must be lower thanradiusPoint * 2;float spaceBetweenPoints: (3) The space between two points.float radiusCircle: (4) The radius of the point inside the selected circles.
CGGradientRef gradient: The gradient of the background bar.CGGradientRef gradientForeground: The gradient of the foreground bar.
UIColor *strokeColor: The color of the background bar's stroke.float strokeSize: The size of the background bar's stroke.UIColor *strokeColorForeground: The color of the foreground bar's stroke.float strokeSizeForeground: The size of the foreground bar's stroke.
CGSize shadowSize: The size.float shadowBlur: The blur.UIColor *shadowColor: The color.
Build and run the project STTimeSliderExample in Xcode to see STTimeSlider in action.
STTimeSlider *timeSlider = [[STTimeSlider alloc] initWithFrame:CGRectMake(5.0, 5.0, 310.0, 110.0)];
[timeSlider setDelegate:self];
[self.view addSubview:timeSlider];Don't forget to implementSTTimeSliderDelegate protocol in your ViewController. Without it, you won't be able to detect when the user will change the index:
- (void)timeSlider:(STTimeSlider *)timeSlider didSelectPointAtIndex:(int)index
{
NSLog(@"TimeSlider %@ at Index %d", timeSlider, index);
}You can change the index of the slider with - (void)moveToIndex:(int)index;.
Sebastien Thiebaud
STTimeSlider is available under the MIT license.

