通过触摸停止并开始动画。目标C. [英] Stop and start an animation by touch. Objective C

问题描述

我制作了一个在屏幕上移动的动画，我的动画不断循环。如何点击动画图像时如何停止动画，然后在解除触摸时让动画继续？

I have made an animation that moves across the screen, my animation loops continuously. How can I stop the animation when you tap the animated image, Then let the animation continue when you lift the touch?

我知道如何使用TouchesMoved移动指定的按钮像这样：

I know how to use TouchesMoved to move a specified button like this:

CGPoint point = [[[event allTouches] anyObject] locationInView:self.view];
UIControl *control = sender;
control.center = point;

但要让它与我的动画一起使用。我希望动画在我触摸后继续。

But getting it to work with my animation. I would like the animation to continue after I touch it.

SelectedCellViewController.h

SelectedCellViewController.h

//  SelectedCellViewController.h

#import <Accounts/Accounts.h>
#import <QuartzCore/QuartzCore.h>

@interface SelectedCellViewController : UIViewController {
IBOutlet UIImageView *imageView;
UIImageView *rocket;
}

@end

viewControllertoShow.m

viewControllertoShow.m

#import "SelectedCellViewController.h"

@interface SelectedCellViewController ()

@end

@implementation SelectedCellViewController


- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
if ((self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil])) {
}
return self;
}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
}

#pragma mark - View lifecycle

- (void)viewDidLoad {

[super viewDidLoad];

[self performSelector:@selector(imageSpawn:) withObject:nil afterDelay:3];

}

- (void) imageSpawn:(id) sender
{

UIImage* image = [UIImage imageNamed:@"ae"];
rocket = [[UIImageView alloc] initWithImage:image];
rocket.frame = CGRectMake(-25, 200, 25, 40);
[UIView animateWithDuration:5
                      delay:0.2f
                    options:UIViewAnimationCurveEaseInOut | UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse
                 animations:^(){rocket.frame=CGRectMake(345, 200, 25, 40);}
                 completion:^(BOOL fin) {
                 }];

[self.view addSubview:rocket];
UITapGestureRecognizer *tapped = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(ballTapped:)];
tapped.numberOfTapsRequired = 1;
[rocket addGestureRecognizer:tapped];
[rocket setUserInteractionEnabled:YES];


}

-(void)ballTapped:(UIGestureRecognizer *)gesture
{
CGPoint location = [gesture locationInView:gesture.view];

//then write code to remove the animation
[self.view.layer removeAllAnimations];
NSLog(@"Tag = %d", gesture.view.tag);
rocket.frame = CGRectMake(location.x,location.y,25,40);
}

- (void)dismissView {
[self dismissViewControllerAnimated:YES completion:NULL];
}

- (void)viewDidUnload {

}

@end

推荐答案

正如您在问题中所述，您可以使用

As you had already stated in your question ,you can get the touched point using

CGPoint point = [[[event allTouches] anyObject] locationInView:self.view];

然后检查此点是否位于动画 UIImageview <的坐标内/ code>然后停止动画。
但是如果你使用scrollview，你将无法使用它，因为scrollview不会返回任何 UIView 触摸事件。

Then check check whether this point lies inside the coordinates of the animated UIImageview and then stop animation. But if you are using scrollview, you won't be able to use this because scrollview will not return any UIView touch events.

由于您的图片视图是动画，更好的选择是在您添加子视图时向图片视图添加UITapGestureRecogniser，例如

As your image view is animating, a better choice will be adding a UITapGestureRecogniser to the image view when you add it s subview, like this

- (void) imageSpawn:(id) sender
{

UIImage* image = [UIImage imageNamed:@"ae"];
UIImageView *rocket = [[UIImageView alloc] initWithImage:image];
rocket.frame = CGRectMake(-25, 200, 25, 40);
[UIView animateWithDuration:5
                      delay:0.2f
                    options:UIViewAnimationCurveEaseInOut | UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse
                 animations:^(){rocket.frame=CGRectMake(345, 200, 25, 40);}
                 completion:^(BOOL fin) {
                 }];

[myScrollView addSubview:rocket];
UITapGestureRecognizer *tapped = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(ballTapped:)];
    tapped.numberOfTapsRequired = 1;
    [self.rocket addGestureRecognizer:tapped];
    [rocket setUserInteractionEnabled:YES];
}

并且在目标函数中编写代码来停止动画：

And in the target function write code to stop the animation:

    -(void)ballTapped:(UIGestureRecognizer *)gesture
    {
    //here also you can get the tapped point if you need
        CGPoint location = [gesture locationInView:gesture.view];

    //then write code to remove the animation
        [self.view.layer removeAllAnimations]; 
     }

编辑：

如果您试图在触摸点停止图像视图，可以将其添加到ballTapped事件中：

If you are trying to stop the image view at the touched point, you can add this to ballTapped event:

rocket.frame = CGRectMake(location.x,location.y,25,40);

但为此必须声明 UIImageView * rocket 在此特定方法之外，即在头文件中声明。

But for this you have to declare UIImageView *rocket outside this particular method, i.e. declare to in your header file.

这篇关于通过触摸停止并开始动画。目标C.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！