ios - 没有间隙的核心动画循环

Question

假设我使用下面的代码从左到右为中央橙色“HELLO”设置动画

问: 如何为下面的自动收报机制作动画，使其看起来像 View “HELLO”在无间隙或跳跃地无休止地移动。 (把它想象成一个股票行情...)

-(void)animate:(UIView *)thisView
    {
        CABasicAnimation *moveView;
        moveView            = [CABasicAnimation animationWithKeyPath:@"position.x"];
        moveView.byValue    = @(self.view.frame.size.width);
        moveView.duration   = 3.0;
        moveView.removedOnCompletion = YES;
        moveView.fillMode   = kCAFillModeRemoved;
        moveView.autoreverses = NO;
         moveView.repeatCount = 10;
        [[thisView layer] addAnimation:moveView forKey:@"x"];
 }

Answer 1

好的，为此您需要两个标签。此外，我将使用基于 block 的动画。自 iOS4 以来，您使用的动画方法非常古老且不鼓励使用。

无论如何...

首先你需要像这样设置你的 View ......

               | Screen width  |
               |               |
[    Label    ]|[    Label    ]|

这两个标签应该位于屏幕宽度的两倍的单个 View 中。

因此 containerView 的框架将开始类似...

CGRect containerFrame = CGRectMake(-320, 0, 640, 44);

然后你可以为动画做这个......

- (void)animateLabels
{
    [UIView animateWithDuration:3.0
                          delay:0.0
                        options:UIViewAnimationOptionCurveLinear
                     animations:^{
                         // animate the container frame to the right 320 points
                         containerView.frame = CGRectOffset(containerView.frame, 320, 0);
                     }
                     completion:^(BOOL finished) {
                         // move it back to where it started
                         containerView.frame = CGRectOffset(containerView.frame, -320, 0);
                         [self animateLabels];
                     }];
}

这会将两个标签滑到右边，然后快速将它们放回去并再次开始动画。它会给人一种无限行标签在屏幕上滑动的错觉。