mjrefresh是一個(gè)好用的上下拉刷新的控件，github地址如下：https://github.com/codermjlee/mjrefresh很多app都使用這個(gè)控件，我們也來了解一下它的用法。下面主要是介紹在uitableview下的使用。
使用
在github上下載之后，將mjrefresh文件添加到項(xiàng)目中，并且在需要使用的文件上引入mjrefresh.h。然后在該文件的viewdidload方法中指定tableview的header和footer，如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
#import "mjrefreshtableviewcontroller.h"#import "mjrefresh.h"@interface mjrefreshtableviewcontroller ()@property (strong, nonatomic) iboutlet uitableview *tableview;@end@implementation mjrefreshtableviewcontroller- (void)viewdidload {[super viewdidload];__weak typeof(self) weakself = self;self.tableview.mj_header = [mjrefreshnormalheader headerwithrefreshingblock:^{ //刷新時(shí)候，需要執(zhí)行的代碼。一般是請(qǐng)求最新數(shù)據(jù)，請(qǐng)求成功之后，刷新列表 [weakself loadnewdata];}];self.tableview.mj_footer = [mjrefreshbacknormalfooter footerwithrefreshingblock:^{ //刷新時(shí)候，需要執(zhí)行的代碼。一般是請(qǐng)求更多數(shù)據(jù)，請(qǐng)求成功之后，刷新列表 [weakself loadnoredata];}];}/** 請(qǐng)求獲取最新的數(shù)據(jù) */- (void)loadnewdata {nslog(@"請(qǐng)求獲取最新的數(shù)據(jù)");//這里假設(shè)2秒之后獲取到了最新的數(shù)據(jù)，刷新tableview，并且結(jié)束刷新控件的刷新狀態(tài)__weak typeof(self) weakself = self;dispatch_after(dispatch_time(dispatch_time_now, (int64_t)(2.0 * nsec_per_sec)), dispatch_get_main_queue(), ^{ //刷新列表 [weakself.tableview reloaddata]; //拿到當(dāng)前的刷新控件，結(jié)束刷新狀態(tài) [weakself.tableview.mj_header endrefreshing];});}/** 請(qǐng)求獲取更多的數(shù)據(jù) */- (void)loadnoredata {nslog(@"請(qǐng)求獲取更多的數(shù)據(jù)");//這里假設(shè)2秒之后獲取到了更多的數(shù)據(jù)，刷新tableview，并且結(jié)束刷新控件的刷新狀態(tài)__weak typeof(self) weakself = self;dispatch_after(dispatch_time(dispatch_time_now, (int64_t)(2.0 * nsec_per_sec)), dispatch_get_main_queue(), ^{ //刷新列表 [weakself.tableview reloaddata]; //拿到當(dāng)前的刷新控件，結(jié)束刷新狀態(tài) [weakself.tableview.mj_footer endrefreshing];});}@end |
按照app的實(shí)際情況來說，loadnoredata 和 loadnewdata方法應(yīng)該是發(fā)送數(shù)據(jù)請(qǐng)求，而結(jié)束刷新控件的刷新狀態(tài)應(yīng)該是在請(qǐng)求失敗或者請(qǐng)求成功的方法中調(diào)用。
如果是帶動(dòng)圖的刷新控件的話，就直接替換在viewdidload中的寫法即可。
|
1
2
3
4
5
6
7
8
9
10
11
12
|
- (void)viewdidload {[super viewdidload];__weak typeof(self) weakself = self;mjrefreshgifheader *header = [mjrefreshgifheader headerwithrefreshingtarget:self refreshingaction:@selector(loadnewdata)];[header setimages:idleimages forstate:mjrefreshstateidle];[header setimages:pullingimages forstate:mjrefreshstatepulling];[header setimages:refreshingimages forstate:mjrefreshstaterefreshing];self.tableview.mj_header = header;} |
其中idleimages，pullingimages，refreshingimages是圖片數(shù)組，分別對(duì)應(yīng)普通閑置狀態(tài)，松開就可以進(jìn)行刷新的狀態(tài)，正在刷新中的狀態(tài)等的圖片。注意，idleimages等圖片數(shù)組存儲(chǔ)的對(duì)象是uiimage。
如果只設(shè)置了refreshingimages，只要在刷新狀態(tài)下顯示圖片，其他狀態(tài)不顯示圖片。如果設(shè)置了idleimages或者pullingimages其中之一，所有狀態(tài)下都顯示設(shè)置的圖片。
同理，設(shè)置底部帶動(dòng)畫效果的footer：
|
1
2
3
4
5
6
7
8
9
10
11
|
- (void)viewdidload {[super viewdidload];mjrefreshbackgiffooter *footer = [mjrefreshbackgiffooter footerwithrefreshingtarget:self refreshingaction:@selector(endrefreshing)];[footer setimages:idleimages forstate:mjrefreshstateidle];[footer setimages:pullingimages forstate:mjrefreshstatepulling];[footer setimages:refreshingimages forstate:mjrefreshstaterefreshing];self.tableview.mj_footer = footer;} |
po一張效果圖：
|
1
2
|
header.statelabel.hidden = yes;header.lastupdatedtimelabel.hidden = yes; |
如果隱藏右邊狀態(tài)或者更新時(shí)間其中一行文字，則顯示的一行文字會(huì)垂直居中，效果如下：
如果把右邊的兩行文字都隱藏了，只顯示圖片，則圖片居中，效果如下：
如果覺得動(dòng)畫頻率過快或者過低，可以修改mjrefresh以下位置。
使用以下方法還可以修改顯示文字
|
1
2
3
|
[header settitle:@"下拉刷新" forstate:mjrefreshstateidle];[header settitle:@"釋放開始刷新哦~" forstate:mjrefreshstatepulling];[header settitle:@"正在快馬加鞭地刷新著呢" forstate:mjrefreshstaterefreshing]; |
其他控件的用法
uicollectionview 和uiscrollview的用法與uitableview的用法一致，只需將上面所說的tableview.mj_header 改成 collectionview.mj_header 和 scrollview.mj_header 即可。例如：
|
1
2
3
4
5
6
7
8
|
self.collectionview.mj_header = [mjrefreshnormalheader headerwithrefreshingblock:^{ //刷新時(shí)候，需要執(zhí)行的代碼。一般是請(qǐng)求最新數(shù)據(jù)，請(qǐng)求成功之后，刷新列表 [weakself loadnewdata];}];self.scrollview.mj_header = [mjrefreshnormalheader headerwithrefreshingblock:^{ //刷新時(shí)候，需要執(zhí)行的代碼。一般是請(qǐng)求最新數(shù)據(jù)，請(qǐng)求成功之后，刷新列表 [weakself loadnewdata];}]; |
又因uiwebview 自帶一個(gè)uiscrollview的屬性，所以u(píng)iwebview也可以使用mjrefresh，用法如下：
|
1
2
3
4
|
self.webview.scrollview.mj_header = [mjrefreshnormalheader headerwithrefreshingblock:^{ //刷新時(shí)候，需要執(zhí)行的代碼。一般是請(qǐng)求最新數(shù)據(jù)，請(qǐng)求成功之后，刷新列表 [weakself loadnewdata];}]; |
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持服務(wù)器之家。
