iOS刷新第三方MJRefresh的基本使用

iOS開發(fā)中最好用的刷新第三方框架 MJRefresh

GitHub : https://github.com/CoderMJLee/MJRefresh

UIRefreshControl的介紹

1,UIRefresh是蘋果自帶的刷新控件
2,支持iOS6.0之后的版本
3,一旦被分配到一個UITableViewController,控件的框架是自動管理

UIRefreshControl基本使用

// 刷新中得狀態(tài)判斷,只讀屬性,根據(jù)狀態(tài)可做一些自定義的事情
@property (nonatomic, readonly, getter=isRefreshing) BOOL refreshing;

//實例化對象(里面有init,UIRefreshControl的初始化)
 UIRefreshControl *control = [[UIRefreshControl alloc] init];

 //設置UIRefreshControl控件的顏色(菊花和文字)
 control.tintColor = [UIColor redColor];

 //添加到tableView中,默認尺寸和位置都已經(jīng)設置好
 [self.tableView addSubview:control];

 // 下拉刷新文字描述,自定義
 @property (nonatomic, retain) NSAttributedString *attributedTitle

// 開始刷新
- (void)beginRefreshing NS_AVAILABLE_IOS(6_0);

// 結束刷新,在確定獲得想要的加載數(shù)據(jù)之后調用
- (void)endRefreshing NS_AVAILABLE_IOS(6_0);

MJRefresh的介紹

MJRefresh是繼承于UIView的自定義刷新控件
支持哪些控件的刷新?
UIScrollView、UITableView、UICollectionView、UIWebView
從iOS9之后,用MJRefresh框架的時候使用它的屬性和方法,大部分需要加入mj_ 開頭作為前綴

  • 該框架純ARC,兼容的系統(tǒng)>=iOS6.0、iPhone\iPad橫豎屏

如果使用MJRefresh

cocoapods導入:pod 'MJRefresh' (cocoapods另一篇博客里面有寫)
手動導入:
將MJRefresh文件夾中的所有文件拽入項目中
導入主頭文件:#import "MJRefresh.h"

#主要是實現(xiàn)上拉刷新和下拉刷新
    //下拉刷新
    self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewTopic)];

    //自動更改透明度
    self.tableView.mj_header.automaticallyChangeAlpha = YES;
    
    //進入刷新狀態(tài)
    [self.tableView.mj_header beginRefreshing];
    
    //上拉刷新
    self.tableView.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreTopic)];
    //結束頭部刷新
    [weakSelf.tableView.mj_header endRefreshing];

 //結束尾部刷新
    [weakSelf.tableView.mj_footer endRefreshing];

MJRefresh類結構圖

mjv587.png
mj87v5.png

具體使用

默認的下拉刷新 - 01


    self.tableView.header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
        // 進入刷新狀態(tài)后會自動調用這個block
    }];
    //或
    // 設置回調(一旦進入刷新狀態(tài),就調用target的action,也就是調用self的loadNewData方法)
    self.tableView.header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
    
    // 馬上進入刷新狀態(tài)
    [self.tableView.header beginRefreshing];

[
(下拉刷新01-普通)
(下拉刷新01-普通)

下拉動畫刷新 - 02

 
        // 刷新控件的狀態(tài)
        typedef NS_ENUM(NSInteger, MJRefreshState) {
        /** 普通閑置狀態(tài) */
        MJRefreshStateIdle = 1,
        /** 松開就可以進行刷新的狀態(tài) */
        MJRefreshStatePulling,
        /** 正在刷新中的狀態(tài) */
        MJRefreshStateRefreshing,
        /** 即將刷新的狀態(tài) */
        MJRefreshStateWillRefresh,
        /** 所有數(shù)據(jù)加載完畢,沒有更多的數(shù)據(jù)了 */
        MJRefreshStateNoMoreData
    };

    // 設置回調(一旦進入刷新狀態(tài),就調用target的action,也就是調用self的loadNewData方法)
    MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
    // 設置普通狀態(tài)的動畫圖片 (idleImages 是圖片)
    [header setImages:idleImages forState:MJRefreshStateIdle];
    // 設置即將刷新狀態(tài)的動畫圖片(一松開就會刷新的狀態(tài))
    [header setImages:pullingImages forState:MJRefreshStatePulling];
    // 設置正在刷新狀態(tài)的動畫圖片
    [header setImages:refreshingImages forState:MJRefreshStateRefreshing];
    // 設置header
    self.tableView.mj_header = header;

[
(下拉刷新02-動畫圖片)
(下拉刷新02-動畫圖片)

下拉隱藏的屬性

// 隱藏時間
header.lastUpdatedTimeLabel.hidden = YES;
// 隱藏狀態(tài)
header.stateLabel.hidden = YES;

自定義的文字和動畫圖片的設置

#使用上拉刷新和下拉刷新一般都是自定義頭部和尾部的類
例如: 頭部刷新的  
@interface JHHeader : MJRefreshNormalHeader

#在.m文件中設置
/** 初始化設置 */
- (void)prepare
{
    [super prepare];
    //創(chuàng)建UIImageView
    UIImageView *logoView = [[UIImageView alloc] init];
    //添加圖片
    logoView.image = [UIImage imageNamed:@"meinv02"];
    //將該UIImageView添加到當前header中
    [self addSubview:logoView];
    self.logoView = logoView;
    
    //根據(jù)拖拽的情況自動切換透明度
    self.automaticallyChangeAlpha = YES;
    
    //隱藏時間
    self.lastUpdatedTimeLabel.hidden = YES;
    
    //設置文字顏色
    self.stateLabel.textColor = [UIColor redColor];
}
/**
 *  擺放子控件
 */

- (void)placeSubviews
{
    [super placeSubviews];
    
    self.logoView.x = 0;
    self.logoView.width = self.width;
    self.logoView.height = 100;
    self.logoView.y =  -self.logoView.height; 
}

自定義尾部刷新

例:創(chuàng)建一個JHFooter類 繼承于MJRefreshAutoNormalFooter
@interface JHFooter : MJRefreshAutoNormalFooter

#在.m文件中設置
/**  初始化 */
- (void)prepare
{
    [super prepare];
    
    self.stateLabel.textColor = [UIColor grayColor];
    [self setTitle:@"向上拉加載更多內(nèi)容喔..." forState:MJRefreshStateIdle];
    [self setTitle:@"正在連接網(wǎng)絡加載中...." forState:MJRefreshStateRefreshing];
    
    UISwitch *swith = [[UISwitch alloc] init];
    [self addSubview:swith];
    
    UIImageView *logoView = [[UIImageView alloc] init];
    logoView.image = [UIImage imageNamed:@"meinv02"];
    [self addSubview:logoView];
    self.logoView = logoView;
}

/**
 *  擺放子控件
 */
- (void)placeSubviews
{
    [super placeSubviews];
    
    self.logoView.x = 0;
    self.logoView.y = self.height;
    self.logoView.width = self.width;
    self.logoView.height = 100;
}

大部分參考自MJRefresh 的 README.md
該框架還有很多強大的功能,詳情可以進入最上面給的github下載地址中查看
給出的這些應該足夠平時的開發(fā),希望多多給建議

this article author : 會跳舞的獅子
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,333評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,491評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,263評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,946評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,708評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,409評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,939評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,774評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,641評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,872評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,650評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

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

  • github排名https://github.com/trending,github搜索:https://gith...
    小米君的demo閱讀 4,672評論 2 38
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,151評論 4 61
  • 還沒來得及記錄就已經(jīng)在候機了。在家里稱了行李,隨身雙肩包6公斤(內(nèi)含筆記本電腦),26寸行李箱中19公斤,還有我自...
    口十君閱讀 228評論 2 0
  • 網(wǎng)上出現(xiàn)了好多皮皮蝦的圖片,在我看來那不是表情包,而是一道道菜呀。 現(xiàn)在的網(wǎng)絡發(fā)展速度真是太快,網(wǎng)絡流行詞匯真是一...
    味博士閱讀 1,604評論 3 8
  • 如何租房租給優(yōu)質房客 一、租房緣由 談談我租房的那些經(jīng)驗 在河西住了一年,交通位置挺好,生活很便利。由于2室一廳的...
    沐容心閱讀 1,123評論 0 0