GitHub - favormm/STTimeSlider: A custom component like UISegmentedControl highly customizable.

A custom component like UISegmentedControl highly customizable.

Documentation

Please include these 4 files:

STTimeSlider.h
STTimeSlider.m
STTimeSliderModeView.h
STTimeSliderModeView.m

And include QuartzCore.framework and CoreGraphics.framework.

This plugin is highly customizable. You can customize:

Basic

float numberOfPoints: The number of points (more than 1)
float radiusPoint: (1) The radius of the point
float heightLine: (2) The height of the line between two points. The height must be lower than radiusPoint * 2;
float spaceBetweenPoints: (3) The space between two points.
float radiusCircle: (4) The radius of the point inside the selected circles.

Gradient

CGGradientRef gradient: The gradient of the background bar.
CGGradientRef gradientForeground: The gradient of the foreground bar.

Stroke

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.

Shadow

CGSize shadowSize: The size.
float shadowBlur: The blur.
UIColor *shadowColor: The color.

Demo

Build and run the project STTimeSliderExample in Xcode to see STTimeSlider in action.

Example Usage

    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;.

Contact

Sebastien Thiebaud

License

STTimeSlider is available under the MIT license.