UIView 块动画将视图从左到右和从后到左移动

Question

我不想对形状为箭头的视图进行动画处理，我希望它从左到右、从左到右等进行动画处理。

下面的代码不起作用，我猜我需要一条路径，但是不知道如何在 UIView 块动画中做到这一点。

   [UIView animateWithDuration:.5 delay:0 options:UIViewAnimationOptionRepeat animations:^{
    controller.view.frame = frame1;
    controller.view.frame = frame2;

} completion:^(BOOL finished) {

}];

Answer 1

您可以使用UIViewAnimationOptionAutoreverse选项，尝试下面的代码：

UIView * testView = [[UIView alloc] initWithFrame:CGRectMake(20.0f, 100.0f, 300.0f, 200.0f)];
[testView setBackgroundColor:[UIColor blueColor]];
[self.view addSubview:testView];

[UIView animateWithDuration:0.3f
                      delay:0.0f
                    options:UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse
                 animations:^{
                     [testView setFrame:CGRectMake(0.0f, 100.0f, 300.0f, 200.0f)];
                 }
                 completion:nil];

[testView release];

它将重复从右到左，从左到右，......顺利地移动。

Answer 2

假设frame1是重复之前的起始位置，frame2是重复之前的结束位置。

问题是动画是在运行循环结束时计算的，因此忽略了frame1，视图只是移动到frame2。如果将 frame1 的设置移到块之外，那么它应该可以正常工作。如果您希望动画向后和向前播放，则需要使用 UIViewAnimationOptionAutoreverse 使其autoreverse