定制选择范围的按钮RangeButton
效果:
源码:
RangeButton.h 与 RangeButton.m
//// RangeButton.h// PulsingView//// Created by YouXianMing on 14/10/29.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import#import typedef void (^RangeButtonCenterLabel)(UILabel *label);@interface RangeButton : UIView/** * 最开始显示的值 */@property (nonatomic, strong) NSNumber *startValue;/** * 每一次增加或者减少的值 */@property (nonatomic, strong) NSNumber *stepValue;/** * 最大值 */@property (nonatomic, strong) NSNumber *maxValue;/** * 最小值 */@property (nonatomic, strong) NSNumber *minValue;/** * 左侧按钮的普通图片,高亮图片,不能点击时的图片 */@property (nonatomic, strong) UIImage *leftNormalImage;@property (nonatomic, strong) UIImage *leftHighlightedImage;@property (nonatomic, strong) UIImage *leftDisableImage;/** * 右侧按钮的普通图片,高亮图片,不能点击时的图片 */@property (nonatomic, strong) UIImage *rightNormalImage;@property (nonatomic, strong) UIImage *rightHighlightedImage;@property (nonatomic, strong) UIImage *rightDisableImage;/** * 当前值 */@property (nonatomic, strong, readonly) NSNumber *currentValue;/** * 定制label * * @param block 中间的label */- (void)configCenterLabel:(RangeButtonCenterLabel)block;/** * 设置按钮的宽度(重置3个控件的frame值) */@property (nonatomic, assign) CGFloat buttonWidth;@end
//// RangeButton.m// PulsingView//// Created by YouXianMing on 14/10/29.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import "RangeButton.h"@interface RangeButton ()@property (nonatomic, strong) UIButton *leftButton;@property (nonatomic, strong) UIButton *rightButton;@property (nonatomic, strong) UILabel *centerLabel;@property (nonatomic, strong) NSNumber *currentValue;@end@implementation RangeButton- (instancetype)initWithFrame:(CGRect)frame{ self = [super initWithFrame:frame]; if (self) { CGFloat width = frame.size.width / 3.f; CGFloat height = frame.size.height; // 左侧按钮 _leftButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, width, height)]; [_leftButton addTarget:self action:@selector(buttonsEvent:) forControlEvents:UIControlEventTouchUpInside]; [self addSubview:_leftButton]; // 中间Label _centerLabel = [[UILabel alloc] initWithFrame:CGRectMake(width, 0, width, height)]; _centerLabel.textAlignment = NSTextAlignmentCenter; [self addSubview:_centerLabel]; // 右侧按钮 _rightButton = [[UIButton alloc] initWithFrame:CGRectMake(width * 2, 0, width, height)]; [_rightButton addTarget:self action:@selector(buttonsEvent:) forControlEvents:UIControlEventTouchUpInside]; [self addSubview:_rightButton]; } return self;}- (void)buttonsEvent:(UIButton *)button { if (button == _leftButton) { if (_rightNormalImage) { [_rightButton setImage:_rightNormalImage forState:UIControlStateNormal]; } if (_rightHighlightedImage) { [_rightButton setImage:_rightHighlightedImage forState:UIControlStateHighlighted]; } // 临时获取值 NSNumber *tmp = @([_currentValue intValue] - [_stepValue intValue]); // 减去的值小于或者等于最小值时 if ([tmp intValue] < [_minValue intValue]) { } else { _currentValue = @([_currentValue intValue] - [_stepValue intValue]); _centerLabel.text = [NSString stringWithFormat:@"%d", [_currentValue intValue]]; if ([_currentValue intValue] == [_minValue intValue]) { if (_leftDisableImage) { [_leftButton setImage:_leftDisableImage forState:UIControlStateNormal]; [_leftButton setImage:_leftDisableImage forState:UIControlStateHighlighted]; } } } } else { if (_leftNormalImage) { [_leftButton setImage:_leftNormalImage forState:UIControlStateNormal]; } if (_leftHighlightedImage) { [_leftButton setImage:_leftHighlightedImage forState:UIControlStateHighlighted]; } // 临时获取值 NSNumber *tmp = @([_currentValue intValue] + [_stepValue intValue]); // 减去的值小于或者等于最小值时 if ([tmp intValue] > [_maxValue intValue]) { } else { _currentValue = @([_currentValue intValue] + [_stepValue intValue]); _centerLabel.text = [NSString stringWithFormat:@"%d", [_currentValue intValue]]; if ([_currentValue intValue] == [_maxValue intValue]) { if (_rightDisableImage) { [_rightButton setImage:_rightDisableImage forState:UIControlStateNormal]; [_rightButton setImage:_rightDisableImage forState:UIControlStateHighlighted]; } } } }}- (void)configCenterLabel:(RangeButtonCenterLabel)block { block(self.centerLabel);}#pragma mark - 重写各种setter,getter方法@synthesize startValue = _startValue;- (void)setStartValue:(NSNumber *)startValue { _startValue = startValue; _currentValue = _startValue; _centerLabel.text = [NSString stringWithFormat:@"%d", [startValue intValue]];}- (NSNumber *)startValue { return _startValue;}@synthesize rightNormalImage = _rightNormalImage;- (void)setRightNormalImage:(UIImage *)rightNormalImage { _rightNormalImage = rightNormalImage; [_rightButton setImage:_rightNormalImage forState:UIControlStateNormal];}- (UIImage *)rightNormalImage { return _rightNormalImage;}@synthesize rightHighlightedImage = _rightHighlightedImage;- (void)setRightHighlightedImage:(UIImage *)rightHighlightedImage { _rightHighlightedImage = rightHighlightedImage; [_rightButton setImage:rightHighlightedImage forState:UIControlStateHighlighted];}- (UIImage *)rightHighlightedImage { return _rightHighlightedImage;}@synthesize leftNormalImage = _leftNormalImage;- (void)setLeftNormalImage:(UIImage *)leftNormalImage { _leftNormalImage = leftNormalImage; [_leftButton setImage:leftNormalImage forState:UIControlStateNormal];}- (UIImage *)leftNormalImage { return _leftNormalImage;}@synthesize leftHighlightedImage = _leftHighlightedImage;- (void)setLeftHighlightedImage:(UIImage *)leftHighlightedImage { _leftHighlightedImage = leftHighlightedImage; [_leftButton setImage:leftHighlightedImage forState:UIControlStateHighlighted];}- (UIImage *)leftHighlightedImage { return _leftHighlightedImage;}@synthesize buttonWidth = _buttonWidth;- (void)setButtonWidth:(CGFloat)buttonWidth { _buttonWidth = buttonWidth; if (_buttonWidth > 0 && _buttonWidth < self.frame.size.width / 2.f) { _leftButton.frame = CGRectMake(0, 0, _buttonWidth, self.frame.size.height); _centerLabel.frame = CGRectMake(_buttonWidth, 0, self.frame.size.width - _buttonWidth*2, self.frame.size.height); _rightButton.frame = CGRectMake(self.frame.size.width - _buttonWidth, 0, _buttonWidth, self.frame.size.height); } }- (CGFloat)buttonWidth { return _buttonWidth;}@end 实现的源码:
//// ViewController.m// PulsingView//// Created by YouXianMing on 14/10/29.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import "ViewController.h"#import "RangeButton.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor blackColor]; RangeButton *rangeButton = [[RangeButton alloc] initWithFrame:CGRectMake(100, 100, 100, 22)]; rangeButton.maxValue = @10; rangeButton.minValue = @0; rangeButton.startValue = @5; rangeButton.stepValue = @1; rangeButton.rightNormalImage = [UIImage imageNamed:@"后_nor"]; rangeButton.rightHighlightedImage = [UIImage imageNamed:@"后_high"]; rangeButton.rightDisableImage = [UIImage imageNamed:@"后_dis"]; rangeButton.leftNormalImage = [UIImage imageNamed:@"前_nor"]; rangeButton.leftHighlightedImage = [UIImage imageNamed:@"前_high"]; rangeButton.leftDisableImage = [UIImage imageNamed:@"前_dis"]; rangeButton.buttonWidth = 29; [rangeButton configCenterLabel:^(UILabel *label) { label.font = [UIFont fontWithName:@"HelveticaNeue-Thin" size:18.f]; label.textColor = [UIColor yellowColor]; }]; [self.view addSubview:rangeButton];}@end 重点需要注意的地方:
