美文网首页
一个简单的加载动画

一个简单的加载动画

作者: _Joeyoung_ | 来源:发表于2018-08-23 18:23 被阅读112次

先介绍下写此库的初衷吧,常用的第三方加载动画库拓展很好,但是查看自己的项目,除了加载动画其他功能皆无使用。综合考虑,实现逻辑不难,索性自己写一个轻量级的吧。

我给该库的定义是:一个简便的加载动画,没有多余的功能。

使用方法:

直接调用类方法 [QYProgressHUD show] 来展示加载动画, 调用类方法 [QYProgressHUD dismiss] 隐藏动画.
  • 展示和隐藏动画的时候无需关心线程问题,内部已经做了相关处理;
  • 支持旋转屏幕,动画视图会跟随屏幕旋转;
  • 加载动画期间 userInteractionEnabled = NO,默认禁止交互;
  • 因为在工程中使用频繁,该类是一个单例;
  • 相对于其他加载动画的库,此类没有拓展其他功能,实现简单,只用于加载动画;
  • 加载动画相关参数都在.m文件头部宏定义处,并未开放出来(有需要可自行修改)。
/**
show loading request animation.
*/
+ (void)show;
/**
dismiss loading animation.
*/
+ (void)dismiss;

Example:

// 显示加载动画
[QYProgressHUD show];
// 隐藏加载动画
[QYProgressHUD dismiss];

效果:

浅析QYProgressHUD:

  • QYProgressHUD继承自UIWindow ,整个视图设计分为3层,backgroundView 全屏背景,foregroundView HUD动画背景,activityIndicator小菊花动画。
  • backgroundView全屏背景:因为背景修改了alpha,直接把self当做背景的话,会影响其子视图透明度;
  • foregroundViewHUD动画背景:设计这一层是为了以后项目有新需求,可以直接在该视图层进行拓展;
  • activityIndicator小菊花动画:采用的系统视图。
当调用类方法 show 展现动画时,先执行单例方法,返回单例对象;然后调用实例方法 qy_startAnimating 添加加载动画。
+ (void)show {
    [[self sharedInstance] qy_startAnimating];
}
因为实例方法qy_startAnimating中要进行视图添加、动画等操作,所以包裹在主线程中执行的。
    dispatch_async(dispatch_get_main_queue(), ^{
        ...
    });
单例新建一个Window, 无需addSubview,默认创建是被添加到屏幕最上层的。只需要设置对应的 hidden = NO 即可显示出来。
如果我们创建出的UIWindow需要处理键盘事件, 可以将其设置为KeyWindow。KeyWindow是被系统设计用来接收键盘和其他非触摸事件的UIWindow。可以通过 makeKeyWindowresignKeyWindow 用来设置。
调用类方法dismiss移除动画,先执行单例方法,返回单例对象;然后调用实例方法qy_stopAnimating移除加载动画;该方法主要做了移除视图等操作。
+ (void)dismiss {
    [[self sharedInstance] qy_stopAnimating];
}
这个简单的库支持Cocoapods。
pod 'QYProgressHUD'

源码放在GitHub上了,想查看的小伙伴可以->戳这里。


千里之行,始于足下。

相关文章

  • 2018-09-01

    Android加载图片动画的简单实现

  • 简单的加载动画

    今天手机被测试同学征用了……想想好久没有写文章了,正好来水一篇。(近期也在学习音视频的东西,因为还没了解透彻不敢乱...

  • 一个简单的加载动画

    先介绍下写此库的初衷吧,常用的第三方加载动画库拓展很好,但是查看自己的项目,除了加载动画其他功能皆无使用。综合考虑...

  • overridePendingTransition 动画效果

    记录一个简单的界面出入动画效果. 先定义动画配置文件 然后在Activity界面的加载和取消逻辑中添加动画效果 除...

  • 属性动画案例二(加载动画)

    继续属性动画,之前写过 属性动画案例一(基础动画与飘心动画) 简单了解了属性动画,这次来点炫酷的~加载动画,先看一...

  • iOS加载框,带渐变颜色及动画,可自定义

    一个简单的数据加载框,可用来在数据加载中使用,也可以做静态显示,颜色等可自己调用,后续会加一个比较炫的加载动画。 ...

  • android简单的加载动画

    /** * Created by Administrator on 2017/9/14 0014. */ pu...

  • 一个简单的笑脸加载动画

    最近在 HenCoder 学习了扔物线大神的关于自定义控件的文章。于是找到我司设计师。 “之前跟你说来不及做的那些...

  • 一个简单的加载动画(一)

    最终效果,这个动画是在花瓣上看到的,主要是实现动画,代码还有优化的地方懒得做了。什么时候用到这个再来封装下。

  • 一个简单的加载动画(二)

    最终效果图: 代码:

网友评论

      本文标题:一个简单的加载动画

      本文链接:https://www.haomeiwen.com/subject/rxvmiftx.html