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];              // 停止播放动画
    • 效果
      1213778-20180814224015243-320313282.gif
  • 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);                                   // 播放声音
    }
    • 效果
      1213778-20180814223957423-2013207708.gif ------ 1213778-20180814224004185-818228495.gif

转载于:https://www.cnblogs.com/CH520/p/9478503.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值