zoukankan      html  css  js  c++  java
  • 猫猫学IOS(四)UI之半小时搞定Tom猫

    话不多说 先上效果
    项目源码素材下载地址: Tom猫游戏代码iOS 素http://blog.csdn.net/u013357243/article/details/44457357

    效果图

    曾经风靡一时的tom猫其实制作起来那是叫一个相当的easy啊
    功能全部实现,(关键是素材,没有素材的可以加我微信)
    新手也可以很快的完成tom这个很拉轰的ios应用哦
    做过android的我表示,android党默哀下把,那个做起来真心痛苦。。。。
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述

    然后呢你需要准备这些素材。。。
    这里写图片描述
    拖拽控件吧,因为这一个项目用到的不是很多,用代码写太累了,得不偿失,大家有兴趣的可以自己谢谢纯代码做ui的练习哦不会的可以参考我的前面一篇
    猫猫学IOS(三)UI之纯代码实现UI——图片查看器

    拖拽控件,那些东西呢 看图片吧
    这里写图片描述

    就是这些东西,那个名字的地方在代码中又妙用
    另外UIButton的tag属性也被添加了奇妙的数字
    如果不会拖拽控件的可以看 猫猫学IOS(一)UI之Hello World与加法计算器

    下面上代码

    代码

    //调用button监听方法
    -(IBAction)tomAction:(UIButton *)button{
        [self tomAnimationWithName:button.currentTitle count:button.tag];
    }
    //让tom猫动起来,name是要执行动作的名字 count是图片的个数
    -(void) tomAnimationWithName:(NSString *) name count:(NSInteger) count
    {
        //如果动画正在播放就返回不执行
        if (self.tom.isAnimating) {
            return;
        }
        //序列帧动画 播放一组图片
        //指定动画图片的数组
        NSMutableArray *arrayM = [NSMutableArray array];
        //添加动画播放的素材
        for (int i = 0; i<count;  i++) {
            NSString *imageName = [NSString stringWithFormat:@"%@_%02d.jpg",name,i];
    
    //      UIImage *image = [UIImage imageNamed:imageName];
    //        得到全路径名字
            NSString *path = [[NSBundle mainBundle] pathForResource:imageName ofType:nil];
            UIImage *image = [UIImage imageWithContentsOfFile:path];
            arrayM[i] = image;
        };
    
        //把操作好的UIImage图片放到UIImageView的animationImages当中   把图片数组放Tom控件中
        self.tom.animationImages = arrayM;
        //设置执行一次
        [self.tom setAnimationRepeatCount:1];
        //设置执行时间
        self.tom.animationDuration = arrayM.count * 0.075;
    
        //开始执行动画
        [self.tom startAnimating];
    
        //结束动画后,清理动画数组
        [self.tom performSelector:@selector(setAnimationImages:) withObject:nil afterDelay:self.tom.animationDuration];
    }

    这里就是我们要用到的代码了,记得要给弄好的代码前面的圈圈连到ui上面,否则点不点都没用的
    你敢相信吗,tom猫就这么几行代码就完成了,不到一个屏幕,大多数还是注释。

    说说应该注意的地方吧
    这里面内存管理特别重要,我们并没有用ios建议 我们用的
    [UIImage imageNamed:name];
    而是用了:
    [UIImage imageWithContentsOfFile:path];
    因为这样我们可以更完美的释放内存
    内存在ios中相当重要,客户体验一直是苹果提醒的(据说android5.0还是5.1又漏了。。。其实安卓真的不错,我没有黑android的意思哦,只是希望android能更加茁壮的成长,更加完善。)

    重构_图像的实例化

    重构–抽取代码
    方法:
    1> 将重复代码复制到新的方法中
    2> 根据需要调整参数

    关于图像的实例化

    imageNamed:系统推荐使用的,但是图像实例化之后的释放由系统负责
    如果要自己释放图片,不能使用imageNamed方法!

    而需要使用imageWithContentsOfFile

    提示:如果放在Images.xcassets中的图片,不能使用imageWithContentsOfFile
    Images.xcassets中不要 存放大的,不常用的图片

    PS1.需要学习资料的可以加我微信 znycat(标注从哪看到的,学习资料都免费,包括视频,ppt,项目,项目素材。。。。。) 。————我就是太多学不完了,想找几个人陪我一起纠结。欢迎大家来交流。

  • 相关阅读:
    Git fetch和git pull的区别
    gitlab数据迁移
    阿里云CentOS7挂载SSD云盘的方法
    phpQuery的用法
    用shell查找某目录下的最大文件
    gearman 简介
    学习笔记(3)——实验室集群WMS服务配置
    学习笔记(2)——实验室集群LVS配置
    Fedora16的双显卡切换问题
    学习笔记(1)——实验室集群配置
  • 原文地址:https://www.cnblogs.com/znycat/p/4352646.html
Copyright © 2011-2022 走看看