模拟温控器 圆环手动滚动

项目介绍：

1. @interface SXCircleTempView : UIView
2. @property(assign,nonatomic) NSInteger circlyValue;
3. // 一共分为多少份
4. @property(assign,nonatomic) CGFloat totalValue;
5. // 每一份 基本值设置多少（如0.5，1，2）等
6. @property(assign,nonatomic) CGFloat cellValue;
7. // 用户设置等温度是多少
8. @property(copy,nonatomic) void (^circelTempSetTempBlock)(NSInteger selectValue);
10. – (void)setCurrentTempString:(CGFloat)currentTemp;
11. @end
13. #import "UILabel+SXExtention.h"
14. #import "Masonry.h"
15. // 初始低 角度
16. #define STARTANYGLE  ((float)M_PI)/7
17. @interface SXCircleTempView()
19. // 大圆半径
20. @property(assign,nonatomic) CGFloat radious;
21. // 偏离 的基本单位
22. @property(assign,nonatomic) CGFloat cellAnygle;
23. // 记住 滑动以后 偏离多少度
24. @property(assign,nonatomic) CGFloat totalCellTotalAngle;
25. @property(assign,nonatomic) CGPoint selfCenter;
26. @property(assign,nonatomic) CGFloat lineWidth;
27. // 小球view 的frame值
28. @property(assign,nonatomic) CGRect valveRect;
29. // 是否触摸在小球上
30. @property(assign,nonatomic) BOOL spot;
31. //圆弧View
32. @property(weak,nonatomic) UIView *circleView;
33. // 减去温度Btn
34. @property(weak,nonatomic) UIButton *mulBtn;
35. // 添加Btn
36. @property(weak,nonatomic) UIButton *addButton;
37. // 显示多少度温度
38. @property(weak,nonatomic) UILabel *setTempValueLabel;
39. // 显示当前温度
40. @property(weak,nonatomic) UILabel *currentTemp;
41. @end
42. @implementation SXCircleTempView
44. – (instancetype)initWithFrame:(CGRect)frame{
45.     if (self = [super initWithFrame:frame]) {
46.        // _cellAnygle = (2 * ((float)M_PI)- STARTANYGLE * 5)/100;
47.         _totalValue = 100;
48.         _circlyValue = 20;
49.         _cellValue = 0.5;
50.         self.lineWidth = 3;
51.         [self addUIView];
52.     }
53.     return self;
54. }
55. – (void)setTotalValue:(CGFloat)totalValue{
56.     _totalValue = totalValue;
57.     _cellAnygle = (2 * ((float)M_PI)- STARTANYGLE * 5)/totalValue;
58. }
59. – (void)drawRect:(CGRect)rect {
61.     [self drawSetUPUI];
63. }
64. – (void)setCirclyValue:(NSInteger)circlyValue{
65.     _circlyValue  = circlyValue;
66.     self.setTempValueLabel.text = [NSString stringWithFormat:@"%.1f",circlyValue*(_cellValue?_cellValue:0.5)];
67.     [self setNeedsDisplay];
68. }
69. – (void)drawSetUPUI{
70.     // 画大圆
71.   //  CGFloat lineWidth =  3;
73.     CGPoint center = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2);
74.     CGFloat radius = (self.bounds.size.width – _lineWidth)/2 – 5;
75.     self.selfCenter = center;
76.     _radious = radius;
77.     CGFloat startAngle = STARTANYGLE; //
78.     CGFloat endAngle = ((float)M_PI) – startAngle;
79.     CAShapeLayer *layer = [[CAShapeLayer alloc] init];
80.     layer.name = @"Radius";
82.     UIBezierPath *path = [UIBezierPath bezierPath];
83.     path.lineWidth = _lineWidth;
84.     path.lineCapStyle = kCGLineCapButt;
86.     [[UIColor lightGrayColor] set];
88.     [path addArcWithCenter:center radius:radius startAngle:endAngle endAngle:startAngle clockwise:YES];
90.     [path stroke];
91.     [path closePath];
94.     CGFloat grayStartAngle =M_PI – STARTANYGLE; //
95.     CGFloat grayEndAngle = _cellAnygle * _circlyValue + grayStartAngle;//((float)M_PI) – grayStartAngle;
96.     CAShapeLayer *grayLayer = [[CAShapeLayer alloc] init];
97.     grayLayer.name = @"Radius";
99.     UIBezierPath *grayPath = [UIBezierPath bezierPath];
100.     grayPath.lineWidth = _lineWidth;
101.     grayPath.lineCapStyle = kCGLineCapButt;
103.     [[UIColor whiteColor] set];
105.     [grayPath addArcWithCenter:center radius:radius startAngle:grayStartAngle endAngle:grayEndAngle clockwise:YES];
107.     [grayPath stroke];
108.     [grayPath closePath];
110.     CGFloat circelViewWidth = _lineWidth * 4;
111.     CGFloat pi_mYAngle = _cellAnygle * _circlyValue – startAngle;
112.     CGFloat circleViewX = 0;
113.     CGFloat circleViewY = 0;
114.     circleViewX = (_radious – _radious * cos(pi_mYAngle)) + _lineWidth – _lineWidth/2.0;
115.     circleViewY = _radious – _radious * sin(pi_mYAngle) + _lineWidth – _lineWidth/2.0;
117.     self.valveRect = CGRectMake(circleViewX, circleViewY, circelViewWidth, circelViewWidth);
118.     self.circleView.frame = self.valveRect;
120. }
121. – (void)addUIView{
122.     CGFloat maging = 5;
123.     CGPoint center = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2);
124.     CGFloat radius = (self.bounds.size.width – _lineWidth)/2 – maging;
125.     self.selfCenter = center;
126.     _radious = radius;
127.     CGFloat startAngle = STARTANYGLE; //
128.   //  CGFloat endAngle = ((float)M_PI) – startAngle;
129.     CGFloat pi_mYAngle = _cellAnygle * _circlyValue – startAngle;
130.     CGFloat circleViewX = 0;
131.     CGFloat circleViewY = 0;
132.     circleViewX = (_radious – _radious * cos(pi_mYAngle)) + _lineWidth – _lineWidth/2.0;
133.     circleViewY = _radious – _radious * sin(pi_mYAngle) + _lineWidth – _lineWidth/2.0;
135.     CGFloat circelViewWidth = _lineWidth * 4;
136.     circleViewX = (_radious – _radious * cos(pi_mYAngle)) + _lineWidth – _lineWidth/2.0;
137.     circleViewY = _radious – _radious * sin(pi_mYAngle) + _lineWidth – _lineWidth/2.0;
139.     self.valveRect = CGRectMake(circleViewX, circleViewY, circelViewWidth, circelViewWidth);
140.     UIView *circleView = [[UIView alloc] initWithFrame:self.valveRect];
141.     self.circleView = circleView;
142.     circleView.layer.cornerRadius = circelViewWidth/2.0;
143.     circleView.layer.masksToBounds = YES;
144.     circleView.userInteractionEnabled = NO;
145.     [self addSubview:circleView];
146.     circleView.backgroundColor = [UIColor whiteColor];
148.     CGFloat btnWidth = 30;
149.     CGFloat mulLeftY = radius + radius * sin(STARTANYGLE) + 2;
150.     CGFloat mulLeftX = maging * 2;
151.     UIButton *mulBtn = [[UIButton alloc] initWithFrame:CGRectMake(mulLeftX, mulLeftY + _lineWidth, btnWidth, btnWidth)];
152.     [mulBtn addTarget:self action:@selector(addOrmulBtnClick:) forControlEvents:UIControlEventTouchUpInside];
153.     [self btnSetComm:mulBtn content:@"-"];
154.     self.mulBtn = mulBtn;
156.     [self addSubview:mulBtn];
158.     //    UIView *autView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, 10)];
159.     // autView.backgroundColor = [UIColor redColor];
160.     UIButton *addBtn = [[UIButton alloc] initWithFrame:CGRectMake(self.bounds.size.width – mulLeftX – btnWidth, mulLeftY + _lineWidth, btnWidth, btnWidth)];
161.     [addBtn addTarget:self action:@selector(addOrmulBtnClick:) forControlEvents:UIControlEventTouchUpInside];
162.     self.addButton = addBtn;
163.     [self btnSetComm:addBtn content:@"+"];
165.     [self addSubview:addBtn];
167.     UILabel *setTempValueLabel = [UILabel label:@"29.5" font:40 textColor:[UIColor whiteColor]];
168.     setTempValueLabel.textAlignment = NSTextAlignmentCenter;
169.     self.setTempValueLabel = setTempValueLabel;
170.   //  setTempValueLabel.center = self.selfCenter;
171.   //  [setTempValueLabel sizeToFit];
172.     [self addSubview:setTempValueLabel];
174.     [setTempValueLabel mas_makeConstraints:^(MASConstraintMaker *make) {
175.         make.centerX.equalTo(self.mas_centerX);
176.         make.centerY.equalTo(self.mas_centerY).offset(-10);
177.     }];
179.     UILabel *tempSimbleLabel = [UILabel label:@"°C" font:13 textColor:[UIColor whiteColor]];
180.     [self addSubview:tempSimbleLabel];
181.     [tempSimbleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
182.         make.top.equalTo(setTempValueLabel.mas_top).offset(10);
183.         make.left.equalTo(setTempValueLabel.mas_right);
184.     }];
185.     UILabel *tipSetTempLabel = [UILabel label:@"设置温度" font:14 textColor:[UIColor whiteColor]];
186.     tipSetTempLabel.textAlignment = NSTextAlignmentCenter;
187.     [self addSubview:tipSetTempLabel];
188.     [tipSetTempLabel mas_makeConstraints:^(MASConstraintMaker *make) {
189.         make.bottom.equalTo(setTempValueLabel.mas_top);
190.         make.centerX.equalTo(setTempValueLabel.mas_centerX);
191.     }];
193.     UILabel *currentLabel = [UILabel label:@"当前温度：25.3°C" font:12 textColor:[UIColor whiteColor]];
194.     self.currentTemp = currentLabel;
195.     [self addSubview:currentLabel];
196.     [currentLabel mas_makeConstraints:^(MASConstraintMaker *make) {
197.         make.top.equalTo(setTempValueLabel.mas_bottom);
198.         make.centerX.equalTo(setTempValueLabel.mas_centerX);
199.     }];
201. }
202. – (void)addOrmulBtnClick:(UIButton *)sender{
203.     if (sender == self.addButton) {
204.         if (self.circlyValue >= _totalValue) {
205.             self.circlyValue = _totalValue;
206.         }else{
207.             self.circlyValue = self.circlyValue + 1;
208.         }
209.     }else{
210.         if (self.circlyValue <= 0) {
211.             self.circlyValue = 0;
212.         }else{
213.             self.circlyValue = self.circlyValue – 1;
214.         }
215.     }
216. }
217. – (void)btnSetComm:(UIButton *)sender content:(NSString *)content{
218.     [sender setTitle:content forState:UIControlStateNormal];
219.     sender.backgroundColor = [UIColor whiteColor];
220.     sender.layer.cornerRadius = sender.frame.size.width/2.0;
221.     sender.clipsToBounds = YES;
222.     sender.titleLabel.font = [UIFont systemFontOfSize:30];
223.     [sender setTitleColor:[UIColor colorWithRed:59/255.0 green:139/255.0 blue:231/255.0 alpha:1] forState:UIControlStateNormal];
224.     sender.backgroundColor = [UIColor whiteColor];
225. }
226. // 开始触摸
227. – (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
228.     UITouch *touch = [touches anyObject];
230.     CGPoint point = [touch locationInView:self];
232.     point = CGPointMake(point.x, point.y);
233.     CGFloat temOffset = 15;
234.     CGRect toucheTect = CGRectMake(self.valveRect.origin.x – temOffset, self.valveRect.origin.y – temOffset, self.valveRect.size.width + temOffset * 2.0, self.valveRect.size.height + temOffset * 2.0);
235.     BOOL container =  CGRectContainsPoint(toucheTect, point);
237.     if (container) {
239.         self.spot = YES;
240.        // NSLog(@"dlfdlasfdljfaldsjfalfjdlsajfljfaljf");
241.     }
242.     else
243.     {
244.         self.spot = NO;
245.     }
246. }
247. // 开始滑动
248. – (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
250.     UITouch *touch = [touches anyObject];
252.     CGPoint point = [touch locationInView:self];
254.     point = CGPointMake(point.x, point.y + 0);
256.     CGFloat radious = _radious;
257.     CGFloat XX = (_selfCenter.x – point.x) * (_selfCenter.x – point.x);
258.     CGFloat YY = (_selfCenter.y – point.y) * (_selfCenter.y – point.y);
259.     CGFloat OutLim = (radious ) * (radious);
260.     CGFloat inLim = (radious – 20) * (radious – 20);
262.     if (XX + YY < OutLim && XX + YY > inLim && (point.y < self.radious + self.radious * sin(STARTANYGLE) )) {
264.         if (self.spot) {
265.             //(2 * ((float)M_PI)- STARTANYGLE * 5)
266.             BOOL isBig = point.x > _selfCenter.x?M_PI_2:0;
267.             CGFloat roundAngle;
268.             roundAngle = isBig ? (2 * ((float)M_PI)- STARTANYGLE * 5) –  asinf((_selfCenter.y – point.y)/_radious) –  STARTANYGLE: asinf((_selfCenter.y – point.y)/_radious) + STARTANYGLE;
269.             self.circlyValue = (NSInteger)(round(roundAngle/_cellAnygle));
270.         }
272.         return;
273.     }
275. }
277. – (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
278. {
279.     self.spot = NO;
281.   //  NSLog(@"拖拽结束=========");
282. }
284. – (void)setCurrentTempString:(CGFloat)currentTemp{
285.     self.currentTemp.text = [NSString stringWithFormat:@"当前温度：%.1f°C",currentTemp];
286. }
288. @end
290. @interface UILabel (SXExtention)
291. + (UILabel *) label:(NSString *)title frame:(CGRect)frame font:(CGFloat)font textColor:(UIColor *)color;
292. + (UILabel *) label:(NSString *)title font:(CGFloat)font textColor:(UIColor *)color;
294. @end
295. #import "UILabel+SXExtention.h"
297. @implementation UILabel (SXExtention)
298. + (UILabel *) label:(NSString *)title frame:(CGRect)frame font:(CGFloat)font textColor:(UIColor *)coloer{
300.     UILabel *label = [[UILabel alloc] initWithFrame:frame];
301.     label.text = title;
302.     label.numberOfLines = 0;
303.     label.textColor = coloer;
304.     label.font = [UIFont systemFontOfSize:(font >= 0 ? font:14)];
306.     return label;
307. }
308. + (UILabel *) label:(NSString *)title font:(CGFloat)font textColor:(UIColor *)color{
310.     UILabel *label = [[UILabel alloc] init];
311.     label.text = title;
312.     label.textColor = color;
313.     label.numberOfLines = 0;
314.     label.font = [UIFont systemFontOfSize:(font >= 0 ? font:14)];
316.     return label;
317. }
319. @end

复制代码

使用的时候要倒入 masonry框架
项目demo 下载地址：https://gitee.com/xiange/SXCircleTempViewDemo.git