我是 iOS 开发的新手。当我按下秒表开始按钮时，我想显示计时器，如计数器令牌效果。我附上了图片供您参考。我已经完成了显示秒和分钟但我不知道，如何动画自动滚动效果？我该怎么做？
当计数器移动时，它不应该从一个数字跳到另一个数字，而是应该从一个数字平稳地移动到下一个数字，就像汽油泵表一样。谢谢
【问题讨论】：
我以前做过类似的事情 - 这段代码不一定干净，但它可以完成工作。
您想在 .h 文件中创建两个UILabels：
IBOutlet UILabel *figureLabel1;
IBOutlet UILabel *figureLabel2;
然后你想创建一个BOOL，这样我们就可以知道哪个UILabel对用户是可见的。
BOOL firstLabel;
所以让我们假设初始标签（显示数字 1）是 figureLabel1，而未来要显示的 UILabel（显示数字 2）是 figureLabel2。然而，当计数器加一时，figureLabel2 向上移动并取代figureLabel1 的位置。然后，当figureLabel1 被隐藏时，它会在figureLabel1 可见时取代figureLabel2。
看这里：
// Check what label is showing
if (firstLabel == YES) {
// Following code the hide and move the figureLabel1
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:0.5];
[UIView setAnimationDelegate: self]; //or some other object that has necessary method
[UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context:)];
// Slowing fade out the figureLabel1
[figureLabel1 setAlpha:0];
// Move the figureLabel1 up and out of the way
[figureLabel1 setFrame:CGRectMake(20, 108, 287, 55)];
[UIView commitAnimations];
// Following code the show and move the figureLabel2
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:0.5];
// Slowing fade in the figureLabel2
[figureLabel2 setAlpha:1];
// Move the figureLabel2 up and into position
[figureLabel2 setFrame:CGRectMake(20, 141, 287, 55)];
[UIView commitAnimations];
// Update BOOL for next label
firstLabel = NO;
} else {
// Exactly the same but opposite
}
正如我所说，这并不漂亮，但它显示了基本概念。万事如意！
【讨论】：
你需要手动滚动tableView而不是scrollToRowAtIndexPath，因为这个动画使用了它自己的定时器间隔并且它非常困难或者我们可以说不可能改变它的时间间隔。
所以，我正在为此类问题实现一个 API，并为您制作了一个演示应用程序，您可以根据需要平滑滚动。
您需要使用每 1 秒触发一次的外部计时器和每 0.03 秒触发一次的内部计时器，因为我的 tableRow 高度为 30 我将内部计时器间隔计算为：---
移动 30 像素 1 秒，然后 在内部计时器内移动 1 个像素 0.33 秒。
内部计时器将失效并每 1 秒触发一次，因为在外部计时器中初始化。
内部定时器将执行单元格的移动。
dial4 是一个 tableView
看看我的代码。
#define rowHeight 30
-(void)startCounter
{
outertimer=[NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(snapCell) userInfo:nil repeats:YES];
}
-(void)stopCounter
{
[outertimer invalidate];
}
-(void)snapCell
{
NSLog(@"Initialize Internal timer %i",secLsb);
secLsb++;
if (secLsb==10) {
[dial4 setContentOffset:CGPointMake(0, 0) animated:NO];
secLsb=0;
NSLog(@"dial content offset y is %f",dial4.contentOffset.y);
}
[internaltimer invalidate];
internaltimer=[NSTimer scheduledTimerWithTimeInterval:0.03
target:self
selector:@selector(automaticScroll)
userInfo:nil
repeats:YES];
}
-(void)automaticScroll
{
NSLog(@"val is & y ======== %f",dial4.contentOffset.y);
[dial4 setContentOffset:CGPointMake(dial4.contentOffset.x,dial4.contentOffset.y+1) animated:NO];
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return rowHeight;
}
【讨论】：
UIView 动画来控制表格视图的contentOffset 而不是实现自己的计时器难道不好吗？
从图像可以假设您正在尝试获得倒计时计时器之类的效果。在这里查看countdown timer。它可能会以某种方式帮助您。
享受编程！
【讨论】：
【讨论】：
到目前为止，这里有几个好主意，但我会添加另一个。
首先，确保使用 Interface Builder 中的 Clip Subviews 复选框将容器视图（您的蓝色矩形）设置为剪辑子视图。
其次，为要呈现的每个数字添加一组子视图，其中包含每个数字的图像（在您的情况下为 4 * 10 = 40 个子视图）。在 IB 中使用标签，以便您可以轻松访问每个标签。将初始边界设置为刚好低于下边距。
调用 UIView animateWithDuration。在动画块中，将新数字视图的框架设置为出现在剪辑的父视图的边界中，并将旧数字视图的框架设置为刚好在容器边界的上方。由于两个视图的帧变化都是在同一个块中进行动画处理的，因此这将产生新数字向上滑动到位的效果，而旧数字滑出顶部。
在完成块中，将旧数字的框架设置回容器视图下方的原始位置。
使用这种方法，您可以使用持续时间和时序曲线，以便模拟在转换之间每个数字完全显示时发生的停顿。
类似的方法也可以用于 CALayer 或 sprite，但 UIView 是轻量级的，性能良好，并且最容易在 Interface Builder 中组装。
【讨论】：