Tom猫喝牛奶（计时器、帧动画）

妖狐艹你老母 2023-10-17 02:49 25阅读 0赞

1、使用计时器实现Tom猫喝牛奶代码：

@interface ZMSecondViewController ()
    
    @end
    
    @implementation ZMSecondViewController
    
    //不要在视图控制器初始化方法中添加与界面相关的操作，self.view
    - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
    {
        self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
        if (self) {
            // Custom initialization
        }
        return self;
    }
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];
        
        //创建背景图片
        catView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 480)];
        catView.image=[UIImage imageNamed:@"drink_0.jpg"];
        [self.view addSubview:catView];
        
        //喝牛奶的Button
        drinkButton=[UIButton buttonWithType:UIButtonTypeSystem];
        drinkButton.frame=CGRectMake(240, 290, 60, 60);
        [drinkButton addTarget:self action:@selector(drinkClick) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:drinkButton];
        
        //milk图片
        //子视图的原点坐标以父视图的坐标为准，依然为（0，0）；
        milkView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 60, 60)];
        milkView.image=[UIImage imageNamed:@"milk.png"];
        [drinkButton addSubview:milkView];
        
        //返回第一页面
        UIButton *goToFirstButton=[UIButton buttonWithType:UIButtonTypeSystem];
        goToFirstButton.frame=CGRectMake(5, 420, 60, 40);
        [goToFirstButton setTitle:@"Back" forState:UIControlStateNormal];
        [goToFirstButton addTarget:self action:@selector(goBackClick) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:goToFirstButton];
        
    }
    
    //喝牛奶时间触发
    - (void)drinkClick
    {
        //每次点击 喝牛奶的  button ，如果当前 tom没在喝牛奶，就创建定时器，让它喝牛奶；如果在，就没有操作；
        //timer 为空，表示 当前没有timer ，tom没在喝牛奶
        if(_timer==nil)
        {
            _timer=[NSTimer scheduledTimerWithTimeInterval:0.12 target:self selector:@selector(drink) userInfo:nil repeats:YES];
            //不调用  fire 方法时，创建定时器之后，会 计时，每隔0.15秒调用一次changePic方法；
            //调用  fire 方法时 ，创建定时器之后，先调用一次changePic方法，之后，计时，每隔0.15秒调用一次changePic方法 ；
            [_timer fire];
            //还是这个方法主流,添加到NSRunLoop中运行
            //将计时器添加到主线程，拖拽其他控件不会让计时器停止运行
            [[NSRunLoop currentRunLoop] addTimer:_timer forMode:NSRunLoopCommonModes];
        }
    }
    
    //计时器绑定，拼接图片连贯动作
    - (void)drink
    {
        _count++;
        NSString *picture=[NSString stringWithFormat:@"drink_%d.jpg",_count];
        catView.image=[UIImage imageNamed:picture];
        if(_count==80)
        {
            //_conut 归0 ；为了下次点击  button时 ，tom可以再次喝牛奶
            _count=0;
            //如果当前定时器不为空；但是  tom喝牛奶的操作已经结束,_timer依旧在后台运行 ；需要把定时器销毁，赋空值
            if(_timer!=nil)
            {
             // 不销毁timer,依旧在占用内存,timer销毁之后，不为空
             //定时器销毁时，页面就定在最后一张图片显示
            [_timer invalidate];
            //赋空值，是为了 下次点击button的时候，根据空值判断，可以再次创建 timer，让tom再次喝牛奶
            _timer =nil;
            }
        }
    }

2、帧动画实现代码：

@interface ZMSecondViewController ()
    
    @end
    
    @implementation ZMSecondViewController
    {
        int             i;
        UIImageView     *catView;
        NSMutableArray  *pictureArray;
    }
    //不要在视图控制器初始化方法中添加与界面相关的操作，self.view
    - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
    {
        self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
        if (self) {
            // Custom initialization
        }
        return self;
    }
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];
        
        //创建背景图片
        catView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 480)];
        catView.image=[UIImage imageNamed:@"drink_0.jpg"];
        [self.view addSubview:catView];
        
        //喝牛奶的Button
        UIButton *drinkButton=[UIButton buttonWithType:UIButtonTypeSystem];
        drinkButton.frame=CGRectMake(240, 290, 60, 60);
        [drinkButton addTarget:self action:@selector(drinkClick) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:drinkButton];
        
        //milk图片
        //子视图的原点坐标以父视图的坐标为准，依然为（0，0）；
        UIImageView *milkView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 60, 60)];
        milkView.image=[UIImage imageNamed:@"milk.png"];
        [drinkButton addSubview:milkView];
        
        //创建汤姆猫喝牛奶图片数组
        pictureArray=[[NSMutableArray alloc] init];
        for(i=1;i<81;i++)
        {
            NSString *imageName=[NSString stringWithFormat:@"drink_%d.jpg",i];
            UIImage *imageDrink=[UIImage imageNamed:imageName];
            [pictureArray addObject:imageDrink];
        }
     
        //返回第一页面
        UIButton *goToFirstButton=[UIButton buttonWithType:UIButtonTypeSystem];
        goToFirstButton.frame=CGRectMake(5, 420, 60, 40);
        [goToFirstButton setTitle:@"Back" forState:UIControlStateNormal];
        [goToFirstButton addTarget:self action:@selector(goBackClick) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:goToFirstButton];
        
    }
    
    //喝牛奶触发事件
    - (void)drinkClick
    {
        NSLog(@"喝牛奶");
        if(i==80)
        {
            //停止动画  ；停止的时候，显示的图片是 _fireView最初赋值的图片
            //与Timer区别在于，Timer停止时显示最后一张照片，而帧动画停止时显示最初赋值的照片
            [catView stopAnimating];
            i=0;
        }
        else
        {
            //设置图片切换一轮所需要的时间；默认值是 图片的数目* 1/30.0 ;
            catView.animationDuration=8;
            
            //设置图片切换的数组；数组中存放的UIImage的对象
            catView.animationImages=pictureArray;
            
            //设置动画的重复次数，默认值为0，表示无穷大
            catView.animationRepeatCount=1;
            
            //开始动画
            [catView startAnimating];
        }
    }
    
    @end

最后，附上效果一览，由于图片过大，只能上传部分，望予谅解，谢谢！

![Center][]

[Center]: https://img-blog.csdn.net/20160620104558019?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center