// // TiUISliderNew.m // TiSDKDemo // // Created by iMacA1002 on 2019/12/2. // Copyright © 2020 Tillusory Tech. All rights reserved. // #import "TiUISliderNew.h" #import "TIConfig.h" @interface TiUISliderNew (){ CGRect _trackRect; TiUISliderType _sliderType; } //滑动的标记View @property(nonatomic,strong)UIImageView *tagView; @property(nonatomic,strong)UILabel *tagLabel; //覆盖trackmax的线 @property(nonatomic,strong)UIView *trackColorView; //用于标记分割的线 @property(nonatomic,strong)UIView *tagLine; @end @implementation TiUISliderNew -(UIImageView *)tagView{ if (_tagView == nil) { // (TiUISliderHeight*3+2)为滑块直径 TiUISliderHeight/2 为滑条半经 _tagView = [[UIImageView alloc]initWithFrame:CGRectMake(-TiUISliderTagViewWidth/2+1, -(TiUISliderTagViewHeight + (TiUISliderHeight*3+2)/2 - TiUISliderHeight/2),TiUISliderTagViewWidth, TiUISliderTagViewHeight)]; [_tagView setImage:[UIImage imageNamed:@"drag.png"]]; _tagView.alpha = 0; _tagView.contentMode = UIViewContentModeScaleAspectFit; [_tagView addSubview:self.tagLabel]; } return _tagView; } -(UILabel *)tagLabel{ if (_tagLabel==nil) { _tagLabel = [[UILabel alloc] initWithFrame:self.tagView.bounds]; [_tagLabel setTextColor:TI_Color_Default_Text_White]; [_tagLabel setTextAlignment:NSTextAlignmentCenter]; [_tagLabel setFont:TI_Font_Default_Size_Small]; _tagLabel.userInteractionEnabled = NO; } return _tagLabel; } - (UIView *)trackColorView{ if (!_trackColorView) { _trackColorView = [[UIView alloc] init]; _trackColorView.frame = _trackRect; _trackColorView.backgroundColor = [UIColor colorWithRed:239/255.0 green:128/255.0 blue:116/255.0 alpha:1.0]; // _trackColorView.backgroundColor = [UIColor yellowColor]; _trackColorView.layer.cornerRadius = TiUISliderHeight/2; _trackColorView.userInteractionEnabled = NO; } return _trackColorView; } - (UIView *)tagLine{ if (!_tagLine) { _tagLine = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 1, TiUISliderHeight*3)]; _tagLine.hidden = YES; _tagLine.backgroundColor = TI_Color_Default_Text_White; _tagLine.userInteractionEnabled = NO; _tagLine.layer.cornerRadius = 0.5; } return _tagLine; } - (instancetype)init{ self = [super init]; if (self) { _trackRect = CGRectZero; //默认赋值 // [self setSliderType:TI_UI_SLIDER_TYPE_ONE WithValue:0]; [self setBackgroundColor:[UIColor colorWithRed:255/255.0 green:254/255.0 blue:252/255.0 alpha:1.0]]; self.minimumTrackTintColor = [UIColor clearColor]; self.maximumTrackTintColor = [UIColor clearColor]; [self setThumbImage:[self resizeImage:[UIImage imageNamed:@"dot"] toSize:CGSizeMake(TiUISliderHeight*3, TiUISliderHeight*3)] forState:UIControlStateNormal]; [self setThumbImage:[self resizeImage:[UIImage imageNamed:@"dot"] toSize:CGSizeMake(TiUISliderHeight*3+2, TiUISliderHeight*3+2)] forState:UIControlStateHighlighted]; self.layer.cornerRadius = TiUISliderHeight/2; [self addSubview:self.tagView]; [self addSubview:self.trackColorView]; [self addSubview:self.tagLine]; [self addTarget:self action:@selector(didBeginUpdateValue:) forControlEvents:UIControlEventTouchDown]; [self addTarget:self action:@selector(didUpdateValue:) forControlEvents:UIControlEventValueChanged]; [self addTarget:self action:@selector(didEndUpdateValue:) forControlEvents:UIControlEventTouchUpInside|UIControlEventTouchUpOutside|UIControlEventTouchCancel]; } return self; } -(void)setSliderType:(TiUISliderType)sliderType WithValue:(float)value{ _sliderType = sliderType; [self refreshWithValue:value isSet:YES]; if (sliderType == TI_UI_SLIDER_TYPE_ONE) { self.tagLine.hidden = YES; self.minimumValue = 0; self.maximumValue = 100; [self setValue:value animated:YES]; } else if (sliderType == TI_UI_SLIDER_TYPE_TWO) { self.tagLine.hidden = NO; self.minimumValue = -50; self.maximumValue = 50; [self setValue:value animated:YES]; } } //开始拖拽 - (void)didBeginUpdateValue:(UISlider *)sender { [self refreshWithValue:sender.value isSet:NO]; [UIView animateWithDuration:0.3 animations:^{ [self.tagView setAlpha:1.0f]; }]; } //正在拖拽 - (void)didUpdateValue:(UISlider *)sender { [self refreshWithValue:sender.value isSet:NO]; // [self.tagView setAlpha:1.0f]; } //结束拖拽 - (void)didEndUpdateValue:(UISlider *)sender { [self refreshWithValue:sender.value isSet:NO]; [UIView animateWithDuration:0.1 animations:^{ [self.tagView setAlpha:0]; }]; } - (void)refreshWithValue:(float)value isSet:(BOOL)set{ if (self.refreshValueBlock&&!set) { self.refreshValueBlock(value); } if(self.valueBlock){ self.valueBlock(value); } if (self->_sliderType == TI_UI_SLIDER_TYPE_ONE) { self.trackColorView.frame =CGRectMake(0, 0, self->_trackRect.origin.x + TiUISliderHeight*3/2, TiUISliderHeight); } else if (self->_sliderType == TI_UI_SLIDER_TYPE_TWO) { CGFloat W = -(self.frame.size.width/2 - (self->_trackRect.origin.x + TiUISliderHeight*3/2)); self.trackColorView.frame =CGRectMake(self.frame.size.width/2 +0.5 , 0,W , TiUISliderHeight); } self.tagView.center = CGPointMake(self->_trackRect.origin.x + (TiUISliderHeight*3)/2 +1,self.tagView.center.y); [self.tagLabel setText:[NSString stringWithFormat:@"%d%@", (int)value, @"%"]]; } //调整中间滑块位置，并获取滑块坐标 - (CGRect)thumbRectForBounds:(CGRect)bounds trackRect:(CGRect)rect value:(float)value{ rect.origin.x = rect.origin.x - TiUISliderHeight; rect.size.width = rect.size.width + TiUISliderHeight*2; _trackRect = [super thumbRectForBounds:bounds trackRect:rect value:value]; return CGRectInset ([super thumbRectForBounds:bounds trackRect:rect value:value], TiUISliderHeight, TiUISliderHeight); } // FIXME: --layoutSubviews-- -(void)layoutSubviews { [super layoutSubviews]; //使用 mas //这里才能获取到self.frame 并且刷新Value 视图变动的时候也会调用 self.tagLine.frame = CGRectMake(self.frame.size.width/2, -TiUISliderHeight*3/2 + TiUISliderHeight/2, 1, TiUISliderHeight*3); [self refreshWithValue:self.value isSet:YES]; } - (UIImage *)resizeImage:(UIImage *)image toSize:(CGSize)size{ UIGraphicsBeginImageContextWithOptions(size, NO, [[UIScreen mainScreen] scale]); // 绘制改变大小的图片 [image drawInRect:CGRectMake(0, 0, size.width, size.height)]; // 从当前context中创建一个改变大小后的图片 UIImage * scaledImage = UIGraphicsGetImageFromCurrentImageContext(); // 使当前的context出堆栈 UIGraphicsEndImageContext(); // 返回新的改变大小后的图片 return scaledImage; } @end