IOS初体验-Tom猫的开发

前一篇博客写了最近入坑一部Mac，所以最近想着买了Mac也不能让 闲着哎，于是想玩玩IOS的，学了两晚上简单的可以开发在iPhone手机实现按钮的点击弹出对话框的demo，打电话，发短信的demo，但是这里面最让我兴奋的还是玩出了一个Tom猫的demo，当实现的那一刻起，别提有多高兴了。但是其中的曲折，纠结就不说了。

这里只讲开发Tom猫的开发过程，Tom想必大家都玩过，当你很窝火的时候就会拿他出气，然后点啊点啊，只把他打晕为止，就是这么血腥，关于如何使用XCode，如何学习IOS，如何如何，这里就不先提了，因为开发出了一个小应用，高兴劲那些就不在乎了，回来会慢慢的记录的，由于第一次写IOS项目吗，有什么不规范的地方，还请见谅，嘿嘿，下面开始讲讲开发过程吧。。。。

1.新建项目

然后next就好。

2.命名

这里只是平时开发着玩，所以用了中文，真正项目的时候就不要用中文了，上面三个自己要写，下面就默认就好了。

3.选择保存位置
自己选择一个就好了

4.打开布局界面

点击以后会出来一个空白界面，是没有图片的，需要这样

将这个imageview控件拖拽到空白布局中，然后选择图片资源

选择完成后，空白布局就会显示你选择的图片

然后我们还要向Tom猫头上拖拽一个button控件，便于我们敲击Tom猫，和拖拽imageview一样，找到对应的button控件，然后放到Tom猫头上就OK了，下面就是给button添加点击事件了

5.添加点击事件
这里我们只需要按住button，同时按住control键，向我们的代码区域拖拽就好

通过截图我们我们也可以看出，我们控制布局的代码区域是ViewControler.m文件，我们切换Xcode布局的位置在这

可以切换这三个看看。准备工作已经准备好了，下面就到了代码阶段了
6.上代码

- (IBAction)DaTom:(id)sender {
    //把所有的图片放到集合中
    NSMutableArray *imgs = [[NSMutableArray alloc] init];

    //把所有的图片加载到内存中
    for(int i = 0;i < 81;i++){

        //1.获取所有图片的图片名
        NSString *imgName = [NSString stringWithFormat:@"knockout_%02d.jpg",i];

        //2.获取图片对象
        UIImage *img = [UIImage imageNamed:imgName];

        //3.把每一个图片放到集合中去
        [imgs addObject:img];

    }
    //给图片设定动画
    //self.tomImageView.animationImages = imgs;
    _tomImageView.animationImages = imgs;

    //设定动画播放的时长
    _tomImageView.animationDuration = imgs.count * 0.05;

    //设定动画重复次数
    _tomImageView.animationRepeatCount = 1;

    //播放动画
    [_tomImageView startAnimating];
}

上面的代码注释已经很清晰了，就是第一句，可能还不知道，第一句就是刚刚我们拖拽的button生成的，DaTom就是我给起的点击名，类似于我们Android上面的onclick = “DaTom”，然后我们在代码中实现就是public void DaTom(View v){}一样一样的。
上面还有一句代码需要解释就是带有_的四句代码的tomImageView实在哪里得到的，这里因为需要Tom猫图片的切换，所以我们需要将Tom的图片也要拖拽到我们的代码区域中。刚刚我们将button拖拽到@implementation下面，而这次我们并不是将Tom的图片拖拽到这里啦，而是@interface下面

@property (weak, nonatomic) IBOutlet UIImageView *tomImageView;

这次知道_tomImageView从哪里来的了吧，关于这些图片的放置位置，很简单，我们只需要将图片拖拽到我们项目下面就好了，和项目放在一起，这里需要注意拖拽的时候

上面三个箭头，需要注意。
好了，到这已经大功告成，然后command+R运行一下看看，点击button之后

哈哈，Mac上的gif录制还没找到好用的，有好用的可以提供一个哈。。晚安喽。。。。