滑塊在很多地方都有使用,所以這裡向大家展示一個自訂的可雙向控制的Slider,並且可以通過代理方法擷取相應的範圍值,部分代碼如下:
屬性值:
/**
設定最小值
*/
@property (nonatomic,assign)CGFloat minNum;
/**
設定最大值
*/
@property (nonatomic,assign)CGFloat maxNum;
/**
設定min 顏色
*/
@property (nonatomic,weak)UIColor *minTintColor;
/**
設定max 顏色
*/
@property (nonatomic,weak)UIColor *maxTintColor;
/**
設定 中間 顏色
*/
@property (nonatomic,weak)UIColor *mainTintColor;
/**
顯示較小的數Label
*/
@property (nonatomic,strong)UILabel *minLabel;
/**
顯示較大的數Label
*/
@property (nonatomic,strong)UILabel *maxLabel;
/**
當前最小值
*/
@property (nonatomic,assign)CGFloat currentMinValue;
/**
當前最大值
*/
@property (nonatomic,assign)CGFloat currentMaxValue;
/**
顯示 min 滑塊
*/
@property (nonatomic,strong)UIButton *minSlider;
/**
顯示 max 滑塊
*/
@property (nonatomic,strong)UIButton *maxSlider;
/**
設定單位
*/
@property (nonatomic,copy)NSString * unit;
根據這些可以顯示想要的顏色樣式,
使用方式:
_slider = [[JLDoubleSlider alloc]initWithFrame:CGRectMake(0, 0, 300, 40)];
_slider.unit = @"¥";
_slider.minNum = 14;
_slider.maxNum = 59;
_slider.minTintColor = [UIColor redColor];
_slider.maxTintColor = [UIColor blueColor];
_slider.mainTintColor = [UIColor blackColor];
[self.view addSubview:_slider];
介面效果:
源碼下載:https://github.com/hbblzjy/JLDoubleSliderDemo