转盘功能的详细实现
来源:程序员人生 发布时间:2014-12-13 08:57:14 阅读次数:2458次
转盘功能的详细实现
1、自定义转盘XIB
+ (instancetype)wheelView
{
return [[NSBundle
mainBundle]
loadNibNamed:@"HMWheelView"
owner:nil
options:nil][0];
}
2、添加按钮
#warning
添加按钮
- (void)awakeFromNib
{
// 加载完XIB就开始启动转盘
self.link.paused
=
NO;
_rotationView.userInteractionEnabled
=
YES;
//
裁剪的大图片
UIImage *bigImage = [UIImage
imageNamed:@"LuckyAstrology"];
UIImage *selectedImage = [UIImage
imageNamed:@"LuckyAstrologyPressed"];
//
图片的尺寸
CGFloat imageW =
40
* [UIScreen
mainScreen].scale;
CGFloat imageH =
47
* [UIScreen
mainScreen].scale;
for (int
i =
0; i <
12; i++) {
//
创建按钮
HMWheelButton *button = [HMWheelButton
buttonWithType:UIButtonTypeCustom];
//
锚点
button.layer.anchorPoint
=
CGPointMake(0.5,
1);
//
位置
button.layer.position
=
CGPointMake(self.bounds.size.width
*
0.5,
self.bounds.size.height
*
0.5);
//
旋转按钮
button.layer.transform
=
CATransform3DMakeRotation(angle2radian(i
*
30),
0,
0,
1);
//
尺寸
button.bounds
=
CGRectMake(0,
0,
68,
143);
//
设置选中时候的背景图片
[button
setBackgroundImage:[UIImage
imageNamed:@"LuckyRototeSelected"]
forState:UIControlStateSelected];
//
设置按钮的图片
// image:裁剪的图片
// rect:裁剪的尺寸
CGRect clipRect =
CGRectMake(i * imageW,
0, imageW, imageH);
CGImageRef smallImage =
CGImageCreateWithImageInRect(bigImage.CGImage,
clipRect);
[button
setImage:[UIImage
imageWithCGImage:smallImage]
forState:UIControlStateNormal];
//
设置选中的图片
CGImageRef selectedSmallImage =
CGImageCreateWithImageInRect(selectedImage.CGImage,
clipRect);
[button
setImage:[UIImage
imageWithCGImage:selectedSmallImage]
forState:UIControlStateSelected];
//
监听点击事件
[button
addTarget:self
action:@selector(btnClick:)
forControlEvents:UIControlEventTouchDown];
// 默许选中第1个
if (i ==
0) {
[self
btnClick:button];
}
[_rotationView
addSubview:button];
}
}
3、实现监听方法
#warning
监听按钮点击
- (void)btnClick:(UIButton
*)button
{
_selectedButton.selected
=
NO;
button.selected
=
YES;
_selectedButton
= button;
}
4、定义定时器
- (CADisplayLink
*)link
{
if (_link
==
nil) {
CADisplayLink *link = [CADisplayLink
displayLinkWithTarget:self
selector:@selector(update)];
[link
addToRunLoop:[NSRunLoop
mainRunLoop]
forMode:NSDefaultRunLoopMode];
_link = link;
}
return
_link;
}
- (void)update
{
_rotationView.transform
=
CGAffineTransformRotate(_rotationView.transform, ((45 / 60.0)
/
180.0
* M_PI));
}
5、实现开始选号功能
- (IBAction)start:(id)sender
{
// 1.不要和用户交互
_rotationView.userInteractionEnabled
=
NO;
// 2.取消渐渐的旋转
_link.paused
=
YES;
CABasicAnimation
*anim = [CABasicAnimation
animation];
anim.keyPath
=
@"transform.rotation";
anim.toValue
=
@(M_PI
*
2 *
3);
anim.duration
=
0.5;
anim.delegate
=
self;
[_rotationView.layer
addAnimation:anim
forKey:nil];
}
6、实现 CAAnimationDelegate的代理方法
- (void)animationDidStop:(CAAnimation
*)anim finished:(BOOL)flag
{
_rotationView.userInteractionEnabled
=
YES;
//
让选中按钮回到最在上面的中间位置:
CGFloat angle =
atan2(_selectedButton.transform.b,
_selectedButton.transform.a);
//
把我们的转盘反向旋转这么多°
_rotationView.transform
=
CGAffineTransformMakeRotation(-angle);
dispatch_after(dispatch_time(DISPATCH_TIME_NOW,
(int64_t)(2
*
NSEC_PER_SEC)),
dispatch_get_main_queue(), ^{
[self
startRotating];
});
}
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠