MJTableViewController.m 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412
  1. // 代码地址: https://github.com/CoderMJLee/MJRefresh
  2. // 代码地址: http://code4app.com/ios/%E5%BF%AB%E9%80%9F%E9%9B%86%E6%88%90%E4%B8%8B%E6%8B%89%E4%B8%8A%E6%8B%89%E5%88%B7%E6%96%B0/52326ce26803fabc46000000
  3. // MJTableViewController.m
  4. // MJRefreshExample
  5. //
  6. // Created by MJ Lee on 15/3/4.
  7. // Copyright (c) 2015年 小码哥. All rights reserved.
  8. //
  9. #import "MJTableViewController.h"
  10. #import "UIView+MJExtension.h"
  11. #import "MJTestViewController.h"
  12. #import "UIViewController+Example.h"
  13. #import "MJRefresh.h"
  14. // 自定义的header
  15. #import "MJChiBaoZiHeader.h"
  16. #import "MJChiBaoZiFooter.h"
  17. #import "MJChiBaoZiFooter2.h"
  18. #import "MJDIYHeader.h"
  19. #import "MJDIYAutoFooter.h"
  20. #import "MJDIYBackFooter.h"
  21. static const CGFloat MJDuration = 2.0;
  22. /**
  23. * 随机数据
  24. */
  25. #define MJRandomData [NSString stringWithFormat:@"随机数据---%d", arc4random_uniform(1000000)]
  26. @interface MJTableViewController()
  27. /** 用来显示的假数据 */
  28. @property (strong, nonatomic) NSMutableArray *data;
  29. @end
  30. @implementation MJTableViewController
  31. #pragma mark - 示例代码
  32. #pragma mark UITableView + 下拉刷新 默认
  33. - (void)example01
  34. {
  35. __weak __typeof(self) weakSelf = self;
  36. // 设置回调(一旦进入刷新状态就会调用这个refreshingBlock)
  37. self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
  38. [weakSelf loadNewData];
  39. }];
  40. // 马上进入刷新状态
  41. [self.tableView.mj_header beginRefreshing];
  42. }
  43. #pragma mark UITableView + 下拉刷新 动画图片
  44. - (void)example02
  45. {
  46. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadNewData方法)
  47. self.tableView.mj_header = [MJChiBaoZiHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
  48. // 马上进入刷新状态
  49. [self.tableView.mj_header beginRefreshing];
  50. }
  51. #pragma mark UITableView + 下拉刷新 隐藏时间
  52. - (void)example03
  53. {
  54. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadNewData方法)
  55. MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
  56. // 设置自动切换透明度(在导航栏下面自动隐藏)
  57. header.automaticallyChangeAlpha = YES;
  58. // 隐藏时间
  59. header.lastUpdatedTimeLabel.hidden = YES;
  60. // 马上进入刷新状态
  61. [header beginRefreshing];
  62. // 设置header
  63. self.tableView.mj_header = header;
  64. }
  65. #pragma mark UITableView + 下拉刷新 隐藏状态和时间
  66. - (void)example04
  67. {
  68. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadNewData方法)
  69. MJChiBaoZiHeader *header = [MJChiBaoZiHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
  70. // 隐藏时间
  71. header.lastUpdatedTimeLabel.hidden = YES;
  72. // 隐藏状态
  73. header.stateLabel.hidden = YES;
  74. // 马上进入刷新状态
  75. [header beginRefreshing];
  76. // 设置header
  77. self.tableView.mj_header = header;
  78. }
  79. #pragma mark UITableView + 下拉刷新 自定义文字
  80. - (void)example05
  81. {
  82. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadNewData方法)
  83. MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
  84. // 设置文字
  85. [header setTitle:@"Pull down to refresh" forState:MJRefreshStateIdle];
  86. [header setTitle:@"Release to refresh" forState:MJRefreshStatePulling];
  87. [header setTitle:@"Loading ..." forState:MJRefreshStateRefreshing];
  88. // 设置字体
  89. header.stateLabel.font = [UIFont systemFontOfSize:15];
  90. header.lastUpdatedTimeLabel.font = [UIFont systemFontOfSize:14];
  91. // 设置颜色
  92. header.stateLabel.textColor = [UIColor redColor];
  93. header.lastUpdatedTimeLabel.textColor = [UIColor blueColor];
  94. // 马上进入刷新状态
  95. [header beginRefreshing];
  96. // 设置刷新控件
  97. self.tableView.mj_header = header;
  98. }
  99. #pragma mark UITableView + 下拉刷新 自定义刷新控件
  100. - (void)example06
  101. {
  102. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadNewData方法)
  103. self.tableView.mj_header = [MJDIYHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
  104. [self.tableView.mj_header beginRefreshing];
  105. }
  106. #pragma mark UITableView + 上拉刷新 默认
  107. - (void)example11
  108. {
  109. [self example01];
  110. __weak __typeof(self) weakSelf = self;
  111. // 设置回调(一旦进入刷新状态就会调用这个refreshingBlock)
  112. self.tableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
  113. [weakSelf loadMoreData];
  114. }];
  115. // ((MJRefreshAutoFooter *)self.tableView.mj_footer).onlyRefreshPerDrag = YES;
  116. }
  117. #pragma mark UITableView + 上拉刷新 动画图片
  118. - (void)example12
  119. {
  120. [self example01];
  121. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  122. self.tableView.mj_footer = [MJChiBaoZiFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  123. }
  124. #pragma mark UITableView + 上拉刷新 隐藏刷新状态的文字
  125. - (void)example13
  126. {
  127. [self example01];
  128. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  129. MJChiBaoZiFooter *footer = [MJChiBaoZiFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  130. // 当上拉刷新控件出现50%时(出现一半),就会自动刷新。这个值默认是1.0(也就是上拉刷新100%出现时,才会自动刷新)
  131. // footer.triggerAutomaticallyRefreshPercent = 0.5;
  132. // 隐藏刷新状态的文字
  133. footer.refreshingTitleHidden = YES;
  134. // 设置footer
  135. self.tableView.mj_footer = footer;
  136. }
  137. #pragma mark UITableView + 上拉刷新 全部加载完毕
  138. - (void)example14
  139. {
  140. [self example01];
  141. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadLastData方法)
  142. self.tableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadLastData)];
  143. // 其他
  144. self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"恢复数据加载" style:UIBarButtonItemStyleDone target:self action:@selector(reset)];
  145. }
  146. - (void)reset
  147. {
  148. [self.tableView.mj_footer setRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  149. [self.tableView.mj_footer resetNoMoreData];
  150. }
  151. #pragma mark UITableView + 上拉刷新 禁止自动加载
  152. - (void)example15
  153. {
  154. [self example01];
  155. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  156. MJRefreshAutoNormalFooter *footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  157. // 禁止自动加载
  158. footer.automaticallyRefresh = NO;
  159. // 设置footer
  160. self.tableView.mj_footer = footer;
  161. }
  162. #pragma mark UITableView + 上拉刷新 自定义文字
  163. - (void)example16
  164. {
  165. [self example01];
  166. // 添加默认的上拉刷新
  167. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  168. MJRefreshAutoNormalFooter *footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  169. // 设置文字
  170. [footer setTitle:@"Click or drag up to refresh" forState:MJRefreshStateIdle];
  171. [footer setTitle:@"Loading more ..." forState:MJRefreshStateRefreshing];
  172. [footer setTitle:@"No more data" forState:MJRefreshStateNoMoreData];
  173. // 设置字体
  174. footer.stateLabel.font = [UIFont systemFontOfSize:17];
  175. // 设置颜色
  176. footer.stateLabel.textColor = [UIColor blueColor];
  177. // 设置footer
  178. self.tableView.mj_footer = footer;
  179. }
  180. #pragma mark UITableView + 上拉刷新 加载后隐藏
  181. - (void)example17
  182. {
  183. [self example01];
  184. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadOnceData方法)
  185. self.tableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadOnceData)];
  186. }
  187. #pragma mark UITableView + 上拉刷新 自动回弹的上拉01
  188. - (void)example18
  189. {
  190. [self example01];
  191. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  192. self.tableView.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  193. // 设置了底部inset
  194. self.tableView.contentInset = UIEdgeInsetsMake(0, 0, 30, 0);
  195. // 忽略掉底部inset
  196. self.tableView.mj_footer.ignoredScrollViewContentInsetBottom = 30;
  197. }
  198. #pragma mark UITableView + 上拉刷新 自动回弹的上拉02
  199. - (void)example19
  200. {
  201. [self example01];
  202. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadLastData方法)
  203. self.tableView.mj_footer = [MJChiBaoZiFooter2 footerWithRefreshingTarget:self refreshingAction:@selector(loadLastData)];
  204. self.tableView.mj_footer.automaticallyChangeAlpha = YES;
  205. }
  206. #pragma mark UITableView + 上拉刷新 自定义刷新控件(自动刷新)
  207. - (void)example20
  208. {
  209. [self example01];
  210. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  211. MJDIYAutoFooter *footer = [MJDIYAutoFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  212. footer.autoTriggerTimes = 2;
  213. self.tableView.mj_footer = footer;
  214. }
  215. #pragma mark UITableView + 上拉刷新 自定义刷新控件(自动回弹)
  216. - (void)example21
  217. {
  218. [self example01];
  219. // 设置回调(一旦进入刷新状态,就调用target的action,也就是调用self的loadMoreData方法)
  220. self.tableView.mj_footer = [MJDIYBackFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
  221. }
  222. #pragma mark - 数据处理相关
  223. #pragma mark 下拉刷新数据
  224. - (void)loadNewData
  225. {
  226. // 1.添加假数据
  227. for (int i = 0; i<5; i++) {
  228. [self.data insertObject:MJRandomData atIndex:0];
  229. }
  230. // 2.模拟2秒后刷新表格UI(真实开发中,可以移除这段gcd代码)
  231. __weak UITableView *tableView = self.tableView;
  232. dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(MJDuration * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
  233. // 刷新表格
  234. [tableView reloadData];
  235. // 拿到当前的下拉刷新控件,结束刷新状态
  236. [tableView.mj_header endRefreshing];
  237. });
  238. }
  239. #pragma mark 上拉加载更多数据
  240. - (void)loadMoreData
  241. {
  242. // 1.添加假数据
  243. for (int i = 0; i<1; i++) {
  244. [self.data addObject:MJRandomData];
  245. }
  246. // 2.模拟2秒后刷新表格UI(真实开发中,可以移除这段gcd代码)
  247. __weak UITableView *tableView = self.tableView;
  248. dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(MJDuration * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
  249. // 刷新表格
  250. [tableView reloadData];
  251. // 拿到当前的上拉刷新控件,结束刷新状态
  252. [tableView.mj_footer endRefreshing];
  253. });
  254. }
  255. #pragma mark 加载最后一份数据
  256. - (void)loadLastData
  257. {
  258. // 1.添加假数据
  259. for (int i = 0; i<5; i++) {
  260. [self.data addObject:MJRandomData];
  261. }
  262. // 2.模拟2秒后刷新表格UI(真实开发中,可以移除这段gcd代码)
  263. __weak UITableView *tableView = self.tableView;
  264. dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(MJDuration * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
  265. // 刷新表格
  266. [tableView reloadData];
  267. // 拿到当前的上拉刷新控件,变为没有更多数据的状态
  268. [tableView.mj_footer endRefreshingWithNoMoreData];
  269. });
  270. }
  271. #pragma mark 只加载一次数据
  272. - (void)loadOnceData
  273. {
  274. // 1.添加假数据
  275. for (int i = 0; i<5; i++) {
  276. [self.data addObject:MJRandomData];
  277. }
  278. // 2.模拟2秒后刷新表格UI(真实开发中,可以移除这段gcd代码)
  279. __weak UITableView *tableView = self.tableView;
  280. dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(MJDuration * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
  281. // 刷新表格
  282. [tableView reloadData];
  283. // 隐藏当前的上拉刷新控件
  284. tableView.mj_footer.hidden = YES;
  285. });
  286. }
  287. - (NSMutableArray *)data
  288. {
  289. if (!_data) {
  290. self.data = [NSMutableArray array];
  291. for (int i = 0; i<5; i++) {
  292. [self.data addObject:MJRandomData];
  293. }
  294. }
  295. return _data;
  296. }
  297. #pragma mark - 其他
  298. - (void)viewDidLoad
  299. {
  300. [super viewDidLoad];
  301. self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
  302. [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
  303. MJPerformSelectorLeakWarning(
  304. [self performSelector:NSSelectorFromString(self.method) withObject:nil];
  305. );
  306. }
  307. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
  308. {
  309. return self.data.count;
  310. }
  311. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  312. {
  313. static NSString *ID = @"cell";
  314. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
  315. if (cell == nil) {
  316. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
  317. }
  318. cell.textLabel.text = [NSString stringWithFormat:@"%@ - %@", indexPath.row % 2?@"push":@"modal", self.data[indexPath.row]];
  319. return cell;
  320. }
  321. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
  322. {
  323. MJTestViewController *test = [[MJTestViewController alloc] init];
  324. if (indexPath.row % 2) {
  325. [self.navigationController pushViewController:test animated:YES];
  326. } else {
  327. UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:test];
  328. [self presentViewController:nav animated:YES completion:nil];
  329. }
  330. }
  331. @end