如何在抖动效果上制作动画图像？

Question

我已经实现了游戏应用程序。我想在其中对图像的某些区域进行抖动效果动画。如何可能，请给我建议。

编辑： 我的确切疑问是： 在我的游戏应用程序中，有一个图像。现在我选择了图像的某个区域框架。现在我正在摇动 iPhone，那么只有框架图像的选定区域必须是动画的。

Answer 1

这是一个框架......然后您可以在建议的文档中获得更多详细信息。这确实很简单，但具有随机性，您可以用自己的图像进行实例化。我创建了一个图像容器作为 UIViewController，并在我的 main（您的 AppDelegate 或 RootViewController）中创建 viewDidLoad 中的实例。必须在 AppDelegate 中重载的方法（代码位于帖子末尾）以便接收震动，包括：

• viewWillAppear
• viewDidAppear
• viewWillDisappear
• viewDidDisappear
• canBecomeFirstResponder
• 变为FirstResponder
• nextResponder

您成为viewWillAppear中的响应者并且必须启用设备通知（已验证是否存在已记录的错误），因此调用运动方法。

• motionBegan:withEventmotionEnded
• :withEvent

我喜欢放一个 NSLog(@"%s", FUNCTION);在我所有第一次编写的方法中声明，这样我可以快速确定是否缺少某些内容来获取我的事件、正确初始化等。这只是我的风格。

AnimatedImage.h isA ViewController

    @interface AnimatedImage : UIViewController {

    UIImageView     *image;
    UILabel         *label;

    float cx;
    float cy;
    float duration;
    float repeat;


}

@property (nonatomic, retain) UIImageView *image;
@property (nonatomic, retain) UILabel *label;

-(id) initWithImageName: (NSString*) imageName;

-(IBAction) shake;

AnimatedImage.m

    #include <stdlib.h>
#define random() (arc4random() % ((unsigned)RAND_MAX + 1))

#import "AnimatedImage.h"


@implementation AnimatedImage

@synthesize image;
@synthesize label;


-(id) initWithImageName: (NSString*) imageName {
    NSLog(@"%s", __FUNCTION__);

    image = [[UIImageView alloc] initWithImage:[UIImage imageNamed:imageName]];

    return self;             
}


-(IBAction) shake {

    cx = 0.90 + (random() % 10) / 100; // cx = 0.95;
    cy = 0.90 + (random() % 10) / 100; // cy = 0.95;
    duration = ( 5.0 + random() % 10) / 1000.0;
    repeat   = (65.0 + random() % 20); 

    image.transform = CGAffineTransformScale(CGAffineTransformIdentity, cx, cy);

    [UIView beginAnimations: @"identifier" context: @"shake"];
    [UIView setAnimationDelegate:image.superclass];
    [UIView setAnimationDuration: duration]; // 0.008];
    [UIView setAnimationRepeatCount: repeat]; // 85.0];
    [UIView setAnimationRepeatAutoreverses: YES];

    image.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.0, 1.0);

    [UIView commitAnimations];
}


-(IBAction) bounce {

    image.transform = CGAffineTransformTranslate(image.transform, -20, -6);

    [UIView beginAnimations: @"identifier" context: @"bounce"];
    [UIView setAnimationDelegate:image.superclass];
    [UIView setAnimationDuration: duration];
    [UIView setAnimationRepeatCount: repeat];
    [UIView setAnimationRepeatAutoreverses: YES];

    image.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.0, 1.0);

    [UIView commitAnimations];
}


@end

这个“根或主”委托是一个 UIViewController。我留下了细节以显示其简单性，但仍然留下了我认为对于首次调试至关重要的“跟踪”代码。另外，顺便说一句，我相信您必须重载motionBegan，即使您只需要motionEnded 事件。我记得我的应用程序不起作用，然后我添加了motionBegan，它开始调用motionEnded。那样是有道理的，但我没有任何文档来支持它。运行后进行一个简单的实验就可以证实或否定我的评论。

- (void)viewDidLoad {
    [super viewDidLoad];
    [super becomeFirstResponder];
    .
    .
    .
    NSLog(@"%s", __FUNCTION__);
    NSLog(@"%s: I %s first responder! (%@)", __FUNCTION__, [self isFirstResponder] ? "am" : "am not", self);
    .
    .<created image in this ViewController's NIB using IB>
    .
    someImage   = (UIImageView *) [self.view viewWithTag:TAG_SOMEIMAGE];
    aniImage = [[AnimatedImage alloc] init];
    aniImage.image = someImage;
}


-(void) viewWillAppear: (BOOL) animated{
    NSLog(@"%s", __FUNCTION__);
    [[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications];
    [[NSNotificationCenter defaultCenter] addObserver: self 
                                             selector: @selector(receivedRotate:) 
                                                 name: UIDeviceOrientationDidChangeNotification 
                                               object: nil];
}



- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];
    NSLog(@"%s", __FUNCTION__);
    [super becomeFirstResponder];
    assert( [self canPerformAction:@selector(motionEnded:withEvent:) withSender:self] ); 
}


- (void)viewWillDisappear:(BOOL)animated {
    NSLog(@"%s", __FUNCTION__);
    [super viewWillDisappear:animated];
    [[NSNotificationCenter defaultCenter] removeObserver: self];
    [[UIDevice currentDevice] endGeneratingDeviceOrientationNotifications];
}

- (void)viewDidDisappear:(BOOL)animated {
    [super viewDidDisappear:animated];
    NSLog(@"%s", __FUNCTION__);

    [super resignFirstResponder];
}


- (BOOL)canBecomeFirstResponder {
    NSLog(@"%s", __FUNCTION__);
    return YES;
}

- (BOOL)becomeFirstResponder {
    NSLog(@"%s", __FUNCTION__);
    return YES;
}

- (UIResponder *)nextResponder {
    NSLog(@"%s", __FUNCTION__);

    return [self.view superview];
}

- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event {
    NSLog(@"%s", __FUNCTION__); 
}

- (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event {
    NSLog(@"%s", __FUNCTION__);

    if( [self isFirstResponder] ) {
        [aniImage shake];
    }
}

这段代码确实有效——但如果我删掉了太多细节，只需询问，我会确保添加足够的内容来帮助您。这对我来说是一项非常有意义的任务，我很高兴与在相同经历中寻求帮助的人分享它。

Answer 2

查看 LocateMe 示例代码，这是 SDK 中的第一个示例，并使用和更改弹回中心代码。