iOS - UIImageView 动画

1、UIImageView 动画

1.1 播放图片集

• 播放图片集

  @property (nonatomic, strong) UIImageView *playImageView;self.playImageView = [[UIImageView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:self.playImageView];// 创建图片集
NSMutableArray *imageArray = [NSMutableArray arrayWithCapacity:0];for (int i = 1; i < 30; i++) { // 添加图片
[imageArray addObject:[UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg", i]]];
}// 播放图片集self.playImageView.animationImages = imageArray; // 设置播放的图片集（需将图片添加到数组 imageArray 中）
self.playImageView.animationDuration = 29; // 设置播放整个图片集的时间
self.playImageView.animationRepeatCount = 0; // 设置循环播放次数，默认为 0 一直循环
[self.playImageView startAnimating]; // 开始播放// [self.playImageView stopAnimating]; // 停止播放动画


  • 效果

    

1.2 汤姆猫

• 汤姆猫

  #import <AudioToolbox/AudioToolbox.h>@property (nonatomic, strong) UIImageView *playImageView;// 创建播放视图
self.playImageView = [[UIImageView alloc] initWithFrame:self.view.bounds];
self.playImageView.image = [UIImage imageNamed:@"background.jpg"];
[self.view addSubview:self.playImageView];// 创建功能按钮
const CGFloat viewWith = self.view.bounds.size.width;
const CGFloat viewHeight = self.view.bounds.size.height;const CGFloat gap = 10;
const CGFloat buttonWith = self.view.bounds.size.width / 5;
const CGFloat buttonHeight = buttonWith;// 功能按钮图片集
NSArray *buttonImageNameArray = @[@"fart.png", @"cymbal.png", @"drink.png", @"eat.png", @"pie.png", @"scratch.png"];for (int i = 0; i < 11; i++) { UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[self.playImageView addSubview:button]; self.playImageView.userInteractionEnabled = YES; if (i < 6) { // 两边功能按钮的布局 if (i < 3) { button.frame = CGRectMake(gap, viewHeight / 2 + (buttonHeight + gap ) * (i % 3), buttonWith, buttonHeight);
}
else { button.frame = CGRectMake(viewWith - buttonWith - gap,
viewHeight / 2 + (buttonHeight + gap) * (i % 3),
buttonWith,
buttonHeight);
} [button setBackgroundImage:[UIImage imageNamed:buttonImageNameArray[i]] forState:UIControlStateNormal]; } else { // 隐藏按钮的布局 if (i == 6){ // 头 button.frame = CGRectMake(viewWith/4, viewHeight/5, viewWith/2, viewHeight/4);
}
else if (i == 7){ // 肚子 button.frame = CGRectMake(viewWith/3, viewHeight/3*2, viewWith/3, viewHeight/7);
}
else if (i == 8){ // 左脚 button.frame = CGRectMake(viewWith/4*2, viewHeight/6*5, viewWith/6, viewHeight/7);
}
else if (i == 9){ // 右脚 button.frame = CGRectMake(viewWith/4, viewHeight/6*5, viewWith/5, viewHeight/7);
}
else{ // 尾巴 button.frame = CGRectMake(viewWith/9*6, viewHeight/7*5, viewWith/7, viewHeight/5);
} // button.backgroundColor = [UIColor yellowColor];
} button.tag = 100 + i; // 设置按钮事件
[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];
}// 点击按钮事件处理
- (void)buttonClick:(UIButton *)button { switch (button.tag - 100) { case 0: // fart 放屁 [self playAnimation:@"fart"];
[self performSelector:@selector(playVoice:) withObject:@"fart" afterDelay:0.5]; break; case 1: // cymbal 敲锣 [self playAnimation:@"cymbal"];
[self performSelector:@selector(playVoice:) withObject:@"cymbal" afterDelay:0.5]; break; case 2: // drink 喝牛奶 [self playAnimation:@"drink"];
[self performSelector:@selector(playVoice:) withObject:@"drink" afterDelay:0.5]; break; case 3: // eat 吃小鸟 [self playAnimation:@"eat"];
[self performSelector:@selector(playVoice:) withObject:@"eat" afterDelay:0.5]; break; case 4: // pie 撇东西 [self playAnimation:@"pie"];
[self performSelector:@selector(playVoice:) withObject:@"pie" afterDelay:0.5]; break; case 5: // scratch 抓屏幕 [self playAnimation:@"scratch"];
[self performSelector:@selector(playVoice:) withObject:@"scratch" afterDelay:1.5]; break; case 6: // knockout 头 [self playAnimation:@"knockout"];
[self performSelector:@selector(playVoice:) withObject:@"knockout" afterDelay:0.5]; break; case 7: // stomach 肚子 [self playAnimation:@"stomach"];
[self performSelector:@selector(playVoice:) withObject:@"stomach" afterDelay:0.5]; break; case 8: // foot_left 左脚 [self playAnimation:@"foot_left"];
[self performSelector:@selector(playVoice:) withObject:@"foot_left" afterDelay:0.5]; break; case 9: // foot_right 右脚 [self playAnimation:@"foot_right"];
[self performSelector:@selector(playVoice:) withObject:@"foot_right" afterDelay:0.5]; break; case 10: // angry 尾巴 [self playAnimation:@"angry"];
[self performSelector:@selector(playVoice:) withObject:@"angry" afterDelay:0.8]; break; default:
break;
}
}// 播放动画
- (void)playAnimation:(NSString *)key { // 读取 plist 文件获取图片数量
NSDictionary *imageNumDictionary = [NSDictionary dictionaryWithContentsOfFile:[[NSBundle mainBundle]
pathForResource:@"TomCat" ofType:@"plist"]]; int imageNum = [[imageNumDictionary objectForKey:key] intValue]; NSMutableArray *imageArray = [NSMutableArray arrayWithCapacity:0]; for (int i = 0; i < imageNum; i++) { [imageArray addObject:[UIImage imageNamed:[NSString stringWithFormat:@"%@_%.2d.jpg", key, i]]];
} self.playImageView.animationImages = imageArray;
self.playImageView.animationDuration = imageNum/13;
self.playImageView.animationRepeatCount = 1; [self.playImageView startAnimating]; // 播放动画
}// 播放声音
- (void)playVoice:(NSString *)key { // 添加声音
SystemSoundID soundID;
AudioServicesCreateSystemSoundID((__bridge CFURLRef)([NSURL fileURLWithPath:[[NSBundle mainBundle]
pathForResource:key ofType:@"wav"]]),
&soundID); AudioServicesPlayAlertSound(soundID); // 播放声音
}


  • 效果