iOS 转盘抽奖游戏(原生)

转盘抽奖游戏在一般的app中都会有，应该算是一种吸引用户的一种手段。在项目中集成转盘抽奖游戏，大都采用h5的方式来实现，但是由于项目需求，需要在app中使用原生来实现转盘抽奖。实现原理也很简单，中间的一个图片姑且把它叫做转盘好了，让用户点击抽奖的时候，跟服务器做一次请求，拿到当前用户即将获得的奖品，根据奖品的位置，让转盘旋转对应的时间，和对应的圈数，最后定位到抽奖的位置，转盘结束转动，弹窗让用户知晓自己的中奖情况。
好了，废话说到这里，直接上效果图：

核心代码：

#define perSection    M_PI*2/8

-(void)animationWithSelectonIndex:(NSInteger)index{
    
    [self backToStartPosition];
    self.startButton.enabled = NO;
    self.needleImgView.image = [UIImage imageNamed:@"lottery_start_needle_noenable"];
    self.textImgView.image = [UIImage imageNamed:@"lottery_state_zhong"];
    CABasicAnimation *layer = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    
    //先转4圈 再选区 顺时针(所有这里需要用360-对应的角度) 逆时针不需要
    layer.toValue = @((M_PI*2 - (perSection*index +perSection*0.5)) + M_PI*2*4);
    layer.duration = 4;
    layer.removedOnCompletion = NO;
    layer.fillMode = kCAFillModeForwards;
    layer.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
    layer.delegate = self;
    
    [self.gameBgView.layer addAnimation:layer forKey:nil];
}

-(void)backToStartPosition{
    CABasicAnimation *layer = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    layer.toValue = @(0);
    layer.duration = 0.001;
    layer.removedOnCompletion = NO;
    layer.fillMode = kCAFillModeForwards;
    [self.gameBgView.layer addAnimation:layer forKey:nil];
}

#pragma mark - CAAnimationDelegate
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
    
    //设置指针返回初始位置
    self.startButton.enabled = YES;
    self.needleImgView.image = [UIImage imageNamed:@"lottery_start_needle_enable"];
    self.textImgView.image = [UIImage imageNamed:@"lottery_state_start"];
    if (self.rotaryEndTurnBlock) {
        self.rotaryEndTurnBlock();
    }
}

更多源码请参考demo:
转载请标注来源：https://www.cnblogs.com/tinych/p/9121877.html

iOS 转盘抽奖游戏(原生)

猜你喜欢