iOS 刷新功能實(shí)現(xiàn)大雜燴

刷新是我們經(jīng)常用到的功能肯腕,國內(nèi)MJ的刷新三方庫也是大多是app所采用的。不過新手在實(shí)現(xiàn)這一功能的時(shí)候都是直接拿過來使用而沒有思考怎么實(shí)現(xiàn)這一功能姊途,正好手上的項(xiàng)目差多了知态,自己抽個(gè)時(shí)候?qū)懸幌滤⑿聦?shí)現(xiàn)的過程,自己也順便復(fù)習(xí)一下贡茅。嘿嘿嘿其做。

內(nèi)置刷新

其實(shí)蘋果對(duì)于tabeView,有內(nèi)置的刷新控件驹沿。因?yàn)槭枪俜降腶pi 實(shí)現(xiàn)起來特別的簡單蹈胡,效果也不錯(cuò)罚渐。

    //下拉刷新
    UIRefreshControl *refreshC = [[UIRefreshControl alloc] init];
    refreshC.attributedTitle = [[NSAttributedString alloc] initWithString:@"正在刷新中"];
    refreshC.tintColor = [UIColor blueColor];
    [refreshC addTarget:self action:@selector(pullRefresh) forControlEvents:UIControlEventValueChanged];
    _refreshC = refreshC;
    self.refreshControl = refreshC;

這邊有一點(diǎn)要注意的是因?yàn)閁IRefreshControl繼承了UIControl 而且在h文件的注釋中有這樣的注釋。
When a user has pulled-to-refresh, the UIRefreshControl fires its UIControlEventValueChanged event. 通過這兩個(gè)條件就可以觸發(fā)刷新事件的處理過程了合砂。
在刷新 獲取數(shù)據(jù)的過程中源织,采用異步加載。

- (void) pullRefresh {
   
    //異步加載數(shù)據(jù)
    dispatch_async(dispatch_get_global_queue(0, 0), ^{
        //加載數(shù)據(jù)
        //加載完成之后停止刷新
        //這里延時(shí)模擬
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [_refreshC endRefreshing];
        });
        
    });
}

蘋果提供的這個(gè)刷新控制類UIRefreshControl 實(shí)現(xiàn)起來簡單便捷幻工,不過也有部分的局限囊颅。蘋果只提供了對(duì)顏色和文字的接口傅瞻,如果自己想實(shí)現(xiàn)帥氣的動(dòng)畫那就需要自己自動(dòng)已刷新控件了。

下拉刷新.gif

自定義刷新

有時(shí)候不得不自定義刷新效果,因?yàn)橄到y(tǒng)只提供了下拉刷新溺森,而上拉刷新必須要我們自己去實(shí)現(xiàn)窑眯。
其實(shí)自定義刷新效果也不難了磅甩。模仿系統(tǒng)的刷新效果姥卢,完全可以自己做一個(gè)。
我就說下我的思路 貼下代碼僧叉。純?nèi)腴T級(jí)別的棺榔,沒有難點(diǎn)掷豺。
1 首先聲明下拉刷新需要的控件(我是由一個(gè)一個(gè)label 和一個(gè) indicator組成)
設(shè)置一些ui(位置都是寫死的,童鞋恩不要太在意細(xì)節(jié))

@property (nonatomic, strong) UIView *bottomBackView;
@property (nonatomic, strong) UILabel *bottomLabel;
@property (nonatomic, strong) UIActivityIndicatorView *bottomIndicatorView;
- (void) setBottomRefreshUI {
    //獲取  tableview contentSize 的大小
    CGFloat BackViewY = self.tableView.contentSize.height + CGRectGetMaxY(self.tableView.frame);
    _bottomBackView = [[UIView alloc] initWithFrame:CGRectMake(0, BackViewY, CGRectGetWidth(self.tableView.frame), 80)];
    _bottomIndicatorView   = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(100, 20, 20, 20)];
    _bottomIndicatorView.color = [UIColor blackColor];
    [_bottomBackView addSubview:_bottomIndicatorView];
    _bottomLabel = [[UILabel alloc] initWithFrame:CGRectMake(150, 20, 200, 30)];
    _bottomLabel.text = @"上拉刷新";
    [self.bottomBackView addSubview:_bottomLabel];
    
//    [self.view addSubview:_bottomBackView];
    [self.view insertSubview:_bottomBackView atIndex:0];
}

這邊要注意的是 刷新視圖要放在最下面
2 之后需要監(jiān)聽tableview 的contentOffset(我這邊設(shè)置的是當(dāng)偏移量超過80的時(shí)候就觸發(fā)刷新效果)
這邊要注意的是 偏移量不是直接就是contentOffset 這邊要通過contentOffset和contentSize 以及屏幕的高度(這個(gè)是相對(duì)的)計(jì)算出來的题画。

    //上拉刷新
    [self setBottomRefreshUI];
    [self.tableView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionNew context:nil];
#pragma mark kvo
- (void) observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context {
    CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height;
    if ([keyPath isEqualToString:@"contentOffset"]) {
        UITableView *tableView = (UITableView *)object;
        CGPoint contentOffset = [[change valueForKey:NSKeyValueChangeNewKey] CGPointValue];
        if (((contentOffset.y + screenHeight -tableView.contentSize.height)  > 80)&&tableView.contentSize.height > 0) {

            NSLog(@"%f===%f",contentOffset.x,contentOffset.y);
            self.bottomBackView.center = CGPointMake(tableView.center.x, tableView.contentSize.height+40);
            [self beginRefresh];
           
        }
        
    }
}

3 當(dāng)達(dá)到觸發(fā)事件
改變刷新視圖的ui 以及異步加載所需要的數(shù)據(jù)

- (void) beginRefresh {
    self.tableView.contentInset = UIEdgeInsetsMake(64, 0, 100, 0);
    [_bottomIndicatorView startAnimating];
    _bottomLabel.text = @"松開開始刷新";
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        [UIView animateWithDuration:0.1 animations:^{
            self.tableView.contentInset = UIEdgeInsetsMake(64, 0, 0, 0);
        }completion:^(BOOL finished) {
            [_bottomIndicatorView stopAnimating];
            _bottomLabel.text = @"上拉開始刷新";
        }];
    });
}
上下拉刷新.gif

到這邊就over了,上面是我自己寫著玩的 竞思,代碼也沒有封裝钞护。大家不要介意难咕。嘿嘿···

當(dāng)然MJ的刷新我在這就不介紹了,太流行了余佃,大家直接到看看他的readme 就可以了。椭懊。步势。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市媳板,隨后出現(xiàn)的幾起案子泉哈,更是在濱河造成了極大的恐慌破讨,老刑警劉巖提陶,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異锌蓄,居然都是意外死亡撑柔,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門剪决,熙熙樓的掌柜王于貴愁眉苦臉地迎上來柑潦,“玉大人峻凫,你說我怎么就攤上這事∮恚” “怎么了铭腕?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵累舷,是天一觀的道長。 經(jīng)常有香客問我被盈,道長搭伤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任袜瞬,我火速辦了婚禮怜俐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘邓尤。我一直安慰自己拍鲤,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布汞扎。 她就那樣靜靜地躺著季稳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪澈魄。 梳的紋絲不亂的頭發(fā)上景鼠,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天痹扇,我揣著相機(jī)與錄音铛漓,去河邊找鬼。 笑死鲫构,一個(gè)胖子當(dāng)著我的面吹牛浓恶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播芬迄,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼问顷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了禀梳?” 一聲冷哼從身側(cè)響起杜窄,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎算途,沒想到半個(gè)月后塞耕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嘴瓤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年扫外,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片廓脆。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡筛谚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出停忿,到底是詐尸還是另有隱情驾讲,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站吮铭,受9級(jí)特大地震影響时迫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜谓晌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一掠拳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧纸肉,春花似錦溺欧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至预吆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間胳泉,已是汗流浹背拐叉。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扇商,地道東北人凤瘦。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像案铺,于是被迫代替她去往敵國和親蔬芥。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

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