码迷,mamicode.com
首页 > 移动开发 > 详细

iOS学习之路--下拉刷新和上拉加载更多

时间:2015-04-02 22:22:38      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:

iOS学习之路--下拉刷新和上拉加载更多

简介

        本文中笔者将和大家分享应用app中常用到的表单内容的下拉刷新和上拉加载更多的功能实现的方法。

内容

1.有哪些实现方法与各方法的优劣

         使用过美团,大众点评的朋友们应该有注意到,当你向上滑动表单的时候会有更多的店铺加载进你的表单中,而当你下滑表单顶的时候,则会刷新表单的内容并从网络上获取最新的信息。通过下拉刷新和上拉加载更多的功能,使app可以获取更多用户想要的信息和获取最新的信息。那么这种功能如何实现呢,还请跟着笔者继续往下看。

         目前来说,主要的实现方法有以下几种

1.UIRefreshControl :iOS的UIkit中自带的一种刷新方法,最为基础和原始

2.自己自定义 :可以制作个性化的刷新工具,但较为复杂且易出现问题,不推荐新手和为赶工临时使用一下的人。

3.AH3DPullRefresh : 简单的下拉刷新/加载控件,带有3D效果, 使用很方便,如果是ARC环境的需要设置一下

具体设置位置如下图

技术分享

在Build Phases的Compile Sources中设置UIScrollView+AH3DPullRefresh.m的Flags为-fno-objc-arc就可以正常运行了

4.MJRefresh :  方便快捷,是个人认为最为方便并且兼容性最好的刷新加载工具

5.其他开源库 :  网上有许多的开源库,包括以上推荐的3和4也是,网上还有许多各式各样的,有兴趣的话可以自行到CocoaChina或者其他提供开源代码的网站去搜索,选择一款适合自己情况的。

2.具体实例

          接下来,请跟笔者来看看MJRefresh和一款笔者从CocoaChina上下载的一款很好看的名为YALSunnyRefreshControll的下拉刷新的具体实现的过程。

                      首先是添加下拉刷新,将YALSunnyRefreshControll文件夹添加到工程中 

                      然后再需要添加下拉刷新的.h文件中引入头文件即#import "YALSunnyRefreshControl.h",并为该类@property 一个YALSunnyRefreshControl对象。

                      如图:技术分享

                       然后将该YALSunnyRefreshControl初始化并与所需要实现刷新功能的UITableView或者UICollectionView关联起来具体代码如下:

                      技术分享

                       最后引入刷新动画所需要的图片,这些图片会和代码一起下载下来,可以使用他的,也可以换成自己的

                        最后实现的成果图如下:

                      技术分享

                     当下拉表格的时候,表格上方就会有太阳升起和出现房屋的动画出现,是不是很好看?而且内容也刷新了,这工具真是即好用又好看.

                   接下来,我使用MJRefresh实现的上拉表单从网络加载更多数据并显示到表单上的功能。

                   首先第一步和之前一样,是将MJRefresh包添加到工程中,并引入到需要使用它的.m文件中

                   然后,在该文件中新建一个MJRefresh的全局变量,然后初始化并与tableView关联起来,具体代码如下:

                 技术分享

                  我的代码[self startDownload]的作用是,从网上第_offset条开始加载10条数据到本地,_offset+=10然后调用[self startDownload]就使我的应用加载了更多的十条数据,下载完毕后记得要调用tableView的 reloadData方法,才能将新加载的数据显示到表单中。

                   当加载完毕后,还需要调用一个停止加载的方法作为结束,否则无法进行下一次加载,在你的加载数据到你的tableView 的datasource的方法最后调用如下方法

                     技术分享

                   上面两个分别是我的加载和刷新的结束方法的调用,最好在调用之前调用tableView的 reloadData方法;

                   如此,就完成了加载和刷新的功能的实现,加载的效果图如下:

            技术分享

                              笔者表示对苹果的截图还不熟练,只会用截屏...

3.结语

                总之,以上就是我对下拉刷新和上拉加载功能如何实现的个人总结,如果看客觉得我有说的不对和不足地方,还请多多指教,可以通过博客联系我,或是在文章下留下评论,谢谢~。

iOS学习之路--下拉刷新和上拉加载更多

标签:

原文地址:http://www.cnblogs.com/catOfCoding/p/4388450.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!