如何实现点击按钮后让UIPicker像老虎机一样转动？

嘿，很高兴你已经迈出了制作老虎机应用的第一步！UIPicker的滚动功能核心逻辑其实很清晰，我给你拆解几个关键实现方向，一步步来就能搞定：

• 先给按钮绑定点击事件
  不管你是用Storyboard拖拽关联IBAction，还是纯代码创建按钮，首先得让按钮能触发滚动动作。比如纯代码的方式可以这么写：

  // 假设你的按钮是spinButton，picker是你的UIPickerView实例
  [self.spinButton addTarget:self action:@selector(startSpinning:) forControlEvents:UIControlEventTouchUpInside];
  

• 核心：用UIPickerView的滚动方法实现随机转动
  UIPickerView自带了selectRow:inComponent:animated:方法，这就是实现滚动的关键！你只需要给每个滚轮（component）生成一个随机的目标行号，调用这个方法就能让滚轮滚动到对应位置。
  举个简单的实现例子：

  - (IBAction)startSpinning:(UIButton *)sender {
      // 遍历所有滚轮（假设你有3个滚轮）
      for (NSInteger component = 0; component < 3; component++) {
          // 获取当前滚轮的总行数（依赖你已经实现的数据源方法）
          NSInteger totalRows = [self.pickerView numberOfRowsInComponent:component];
          // 生成0到总行数-1之间的随机行号
          NSInteger randomRow = arc4random_uniform((u_int32_t)totalRows);
          // 触发滚动，animated设为YES会有平滑滚动动画
          [self.pickerView selectRow:randomRow inComponent:component animated:YES];
      }
  }
  

• 优化：让滚动更像真实老虎机
  如果想要更逼真的效果（比如每个滚轮多转几圈再停下，或者滚动时长不一样），可以用UIView的动画来自定义滚动的时长和延迟：

  - (IBAction)startSpinning:(UIButton *)sender {
      NSInteger componentCount = self.pickerView.numberOfComponents;
      for (NSInteger component = 0; component < componentCount; component++) {
          NSInteger totalRows = [self.pickerView numberOfRowsInComponent:component];
          // 让滚轮先转5-10圈，再停在随机位置
          NSInteger extraTurns = 5 + arc4random_uniform(6);
          NSInteger targetRow = extraTurns * totalRows + arc4random_uniform((u_int32_t)totalRows);
          
          // 每个滚轮设置不同的滚动时长，比如从左到右越来越慢
          NSTimeInterval animationDuration = 1.2 + component * 0.4;
          
          [UIView animateWithDuration:animationDuration delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{
              // 这里animated设为NO，因为我们用UIView的动画来控制时长
              [self.pickerView selectRow:targetRow inComponent:component animated:NO];
          } completion:^(BOOL finished) {
              // 滚动结束后可以在这里处理逻辑，比如判断是否中奖
              NSInteger finalRow = [self.pickerView selectedRowInComponent:component];
              // 做你需要的后续操作...
          }];
      }
  }
  

• 别忘了确认数据源方法正确
  上面的代码依赖你已经实现的UIPickerView数据源方法，确保numberOfRowsInComponent:能正确返回每个滚轮的行数：

  - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
      // 替换成你自己的数据源数组，比如你之前填充好的数据数组
      return [self.dataSourceArrays[component] count];
  }
  

这样一步步来，你就能实现点击按钮让UIPicker滚动的效果啦！如果之后需要处理滚动结束后的逻辑（比如判断是否中奖），可以在动画的completion回调里，或者实现pickerView:didSelectRow:inComponent:方法来获取最终选中的行号。

内容的提问来源于stack exchange，提问作者Keselme