需求
公司最近有需求做個轉(zhuǎn)盤抽獎，寫了個指針轉(zhuǎn)盤，效果一般，就寫了個九宮格樣式的抽獎轉(zhuǎn)盤。支持網(wǎng)絡(luò)圖片和本地圖片加載。（不足之后請大佬指點下。三扣三扣??）
抽獎.gif
核心代碼
背景是兩張圖片輪換。然后便利圖片數(shù)組，新建對應(yīng)的imageView，點擊開始抽獎添加定時器，定時器選中每個獎項時修改其狀態(tài)，最后一圈修改定時器的間隔時間，讓其漸停。主要實現(xiàn)代碼：
- (void)initLuckViewSubViews {
dispatch_async(dispatch_get_main_queue(), ^{
if ([[self.borderImageView subviews] count]) {
[self.borderImageView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
}
});
dispatch_async(dispatch_get_main_queue(), ^{
CGFloat topMarge = (SCREEN_WIDTH - 40) * 3 / 28 + 3; //button距離頂部邊距, 2為btn到黑邊框距離
CGFloat leftMarge = (SCREEN_WIDTH - 40) / 7 + 2; //button距離左邊距, 2為btn到黑邊框距離
CGFloat btnSpace = 1.5f; //button之間的距離
CGFloat btnw = (SCREEN_WIDTH - 20 * 2 - leftMarge * 2 - btnSpace * 2)/3;
CGFloat margeW = 0; // imageView與button的邊框?qū)挾?
NSArray *prizeImageArr = self.localImageArray ? : self.urlImageArray;
for (int i = 0; i < prizeImageArr.count + 1; i++) {
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
[btn setImageEdgeInsets:UIEdgeInsetsMake(margeW, margeW, margeW, margeW)];
CGFloat x = leftMarge + btnSpace * (i % 3) + (i % 3) * btnw;
CGFloat y = topMarge + btnSpace * (i / 3) + (i / 3) * btnw;
CGFloat width = btnw;
CGFloat height = btnw;
btn.frame = CGRectMake(x, y, width, height);
[btn setImage:[UIImage imageNamed:@"v1.2.1_抽獎高亮"] forState:UIControlStateSelected];
[btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
self.borderImageView.userInteractionEnabled = YES;
[self.borderImageView addSubview:btn];
if (i == 4) {
[btn setTitle:@"" forState:UIControlStateNormal];
[btn setImage:[UIImage imageNamed:@"v1.2.1_抽獎按鈕"] forState:UIControlStateNormal];
btn.tag = 10;
self.startBtn = btn;
continue;
}
btn.tag = i > 4? i -1: i;
if (self.urlImageArray) {
[btn sd_setBackgroundImageWithURL:[NSURL URLWithString:[prizeImageArr objectAtIndex:i > 4? i -1: i]] forState:UIControlStateNormal];
} else {
[btn setBackgroundImage:[UIImage imageNamed:[prizeImageArr objectAtIndex:i > 4? i -1: i]] forState:UIControlStateNormal];
}
switch (i) {
case 0:
self->btn0 = btn;
break;
case 1:
self->btn1 = btn;
break;
case 2:
self->btn2 = btn;
break;
case 3:
self->btn3 = btn;
break;
case 5:
self->btn4 = btn;
break;
case 6:
self->btn5 = btn;
break;
case 7:
self->btn6= btn;
break;
case 8:
self->btn7 = btn;
break;
default:
break;
}
[self.btnArray addObject:btn];
}
[self TradePlacesWithBtn1:self->btn3 btn2:self->btn4];
[self TradePlacesWithBtn1:self->btn4 btn2:self->btn7];
[self TradePlacesWithBtn1:self->btn5 btn2:self->btn6];
});
}
- (void)btnClick:(UIButton *)btn {
if (btn.tag == 10) {
//點擊開始抽獎
currentTime = result;
self.time = 0.1;
[self.startBtn setEnabled:NO];
[self.backButton setEnabled:NO];
dispatch_async(dispatch_get_global_queue(0, 0), ^{
self->startTimer = [NSTimer scheduledTimerWithTimeInterval:self.time target:self selector:@selector(start:) userInfo:nil repeats:YES];
[[NSRunLoop currentRunLoop] run];
});
} else {
if ([self.delegate respondsToSelector:@selector(luckSelectBtn:)]) {
[self.delegate luckSelectBtn:btn];
}
}
}
- (void)start:(NSTimer *)timer {
UIButton *oldBtn = [self.btnArray objectAtIndex:currentTime % self.btnArray.count];
currentTime++;
UIButton *btn = [self.btnArray objectAtIndex:currentTime % self.btnArray.count];
dispatch_async(dispatch_get_main_queue(), ^{
oldBtn.selected = NO;
btn.selected = YES;
});
if (currentTime > stopTime) { //抽獎結(jié)果
self.TimeoutFlag = (stopTime == 79 + self.stopCount) ? YES : NO;
[timer invalidate];
dispatch_async(dispatch_get_main_queue(), ^{
[self.startBtn setEnabled:YES];
[self.backButton setEnabled:YES];
});
result = currentTime%self.btnArray.count;
[self stopWithCount:currentTime%self.btnArray.count];
return;
}
if (currentTime > stopTime - 10) {
self.time += 0.01 * (currentTime + 10 - stopTime); //動畫效果由快變慢
[timer invalidate];
dispatch_async(dispatch_get_global_queue(0, 0), ^{
self->startTimer = [NSTimer scheduledTimerWithTimeInterval:self.time target:self selector:@selector(start:) userInfo:nil repeats:YES];
[[NSRunLoop currentRunLoop] run];
});
}
}
- (void)stopWithCount:(NSInteger)count {
if ([self.delegate respondsToSelector:@selector(luckView:didStopWithArrayCount:)]) {
if (!self.TimeoutFlag) {
self.lotteryNumber = self.lotteryNumber - 1;
}
dispatch_time_t delayTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0/*延遲執(zhí)行時間*/ * NSEC_PER_SEC));
__weak typeof(self)weakSelf = self;
dispatch_after(delayTime, dispatch_get_main_queue(), ^{
[weakSelf.delegate luckView:self didStopWithArrayCount:count];
});
}
}
使用
- (void)loadLuckView {
WXWLuckView *luckView = [[WXWLuckView alloc] initWithFrame:CGRectMake(0, 0, ScreenWidth, ScreenHeight)];
luckView.center = self.view.center;
//網(wǎng)絡(luò)圖片地址
// luckView.urlImageArray = [@[@"http://oquujevnh.bkt.clouddn.com/first.jpg",
// @"http://oquujevnh.bkt.clouddn.com/second.jpg",
// @"http://oquujevnh.bkt.clouddn.com/third.jpg",
// @"http://oquujevnh.bkt.clouddn.com/fourth.jpg",
// @"http://oquujevnh.bkt.clouddn.com/fifth.jpg",
// @"http://oquujevnh.bkt.clouddn.com/sixth.jpg",
// @"http://oquujevnh.bkt.clouddn.com/seventh.jpg",
// @"http://oquujevnh.bkt.clouddn.com/eighth.jpg"]mutableCopy];
//本地圖片
luckView.localImageArray = [@[@"v1.2.1_1天",
@"v1.2.1_5天",
@"v1.2.1_7天",
@"v1.2.1_月卡",
@"v1.2.1_季卡",
@"v1.2.1_年卡",
@"v1.2.1_永久",
@"v1.2.1_大吉大利"] mutableCopy];
//抽獎結(jié)果提示信息
luckView.lotteryArray = @[@"加速器 1天",
@"加速器 5天",
@"加速器 7天",
@"加速器 月卡",
@"加速器 季卡",
@"加速器 年卡",
@"永久免費卡",
@"大吉大利，明天再來",];
//指定抽獎結(jié)果,對應(yīng)數(shù)組中的元素
luckView.stopCount = 5;
//設(shè)置抽獎次數(shù)
luckView.lotteryNumber = 5;
//設(shè)置代理
luckView.delegate = self;
[self.view addSubview:luckView];
}
#pragma mark - LuckViewDelegate
/**
* 中獎
*
*@param count 返回結(jié)果數(shù)組的下標(biāo)
*/
- (void)luckView:(UIView *)luckView didStopWithArrayCount:(NSInteger)count{
NSLog(@"抽到了第%ld個",(long)count);
WXWLuckView *luck = (WXWLuckView *)luckView;
__weak typeof(self)weakSelf = self;
[luck showLotteryResults:^(NSInteger remainTime) {
NSLog(@"點擊確認(rèn)");
if (remainTime == 0) { //次數(shù)用完啦，少年趕快去充值吧
[weakSelf dismissViewControllerAnimated:NO completion:nil];
}
}];
}
/**
* 點擊了數(shù)組中的第幾個元素
*
* @param button 點擊了第幾個獎品
*/
- (void)luckSelectBtn:(UIButton *)button {
NSLog(@"點擊了數(shù)組中的第%ld個元素",(long)button.tag);
}
//控件布局現(xiàn)在是寫死的，只是根據(jù)我當(dāng)前需求寫的，后期有時間更新下
1.選中獎項可以通過設(shè)置lotteryArray修改提示語，默認(rèn)x等獎；
2.通過設(shè)置stopCount選擇抽中獎項；
3.urlImageArray為網(wǎng)絡(luò)圖片鏈接數(shù)組，localImageArray為本地圖片數(shù)組；
4.lotteryNumber為抽獎次數(shù)，默認(rèn)一次
5.pod使用
pod 'WXWLuckView', '~> 0.2.5'
