iOS开发实现转盘功能
更新时间:2020年6月30日 23:42 点击:2295
本文实例为大家分享了iOS实现转盘功能的具体代码,供大家参考,具体内容如下
今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看
ViewController
#pragma mark - 如果要旋转那就第一考虑锚点 核心动画看到的都是假象 真实的位置并没有发生改变 // // ViewController.m // 5-网易转盘的实现 // // Created by Jordan zhou on 2018/10/10. // Copyright © 2018年 Jordan zhou. All rights reserved. // #import "ViewController.h" #import "ZZWheelView.h" @interface ViewController () /** 展示的view */ @property (nonatomic, strong) ZZWheelView *wheelView; @end @implementation ViewController - (IBAction)start:(id)sender { [self.wheelView start]; } - (IBAction)stop:(id)sender { [self.wheelView pause]; } #pragma mark - 懒加载 - (ZZWheelView *)wheelView { if (!_wheelView) { _wheelView = [ZZWheelView wheelView]; _wheelView.center = self.view.center; } return _wheelView; } - (void)viewDidLoad { [super viewDidLoad]; [self.view addSubview:self.wheelView]; } @end
ZZWheelView
// // ZZWheelView.h // 5-网易转盘的实现 // // Created by Jordan zhou on 2018/10/10. // Copyright © 2018年 Jordan zhou. All rights reserved. // #import <UIKit/UIKit.h> @interface ZZWheelView : UIView + (instancetype)wheelView; - (void)start; - (void)pause; @end // ZZWheelView.m // 5-网易转盘的实现 // // Created by Jordan zhou on 2018/10/10. // Copyright © 2018年 Jordan zhou. All rights reserved. // #import "ZZWheelView.h" #import "ZZWheelButton.h" @interface ZZWheelView()<CAAnimationDelegate> @property (weak, nonatomic) IBOutlet UIImageView *centerView; @property (nonatomic, weak) UIButton *selBtn; @property (nonatomic, strong) CADisplayLink *link; @end @implementation ZZWheelView #pragma mark - 懒加载 - (CADisplayLink *)link { if (_link == nil) { _link = [CADisplayLink displayLinkWithTarget:self selector:@selector(angleChange)]; [_link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode]; } return _link; } + (instancetype)wheelView { return [[NSBundle mainBundle] loadNibNamed:@"ZZWheelView" owner:nil options:nil][0]; } #warning - 注意这个方法只是加载xib的时候会调用,但是并没有连好线 //- (instancetype)initWithCoder:(NSCoder *)aDecoder //{ // if (self = [super initWithCoder:aDecoder]) { // NSLog(@"-%@",_centerView); // } // return self; //} - (void)awakeFromNib { [super awakeFromNib]; _centerView.userInteractionEnabled = YES; CGFloat btnW = 68; CGFloat btnH = 143; CGFloat wh = self.bounds.size.width; // 加载大图片 UIImage *bigImage = [UIImage imageNamed:@"LuckyAstrology"]; // 加载大图片 UIImage *selBigImage = [UIImage imageNamed:@"LuckyAstrologyPressed"]; // 获取当前使用的图片像素和点的比例 CGFloat scale = [UIScreen mainScreen].scale; CGFloat imageW = bigImage.size.width / 12 * scale; CGFloat imageH = bigImage.size.height * scale; // CGImageRef image:需要裁减的图片 // rect:裁减区域 // 裁减区域是以像素为基准 // CGImageCreateWithImageInRect(CGImageRef image, CGRect rect) // 添加按钮 for (int i = 0; i < 12; i++) { ZZWheelButton *btn = [ZZWheelButton buttonWithType:UIButtonTypeCustom]; // 设置按钮的位置 btn.layer.anchorPoint = CGPointMake(0.5, 1); btn.bounds = CGRectMake(0, 0, btnW, btnH); btn.layer.position = CGPointMake(wh * 0.5, wh * 0.5); // 按钮的旋转角度 CGFloat radion = (30 * i) / 180.0 * M_PI; btn.transform = CGAffineTransformMakeRotation(radion); [_centerView addSubview:btn]; // 加载按钮的图片 // 计算裁减区域 CGRect clipR = CGRectMake(i * imageW, 0, imageW, imageH); // 裁减图片 CGImageRef imgR = CGImageCreateWithImageInRect(bigImage.CGImage, clipR); UIImage *image = [UIImage imageWithCGImage:imgR]; // 设置按钮的图片 [btn setImage:image forState:UIControlStateNormal]; // 设置选中状态下图片 imgR = CGImageCreateWithImageInRect(selBigImage.CGImage, clipR); image = [UIImage imageWithCGImage:imgR]; // 设置按钮的图片 [btn setImage:image forState:UIControlStateSelected]; // 设置选中背景图片 [btn setBackgroundImage:[UIImage imageNamed:@"LuckyRototeSelected"] forState:UIControlStateSelected]; // 监听按钮的点击 [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside]; // 默认选中第一个 if (i == 0) { [self btnClick:btn]; } } } - (void)btnClick:(UIButton *)btn { _selBtn.selected = NO; btn.selected = YES; _selBtn = btn; } #pragma mark - 开始旋转 - (void)start { self.link.paused = NO; } // 1.搞个定时器,每隔一段时间就旋转一定的角度,1秒旋转45° #pragma mark - 暂停旋转 - (void)pause { self.link.paused = YES; } #pragma mark - 每隔一段时间旋转一定的角度 - (void)angleChange { // 每一次调用旋转多少 45 \ 60.0 CGFloat angle = (45 / 60.0) * M_PI / 180.0; _centerView.transform = CGAffineTransformRotate(_centerView.transform, angle); } #pragma mark - 点击开始选号的时候 - (IBAction)startPicker:(id)sender { // 不需要定时器旋转 self.link.paused = YES; // 中间的转盘快速的旋转,并且不需要与用户交互 CABasicAnimation *anim = [CABasicAnimation animation]; anim.keyPath = @"transform.rotation"; anim.toValue = @(M_PI * 2 * 3); anim.duration = 0.5; anim.delegate = self; [_centerView.layer addAnimation:anim forKey:nil]; // 点击哪个星座,就把当前星座指向中心点上面 // M_PI 3.14 // 根据选中的按钮获取旋转的度数, // 通过transform获取角度 CGFloat angle = atan2(_selBtn.transform.b, _selBtn.transform.a); // 旋转转盘 _centerView.transform = CGAffineTransformMakeRotation(-angle); } - (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag { dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ self.link.paused = NO; }); } @end
ZZWheelButton
// // ZZWheelButton.m // 5-网易转盘的实现 // // Created by Jordan zhou on 2018/10/10. // Copyright © 2018年 Jordan zhou. All rights reserved. // #import "ZZWheelButton.h" @implementation ZZWheelButton // 寻找最合适的view - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event { CGFloat btnW = self.bounds.size.width; CGFloat btnH = self.bounds.size.height; CGFloat x = 0; CGFloat y = btnH / 2; CGFloat w = btnW; CGFloat h = y; CGRect rect = CGRectMake(x, y, w, h); if (CGRectContainsPoint(rect, point)) { return nil; }else{ return [super hitTest:point withEvent:event]; } } // 设置UIImageView的尺寸 // contentRect:按钮的尺寸 - (CGRect)imageRectForContentRect:(CGRect)contentRect { // 计算UIImageView控件尺寸 CGFloat imageW = 40; CGFloat imageH = 46; CGFloat imageX = (contentRect.size.width - imageW) * 0.5; CGFloat imageY = 20; return CGRectMake(imageX, imageY, imageW, imageH); } // 取消高亮状态 - (void)setHighlighted:(BOOL)highlighted{} @end
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 这篇文章主要介绍了MySQL性能监控软件Nagios的安装及配置教程,这里以CentOS操作系统为环境进行演示,需要的朋友可以参考下...2015-12-14
iOS APP h5快捷程序 .mobileconfig的生成
1.从APP Store 下载Apple Configurator 2从一个管理点管理所有iOS设备应用程序,文档和配置文件。想要确保您的所有家庭成员在其每台iOS设备上都有类似的应用和文档,管理日益增...2021-12-23iOS设置UIButton文字显示位置和字体大小、颜色的方法
这篇文章给大家分享了iOS如何设置UIButton的文字显示位置和字体的大小、颜色,文中给出了示例代码,相信对大家的学习和理解很有帮助,有需要的朋友们下面来一起看看吧。...2020-06-30- 这篇文章主要为大家详细介绍了iOS如何将图片裁剪成圆形,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-30
- 这篇文章主要给大家介绍了关于iOS给border设置渐变色的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-09
- 这篇文章主要介绍了iOS新版微信底部返回横条问题的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-30
- 这篇文章主要介绍了vue+axios全局添加请求头和参数操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-24
- 这篇文章主要给大家介绍了关于iOS蓝牙设备名称缓存问题的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-12-08
- 这篇文章主要介绍了iOS新版微信底部工具栏遮挡问题完美解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-30
- 这篇文章主要给大家介绍了关于iOS新增绘制圆的方法,文中通过示例代码介绍的非常详细,对各位iOS开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧...2020-06-30
- 这篇文章主要为大家详细介绍了iOS UIBezierPath实现饼状图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-03-20
- 这篇文章主要介绍了封装 axios+promise通用请求函数操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-12
- ios获取文件路径的方法,iphone沙箱模型的四个文件夹,通过documents,tmp,app,Library得到模拟器路径的简单方式,下面小编整理相关资料,把IOS获取各种文件目录路径的方式总结如下,需要的朋友可以参考下...2020-06-30
- 这篇文章主要介绍了Vue中 axios delete请求参数操作,具有很好的参考价值,希望对大家有所 帮助。一起跟随小编过来看看吧...2020-08-26
- 这篇文章主要为大家详细介绍了iOS UICollectionView实现卡片效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-30
- 这篇文章主要为大家详细介绍了iOS实现电子签名,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-12-08
- 这篇文章主要介绍了Vue使用axios引起的后台session不同操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-14
- 这篇文章主要为大家详细介绍了iOS实现循环滚动公告栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-03-20
- 这篇文章主要介绍了iOS APP实现微信H5支付示例总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-30
- 这篇文章主要介绍了iOS WKWebview 白屏检测实现的示例,帮助大家更好的进行ios开发,感兴趣的朋友可以了解下...2020-10-20