自定义网络加载窗效果

作者: SPIREJ | 来源:发表于2016-01-25 18:41 被阅读286次
  • 先来看一下效果图:

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


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


    视图元素类 .h文件
视图元素类 .m文件 初始化方法
视图元素类 .m 系统菊花旋转/停止 ![视图元素类 .m 自定义图片旋转/停止](https://img.haomeiwen.com/i1276164/75819e82e3a1e4ed.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  • 显示/隐藏加载窗类 NSObject
显示/隐藏加载窗类 .h
显示/隐藏加载窗类 .m 显示加载窗
显示/隐藏加载窗类 .m 隐藏加载窗
显示/隐藏加载窗类 .m 显示加载窗具体方法
显示/隐藏加载窗类 .m 取消加载窗具体方法
  • 如何使用?

1.在需要加载窗的地方
<pre>[SJShowWaitingAlert showWaitingContent:SJLoadingViewLoadingText inView:self];</pre>
2.在需要取消加载窗的地方
<pre>[SJShowWaitingAlert hideWaitingInView:self];</pre>

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

相关文章

  • 自定义网络加载窗效果

    先来看一下效果图: 1.加载窗里面的元素可以自定义2.两种效果示例:①系统的菊花效果 ②自定义图片效果3.用法简单...

  • 最简单的状态切换布局

    功能简介 正在加载数据 数据加载失败 数据加载为空 网络加载失败 重试点击事件 支持自定义布局 效果图展示 最简单...

  • iOS第三方总结

    iOS总结 1.网络封装, 各种加载效果,实现界面先要考虑刷新加载 2.自定义控件坐标用父坐标来写,不要写死 3....

  • 网络加载效果

    这种加载效果很好实现,基本原理就是在一个View上面花两个layer 第一个就是背景的那个圈,第二个就是那个红色...

  • 自定义进度条及仿58数据加载效果

    在项目开发中都会涉及到网络加载,文件上传或者下载,都会用到显示当前加载进度的进度条效果,最近刚好学了下自定义进度条...

  • flutter 图片

    加载网络图片网络图片 加载本地图片效果 实现图片圆角的几种方式 CircleAvatarCircleAvatar ...

  • WebView 从入坑到出坑(二)

    WebView 从入坑到出坑(一) WebView网络错误加载自定义页面 需求:因为如果没网络或者服务器异常加载时...

  • iOS中xib与storyboard各种加载

    xib 加载自定义View xib 加载自定义控制器 storyboard 加载自定义控制器 xib 加载自定义cell

  • DOM 小记

    创建一个文档片段,可以减少渲染次数,优化页面加载效果 自定义事件实例

  • Loading对话框

    自定义加载对话框效果 可以利用系统的ProgressBar自定义图片实现loading的圆环其中修改属性indet...

网友评论

    本文标题:自定义网络加载窗效果

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