上下拉刷新

我今天給大家寫一個(gè)簡(jiǎn)單的上下拉刷新的基本思路
1:要實(shí)現(xiàn)上下拉刷新炬丸,必須要有一個(gè)可滾動(dòng)的View 所以是UIScrollView UITableView UICollectionView 或者繼承它們的翘悉,其實(shí)UITableView和UICollectionView 都是繼承UIScrollView

2:要弄一個(gè)刷新控件其實(shí)就用一個(gè)UIView ,在UIView 上面添加文字伏尼,圖片,等等其他控件 然后將UIView添加到tableView上墩邀,這里注意要設(shè)置UIView的Y值涯呻,讓UIView的Y值為—H(高)

3:監(jiān)聽滾動(dòng)事件或详,剛才前面說(shuō)到了繼承UIScrollView 所以有個(gè)方法監(jiān)聽它的滾動(dòng)
在這個(gè)方法里面判斷scrollView.contentOffset.y的偏移量

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
//如果向下滑動(dòng)剛好是149那么就讓它回到之前正在刷新的狀態(tài)
    if (scrollView.contentInset.top == 149) return;
    //如果向下滑動(dòng)149的時(shí)候,文字改變?yōu)樗砷_立即刷新
    if (scrollView.contentOffset.y <= - 149.0) {
        self.label.text = @"松開立即刷新";
    } else {//向下滑動(dòng)滑動(dòng)了但是沒有超過(guò)149設(shè)置文字為:下拉可以刷新
        self.label.text = @"下拉可以刷新";
    }
}

4:有個(gè)滾動(dòng)結(jié)束柒竞,就是拖拽結(jié)束時(shí)候的方法

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
// 進(jìn)入下拉刷新狀態(tài)
    if (scrollView.contentOffset.y <= - 149.0) { 
        self.label.text = @"正在刷新";
//添加一個(gè)動(dòng)畫政供,讓它不會(huì)回彈進(jìn)入導(dǎo)航欄
        [UIView animateWithDuration:0.5 animations:^{
            UIEdgeInsets inset = scrollView.contentInset;
            inset.top = 149;
            scrollView.contentInset = inset;
        }];
        //讓它停留2秒在導(dǎo)航欄底部顯示那個(gè)正在刷新
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:0.5 animations:^{
                UIEdgeInsets inset = scrollView.contentInset;
                inset.top = 99;
                scrollView.contentInset = inset;
            }];
        });
    }

簡(jiǎn)單用這種思路就可以實(shí)現(xiàn)上下拉刷新了 我這里就提供基本的思路,還要麻煩大家自己寫了啊朽基。
我主要想給大家介紹李明杰的MJRefresh的使用布隔,雖然在github上有Dome 但是很多初學(xué)者還是不會(huì)用。所以我給大家介紹一下基本的使用稼虎,而且也是非常簡(jiǎn)單衅檀,非常好用的。

我這里就不給大家介紹使用MJRefresh的那些基本的使用吧霎俩,因?yàn)榛镜某R姷脑趃ithub搜索MJRefresh基本都看得懂哀军,教大家使用繼承自MJRefresh自定義的
第一步:導(dǎo)入MJRefresh這個(gè)庫(kù)后,繼承MJRefreshNormalHeader
第二步:在.m文件中重寫prepare方法

/**
 *  初始化
 */
- (void)prepare
{
    [super prepare];
    
    self.automaticallyChangeAlpha = YES;
//給下拉的文字設(shè)置顏色  其實(shí)也可以設(shè)置其他屬性
    self.lastUpdatedTimeLabel.textColor = [UIColor orangeColor];
//給狀態(tài)文字設(shè)置顏色
    self.stateLabel.textColor = [UIColor orangeColor];
//設(shè)置各種狀態(tài)下的文字
    [self setTitle:@"趕緊下拉吧" forState:MJRefreshStateIdle];
    [self setTitle:@"趕緊松開吧" forState:MJRefreshStatePulling];
    [self setTitle:@"正在加載數(shù)據(jù)..." forState:MJRefreshStateRefreshing];
//將時(shí)間隱藏
    //    self.lastUpdatedTimeLabel.hidden = YES;
//將狀態(tài)文字隱藏
    //    self.stateLabel.hidden = YES;
}

/**
 *  擺放子控件  其實(shí)這個(gè)placeSubviews和layoutSubviews一樣的
 */
- (void)placeSubviews
{
    [super placeSubviews];
    
   //可以在這里調(diào)整那些文字的文字打却,或者添加了其他控件杉适,也可以在這里調(diào)整
}

第三步:在需要刷新界面導(dǎo)入頭文件,然后就開始使用

//這里框架里面提供了一個(gè)mj_header屬性
//調(diào)用去加載新數(shù)據(jù)(發(fā)送請(qǐng)求)的方法
self.tableView.mj_header = [CustomRefreshHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewTopics)];
//開始刷新 
    [self.tableView.mj_header beginRefreshing];

最后在請(qǐng)求網(wǎng)絡(luò)數(shù)據(jù)結(jié)束后需要結(jié)束刷新
 // 讓[刷新控件]結(jié)束刷新
        [self.tableView.mj_header endRefreshing];

其他的也是類似柳击,可以參照github的使用方法猿推,很簡(jiǎn)單。本篇文章沒寫好捌肴,下次有時(shí)間修改修改

備注:

如果有不足或者錯(cuò)誤的地方還望各位讀者批評(píng)指正蹬叭,可以評(píng)論留言藕咏,筆者收到后第一時(shí)間回復(fù)。

QQ/微信:2366889552 /lan2018yingwei具垫。

簡(jiǎn)書號(hào):凡塵一笑:[簡(jiǎn)書]

http://www.reibang.com/users/0158007b8d17/latest_articles

感謝各位觀眾老爺?shù)拈喿x侈离,如果覺得筆者寫的還湊合,可以關(guān)注或收藏一下筝蚕,不定期分享一些好玩的實(shí)用的demo給大家卦碾。

文/凡塵一笑(簡(jiǎn)書作者)

原文鏈接: http://www.reibang.com/p/8ae080edb3ea

著作權(quán)歸作者所有,轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)起宽,并標(biāo)注“簡(jiǎn)書作者”洲胖。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市坯沪,隨后出現(xiàn)的幾起案子绿映,更是在濱河造成了極大的恐慌,老刑警劉巖腐晾,帶你破解...
    沈念sama閱讀 221,576評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叉弦,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡藻糖,警方通過(guò)查閱死者的電腦和手機(jī)淹冰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)巨柒,“玉大人樱拴,你說(shuō)我怎么就攤上這事⊙舐” “怎么了晶乔?”我有些...
    開封第一講書人閱讀 168,017評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)牺勾。 經(jīng)常有香客問(wèn)我正罢,道長(zhǎng),這世上最難降的妖魔是什么禽最? 我笑而不...
    開封第一講書人閱讀 59,626評(píng)論 1 296
  • 正文 為了忘掉前任腺怯,我火速辦了婚禮,結(jié)果婚禮上川无,老公的妹妹穿的比我還像新娘呛占。我一直安慰自己,他們只是感情好懦趋,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評(píng)論 6 397
  • 文/花漫 我一把揭開白布晾虑。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪帜篇。 梳的紋絲不亂的頭發(fā)上糙捺,一...
    開封第一講書人閱讀 52,255評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音笙隙,去河邊找鬼洪灯。 笑死,一個(gè)胖子當(dāng)著我的面吹牛竟痰,可吹牛的內(nèi)容都是我干的签钩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,825評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼坏快,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼铅檩!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起莽鸿,我...
    開封第一講書人閱讀 39,729評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤昧旨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后祥得,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體兔沃,經(jīng)...
    沈念sama閱讀 46,271評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評(píng)論 3 340
  • 正文 我和宋清朗相戀三年级及,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了粘拾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,498評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡创千,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出入偷,到底是詐尸還是另有隱情追驴,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評(píng)論 5 350
  • 正文 年R本政府宣布疏之,位于F島的核電站殿雪,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏锋爪。R本人自食惡果不足惜丙曙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望其骄。 院中可真熱鬧亏镰,春花似錦、人聲如沸拯爽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至逼肯,卻和暖如春耸黑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背篮幢。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工大刊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人三椿。 一個(gè)月前我還...
    沈念sama閱讀 48,906評(píng)論 3 376
  • 正文 我出身青樓缺菌,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親赋续。 傳聞我的和親對(duì)象是個(gè)殘疾皇子男翰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 在iOS開發(fā)中, 上下拉加載的刷新動(dòng)畫大多數(shù)的APP都會(huì)采用基本相似的樣式和動(dòng)畫, 當(dāng)然還是有很多優(yōu)秀的加載動(dòng)畫,...
    ZeroJ閱讀 4,904評(píng)論 8 107
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件纽乱、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,119評(píng)論 4 61
  • 一.上拉刷新 1.為什么要做上拉刷新? 想要看一些舊的(更多)數(shù)據(jù),就需要上拉刷新,加載更多數(shù)據(jù) 2.上拉刷新永遠(yuǎn)...
    尕小天閱讀 953評(píng)論 0 5
  • 秋午暖陽(yáng)映在她的愜意里 連相機(jī)都不敢驚擾這片靜 淡 孤單 悠然 難判 風(fēng)把晝藍(lán)空氣里的思念帶進(jìn)了我渾濁的夢(mèng) 可 我...
    歐尼醬的哥哥閱讀 241評(píng)論 0 1
  • 友盟確實(shí)挺好用的蛾绎,但是有些問(wèn)題還是早不到出錯(cuò)的原因 在我手機(jī)上都安裝qq客戶端的情況下,點(diǎn)擊qq登陸后鸦列,跳轉(zhuǎn)到的是...
    BeyondiOS閱讀 1,595評(píng)論 0 1