下拉刷新 + 上拉刷新 (1)

本文通过实例介绍如何在iOS应用中实现下拉刷新和上拉刷新功能。作者从概念出发,解释了这两种刷新方式的作用,并详细介绍了在Xcode6及iOS7环境下使用Objective-C实现的具体步骤。

1、做一件前先问一下,what,why,how。

    a)what:什么是下拉刷新,其实你经常看见,比如新浪微博手指往下滑时刷新微博;那什么是上拉刷新,上拉刷新实际也就是分页模式,比如微信朋友圈每次你滑到最下面都会有"加载更多"的东东吧。

    b)why:why,why,tell me why.为什么要用这两种刷新呢?现在app里的页面几乎都是tableview,不信你去瞧瞧,tableview除了滑动,点击,什么方式能让它尽快地方便地更新数据,别跟我说退出程序再进入程序,我保证不打死你。经过历史的见证和群众雪亮的眼睛,加上ios6添加了refreshControl,至少现在来说刷新tableview它们是主流,用户也习惯这样去刷新tableview。

    c)how:最后还要知道怎么去实现,实际上自己凭空实现也不是不行,但这样累,烦,效率低,别人已经帮你包装好的礼物你何必再重新准备包装一份呢。下拉刷新可以用 https://github.com/leah/PullToRefresh 这开源的代码,当然我用的是ios6自带的 refreshControl,萝卜青菜各有所爱。上拉刷新比较简单,可以自己尝试实现下,可以利用最后一个是tableview cell试试,网上很多代码,而我则试试了 tableFooterView,思路类似。


这是我在 Xcode6 + ios7 + 4.0寸实现的效果,见笑啦

164628_DcHm_1444783.png 164641_pr2e_1444783.png


2、开始实现 how 吧,先进行下准备运动,才不会拉伤筋骨,鄙人暂时不熟练 Storybroad,所以用纯代码演示,见笑

    a)最近新下载的Xcode6界面看起来美观不少,但也有些不同,我用的语言还是OC,Swift暂无,笑纳了。

    Single View Application 走起

    165715_UJZU_1444783.png

    别选错语言了

    165742_je3Z_1444783.png

    设置好版本等(Lauch Image Source是为了4寸模拟器能全屏)

    170052_JZU0_1444783.png

    选择ios7的4寸模拟器运行下

    170223_NOFY_1444783.png

    ok,没问题

    170440_b49m_1444783.png


    b)接下来就是要去掉 Storybroad,改用纯代码,原谅我没与时俱进使用 Storybroad,小弟会跟上的

    大胆删掉这两个东东,move to trash

    170811_Uadh_1444783.png

    再在 AppDelegate.m 里设置主控制器,我擅自添加了个导航栏

    171241_qfUa_1444783.png

    再次运行,没问题,如果有问题的同学可试试把 Main Storybroad里的东西设置为空

    171720_NgV7_1444783.png


3、有木有被骗了的感觉哈哈,这篇文章根本没提及到下拉刷新或上拉刷新的代码,小编先吃饭去拉。

    下一篇:http://my.oschina.net/cobish/blog/340294



    

转载于:https://my.oschina.net/cobish/blog/340231

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值