自定义网络加载窗效果

  • 先来看一下效果图:

1.加载窗里面的元素可以自定义
2.两种效果示例:①系统的菊花效果 ②自定义图片效果
3.用法简单,一句代码搞定
4.图中模拟5秒后加载完毕,加载窗消失


自定义网络加载窗效果_第1张图片
第一种 系统的菊花

自定义网络加载窗效果_第2张图片
第二种 自定义的图片
  • 大体思路:引用三方库MRProgress,定义一个加载窗UIView类,用progressView.modeView初始化SJShowHUDView,达到加载窗的效果。
  • 定义一个UIView类,装载视图加载窗的元素。如:


    自定义网络加载窗效果_第3张图片
    视图元素类 .h文件
自定义网络加载窗效果_第4张图片
视图元素类 .m文件 初始化方法

自定义网络加载窗效果_第5张图片
视图元素类 .m 系统菊花旋转/停止 ![视图元素类 .m 自定义图片旋转/停止](http://upload-images.jianshu.io/upload_images/1276164-75819e82e3a1e4ed.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  • 显示/隐藏加载窗类 NSObject
自定义网络加载窗效果_第6张图片
显示/隐藏加载窗类 .h

自定义网络加载窗效果_第7张图片
显示/隐藏加载窗类 .m 显示加载窗

自定义网络加载窗效果_第8张图片
显示/隐藏加载窗类 .m 隐藏加载窗

自定义网络加载窗效果_第9张图片
显示/隐藏加载窗类 .m 显示加载窗具体方法

自定义网络加载窗效果_第10张图片
显示/隐藏加载窗类 .m 取消加载窗具体方法
  • 如何使用?

1.在需要加载窗的地方

[SJShowWaitingAlert showWaitingContent:SJLoadingViewLoadingText inView:self];

2.在需要取消加载窗的地方
[SJShowWaitingAlert hideWaitingInView:self];

示例代码下载:https://github.com/SPIREJ/SJShowHUD

你可能感兴趣的:(自定义网络加载窗效果)