zoukankan      html  css  js  c++  java
  • iOS开发UI篇—iOS开发中三种简单的动画设置

      【在ios开发中,动画是廉价的】

    一、首尾式动画

    代码示例:

    1     // beginAnimations表示此后的代码要“参与到”动画中
    2     [UIView beginAnimations:nil context:nil];
    3     // 设置动画时长
    4     [UIView setAnimationDuration:2.0];
    5     
    6       self.headImageView.bounds = rect;
    7 
    8     // commitAnimations,将beginAnimation之后的所有动画提交并生成动画
    9     [UIView commitAnimations];

      说明:如果只是修改控件的属性,使用首尾式动画还是比较方便的,但是如果需要在动画完成后做后续处理,就不是那么方便了

    二、block代码块动画

      代码示例:

       //简单的动画效果
        [UIView animateWithDuration:2.0 animations:^{
            showlab.alpha=0;
        } completion:^(BOOL finished) {
            [showlab removeFromSuperview];
        }];

      说明:

        (1)在实际的开发中更常用的时block代码块来处理动画操作。

        (2)块动画相对来说比较灵活,尤为重要的是能够将动画相关的代码编写在一起,便于代码的阅读和理解.

    三、序列帧动画(以一个简单的TOM猫动画示例)

          

    导入提前准备好的素材,对UIImageview和button按钮进行连线。

    代码示例:

     1 - (IBAction)eat {
     2     
     3     NSMutableArray  *arrayM = [NSMutableArray array];
     4     for (int i = 0; i < 40; i++) {
     5         [arrayM addObject:[UIImage imageNamed:[NSString stringWithFormat:@"eat_%02d.jpg",i]]];
     6     }
     7     //设置动画数组
     8     [self.tom setAnimationImages:arrayM];
     9     //设置动画播放次数
    10     [self.tom setAnimationRepeatCount:1];
    11     //设置动画播放时间
    12     [self.tom setAnimationDuration:40*0.075];
    13     //开始动画
    14     [self.tom startAnimating];
    15 }

    点击按钮,即可执行动画,实现效果截图如下:

    四、补充知识

      1. Images.xcassets中的素材

      (1)只支持png格式的图片

      (2) 图片只支持[UIImage imageNamed]的方式实例化,但是不能从Bundle中加载

      (3)  在编译时,Images.xcassets中的所有文件会被打包为Assets.car的文件

     2. UIImageView的序列帧动画(需要考虑程序性能,释放数据)

    // 0. 是否正在动画

    [self.tom isAnimating];

    // 1. 设置图片的数组

    [self.tom setAnimationImages:arrayM];

    // 2. 设置动画时长,默认每秒播放30张图片

    [self.tom setAnimationDuration:arrayM.count * 0.075];

    // 3. 设置动画重复次数,默认为0,无限循环

    [self.tom setAnimationRepeatCount:1];

    // 4. 开始动画

    [self.tom startAnimating];

    // 5. 动画播放完成后,清空动画数组

    [self.tom performSelector:@selector(setAnimationImages:) withObject:nilafterDelay:self.tom.animationDuration];

    3. UIImage imageNamed

      (1)在图片使用完成后,不会直接被释放掉,具体释放时间由系统决定,适用于图片小,常用的图像处理

      (2)如果快速释放图片,可以使用[UIImage imageWithContentsOfFile:path]实例化图像

    4. 方法重构的策略

      (1) 将具有共性的代码复制到一个新的方法

      (2)根据不同的调用情况,增加方法的参数

      提示:在写程序时不要着急重构,有时候把代码先写出来,更容易看清楚如何重构才会更好

    5. Bundle(包)中的图片素材

      往项目中拖拽素材时,通常选择

      (1) Destination: 勾选

      (2) Folders:

            1)选择第一项:黄色文件夹

                注意点:Xcode中分文件夹,Bundle中所有所在都在同一个文件夹下,因此,不能出现文件重名的情况

                特点:

               a.可以直接使用[NSBundle mainBundle]作为资源路径,效率高!

               b.可以使用[UIImage imageNamed:]加载图像

            2)选择第二项:蓝色文件夹

                注意点:Xcode中分文件夹,Bundle中同样分文件夹,因此,可以出现文件重名的情况

                 特点:

            a.需要在[NSBundle mainBundle]的基础上拼接实际的路径,效率较差

            b.不能使用[UIImage imageNamed:]加载图

  • 相关阅读:
    洛谷P1724 东风谷早苗
    hdu 1001 Sum Problem
    洛谷 P1006 传纸条
    codevs 6116 区间素数
    LibreOJ #101. 最大流
    洛谷 P1455 搭配购买
    LibreOJ #119. 最短路 (堆优化dijkstra)
    LibreOJ #109. 并查集
    COGS.1200 ganggang的烦恼
    uoj #15. 【NOIP2014】生活大爆炸版石头剪刀布
  • 原文地址:https://www.cnblogs.com/zengshuilin/p/5742843.html
Copyright © 2011-2022 走看看