iOS开发项目篇—32添加上拉刷新数据

浏览数：39 / 时间：2015年06月11日

iOS开发项目篇—32添加上拉刷新数据

一、简单说明

图片示意

思路：可以自定义一个view（示意xib）,在view中添加一个label和菊花，指示状态。把这个view设置为tableView的底部视图。

二、实现过程

1.新建一个类和xib，关联

（1）创建一个类，让其继承自UIView

(2)创建一个xib文件，用来定义上拉提示框

（3）定义的xib文件，把类和xib文件进行关联

2.实现代码：

YYlaodStatusesFooter.h文件

 1 //
 2 //  YYlaodStatusesFooter.h
 3 //
 4 
 5 #import <UIKit/UIKit.h>
 6 
 7 @interface YYloadStatusesFooter : UIView
 8 +(instancetype)loadFooter;
 9 
10 
11 - (void)beginRefreshing;
12 - (void)endRefreshing;
13 
14 @property (nonatomic, assign, getter = isRefreshing) BOOL refreshing;
15 @end

YYlaodStatusesFooter.m文件

 1 //
 2 //  YYlaodStatusesFooter.m
 3 //
 4 
 5 #import "YYloadStatusesFooter.h"
 6 
 7 @interface YYloadStatusesFooter ()
 8 @property (weak, nonatomic) IBOutlet UILabel *loadLabel;
 9 @property (weak, nonatomic) IBOutlet UIActivityIndicatorView *loadingView;
10 @end
11 
12 @implementation YYloadStatusesFooter
13 
14 +(instancetype)loadFooter
15 {
16     //加载xib
17     return [[[NSBundle mainBundle] loadNibNamed:@"YYloadStatusesFooter" owner:nil options:nil] lastObject];
18 }
19 
20 - (void)beginRefreshing
21 {
22     self.loadLabel.text = @"正在拼命加载更多数据...";
23     [self.loadingView startAnimating];
24     self.refreshing = YES;
25 }
26 
27 - (void)endRefreshing
28 {
29     self.loadLabel.text = @"上拉可以加载更多数据";
30     [self.loadingView stopAnimating];
31     self.refreshing = NO;
32 }
33 @end

YYHomeTableViewController.m文件

  1 //
  2 //  YYHomeTableViewController.m
  3 //
  4 
  5 #import "YYHomeTableViewController.h"
  6 #import "YYOneViewController.h"
  7 #import "YYTitleButton.h"
  8 #import "YYPopMenu.h"
  9 #import "YYAccountModel.h"
 10 #import "YYAccountTool.h"
 11 #import "AFNetworking.h"
 12 #import "UIImageView+WebCache.h"
 13 #import "YYUserModel.h"
 14 #import "YYStatusModel.h"
 15 #import "MJExtension.h"
 16 #import "YYloadStatusesFooter.h"
 17 
 18 @interface YYHomeTableViewController ()<YYPopMenuDelegate>
 19 @property(nonatomic,assign)BOOL down;
 20 @property(nonatomic,strong)NSMutableArray *statuses;
 21 @property(nonatomic,strong)YYloadStatusesFooter *footer;
 22 @end
 23 
 24 @implementation YYHomeTableViewController
 25 
 26 #pragma mark- 懒加载
 27 -(NSMutableArray *)statuses
 28 {
 29     if (_statuses==nil) {
 30         _statuses=[NSMutableArray array];
 31     }
 32     return _statuses;
 33 }
 34 - (void)viewDidLoad
 35 {
 36     [super viewDidLoad];
 37     
 38     //设置导航栏内容
 39     [self setupNavBar];
 40     
 41     //集成刷新控件
 42     [self setupRefresh];
 43 }
 44 
 45 //集成刷新控件
 46 -(void)setupRefresh
 47 {
 48     // 1.添加下拉刷新控件
 49     UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init];
 50     [self.tableView addSubview:refreshControl];
 51     
 52     //2.监听状态
 53     [refreshControl addTarget:self action:(@selector(refreshControlStateChange:)) forControlEvents:UIControlEventValueChanged];
 54     
 55     //3.让刷新控件自动进入到刷新状态
 56     [refreshControl beginRefreshing];
 57     
 58     //4.手动调用方法，加载数据
 59     //模拟网络延迟，延迟2.0秒
 60     dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
 61         [self refreshControlStateChange:refreshControl];
 62     });
 63     
 64     //5.上拉刷新数据
 65     YYloadStatusesFooter *footer=[YYloadStatusesFooter loadFooter];
 66     self.tableView.tableFooterView=footer;
 67     self.footer=footer;
 68     
 69     
 70 }
 71 
 72 /**
 73  *  当下拉刷新控件进入刷新状态（转圈圈）的时候会自动调用
 74  */
 75 -(void)refreshControlStateChange:(UIRefreshControl *)refreshControl
 76 {
 77     //1.获得请求管理者
 78     AFHTTPRequestOperationManager *mgr = [AFHTTPRequestOperationManager manager];
 79     
 80     //2.封装请求参数
 81     NSMutableDictionary *params=[NSMutableDictionary dictionary];
 82     params[@"access_token"] =[YYAccountTool accountModel].access_token;
 83     //取出当前微博模型中的第一条数据，获取第一条数据的id
 84     YYStatusModel *firstStatus=[self.statuses firstObject];
 85     if (firstStatus) {
 86         params[@"since_id"]=firstStatus.idstr;
 87     }
 88     
 89     //3.发送Get请求
 90     [mgr GET:@"https://api.weibo.com/2/statuses/home_timeline.json" parameters:params success:^(AFHTTPRequestOperation *operation, NSDictionary*accountDict) {
 91         // 微博字典 -- 数组
 92         NSArray *statusDictArray = accountDict[@"statuses"];
 93         //微博字典数组---》微博模型数组
 94        NSArray *newStatuses =[YYStatusModel objectArrayWithKeyValuesArray:statusDictArray];
 95         
 96         //把新数据添加到旧数据的前面
 97         NSRange range=NSMakeRange(0, newStatuses.count);
 98         NSIndexSet *indexSet=[NSIndexSet indexSetWithIndexesInRange:range];
 99         [self.statuses insertObjects:newStatuses atIndexes:indexSet];
100         YYLog(@"刷新了--%d条新数据",newStatuses.count);
101         
102         //重新刷新表格
103         [self.tableView reloadData];
104         //让刷新控件停止刷新（回复默认的状态）
105         [refreshControl endRefreshing];
106       
107         [self showNewStatusesCount:newStatuses.count];
108         
109     } failure:^(AFHTTPRequestOperation *operation, NSError *error) {
110         YYLog(@"请求失败");
111         //让刷新控件停止刷新（回复默认的状态）
112         [refreshControl endRefreshing];
113     }];
114 
115 }
116 
117 /**
118  *  加载更多的微博数据
119  */
120 - (void)loadMoreStatuses
121 {
122     // 1.获得请求管理者
123     AFHTTPRequestOperationManager *mgr = [AFHTTPRequestOperationManager manager];
124     
125     // 2.封装请求参数
126     NSMutableDictionary *params = [NSMutableDictionary dictionary];
127     params[@"access_token"] = [YYAccountTool accountModel].access_token;
128     YYStatusModel *lastStatus =  [self.statuses lastObject];
129     if (lastStatus) {
130         // max_id    false    int64    若指定此参数，则返回ID小于或等于max_id的微博，默认为0。
131         params[@"max_id"] = @([lastStatus.idstr longLongValue] - 1);
132     }
133     
134     // 3.发送GET请求
135     [mgr GET:@"https://api.weibo.com/2/statuses/home_timeline.json" parameters:params
136      success:^(AFHTTPRequestOperation *operation, NSDictionary *resultDict) {
137          // 微博字典数组
138          NSArray *statusDictArray = resultDict[@"statuses"];
139          // 微博字典数组 ---> 微博模型数组
140          NSArray *newStatuses = [YYStatusModel objectArrayWithKeyValuesArray:statusDictArray];
141          
142          // 将新数据插入到旧数据的最后面
143          [self.statuses addObjectsFromArray:newStatuses];
144          
145          // 重新刷新表格
146          [self.tableView reloadData];
147          
148          // 让刷新控件停止刷新（恢复默认的状态）
149          [self.footer endRefreshing];
150      } failure:^(AFHTTPRequestOperation *operation, NSError *error) {
151          YYLog(@"请求失败--%@", error);
152          // 让刷新控件停止刷新（恢复默认的状态）
153          [self.footer endRefreshing];
154      }];
155 }
156 
157 /**
158  *  提示用户最新的微博数量
159  *
160  *  @param count 最新的微博数量
161  */
162 -(void)showNewStatusesCount:(int)count
163 {
164     //1.创建一个label
165     UILabel *label=[[UILabel alloc]init];
166     
167     //2.设置label的文字
168     if (count) {
169         label.text=[NSString stringWithFormat:@"共有%d条新的微博数据",count];
170     }else
171     {
172         label.text=@"没有最新的微博数据";
173     }
174     
175     //3.设置label的背景和对其等属性
176     label.backgroundColor=[UIColor colorWithPatternImage:[UIImage imageWithName:@"timeline_new_status_background"]];
177     label.textAlignment=UITextAlignmentCenter;
178     label.textColor=[UIColor whiteColor];
179     
180     //4.设置label的frame
181     label.x=0;
182     label.width=self.view.width;
183     label.height=35;
184 //    label.y=64-label.height;
185    label.y=self.navigationController.navigationBar.height+20-label.height;
186     
187     //5.把lable添加到导航控制器的View上
188 //    [self.navigationController.view addSubview:label];
189     //把label添加到导航控制器上，显示在导航栏的下面
190     [self.navigationController.view insertSubview:label belowSubview:self.navigationController.navigationBar];
191     
192     //6.设置动画效果
193     CGFloat duration=0.75;
194     //设置提示条的透明度
195     label.alpha=0.0;
196    [UIView animateWithDuration:duration animations:^{
197        //往下移动一个label的高度
198        label.transform=CGAffineTransformMakeTranslation(0, label.height);
199        label.alpha=1.0;
200    } completion:^(BOOL finished) {//向下移动完毕
201        
202        //延迟delay秒的时间后，在执行动画
203        CGFloat delay=0.5;
204        
205        [UIView animateKeyframesWithDuration:duration delay:delay options:UIViewAnimationOptionCurveEaseOut animations:^{
206            
207            //恢复到原来的位置
208            label.transform=CGAffineTransformIdentity;
209            label.alpha=0.0;
210            
211        } completion:^(BOOL finished) {
212            
213            //删除控件
214            [label removeFromSuperview];
215        }];
216    }];
217 }
218 
219 /**
220  UIViewAnimationOptionCurveEaseInOut            = 0 << 16, // 开始：由慢到快，结束：由快到慢
221  UIViewAnimationOptionCurveEaseIn               = 1 << 16, // 由慢到块
222  UIViewAnimationOptionCurveEaseOut              = 2 << 16, // 由快到慢
223  UIViewAnimationOptionCurveLinear               = 3 << 16, // 线性，匀速
224  */
225 
226 /**设置导航栏内容*/
227 -(void)setupNavBar
228 {
229     self.navigationItem.leftBarButtonItem=[UIBarButtonItem itemWithImageName:@"navigationbar_friendsearch" highImageName:@"navigationbar_friendsearch_highlighted" target:self action:@selector(friendsearch)];
230     self.navigationItem.rightBarButtonItem=[UIBarButtonItem itemWithImageName:@"navigationbar_pop" highImageName:@"navigationbar_pop_highlighted" target:self action:@selector(pop)];
231     
232     //设置导航栏按钮
233     YYTitleButton *titleButton=[[YYTitleButton alloc]init];
234     //设置文字
235     [titleButton setTitle:@"首页" forState:UIControlStateNormal];
236     //设置图标
237     [titleButton setImage:[UIImage imageWithName:@"navigationbar_arrow_down"] forState:UIControlStateNormal];
238     //设置背景
239     [titleButton setBackgroundImage:[UIImage resizedImage:@"navigationbar_filter_background_highlighted"] forState:UIControlStateHighlighted];
240     
241     //设置尺寸
242     titleButton.width=100;
243     titleButton.height=35;
244     //监听按钮的点击事件
245     [titleButton addTarget:self action:@selector(titleButtonClick:) forControlEvents:UIControlEventTouchUpInside];
246     self.navigationItem.titleView=titleButton;
247 }
248 -(void)titleButtonClick:(UIButton *)titleButton
249 {
250 
251         [titleButton setImage:[UIImage imageWithName:@"navigationbar_arrow_up"] forState:UIControlStateNormal];
252         
253         UITableView *tableView=[[UITableView alloc]init];
254         [tableView setBackgroundColor:[UIColor yellowColor]];
255         YYPopMenu *menu=[YYPopMenu popMenuWithContentView:tableView];
256         [menu showInRect:CGRectMake(60, 55, 200, 200)];
257         menu.dimBackground=YES;
258 
259     menu.arrowPosition=YYPopMenuArrowPositionRight;
260         menu.delegate=self;
261 }
262 
263 
264 #pragma mark-YYPopMenuDelegate
265 //弹出菜单
266 -(void)popMenuDidDismissed:(YYPopMenu *)popMenu
267 {
268     YYTitleButton *titleButton=(YYTitleButton *)self.navigationItem.titleView;
269     [titleButton setImage:[UIImage imageWithName:@"navigationbar_arrow_down"] forState:UIControlStateNormal];
270 }
271 -(void)pop
272 {
273     YYLog(@"---POP---");
274 }
275 -(void)friendsearch
276 {
277     //跳转到one这个子控制器界面
278     YYOneViewController *one=[[YYOneViewController alloc]init];
279     one.title=@"One";
280     //拿到当前控制器
281     [self.navigationController pushViewController:one animated:YES];
282     
283 }
284 
285 #pragma mark - Table view data source
286 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
287 {
288 #warning 监听tableView每次显示数据的过程
289     //在tableView显示之前，判断有没有数据，如有有数据那么就显示底部视图
290     self.footer.hidden=self.statuses.count==0;
291     return self.statuses.count;
292 }
293 
294 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
295 {
296     static NSString *ID = @"cell";
297     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
298     if (!cell) {
299         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
300     }
301     
302       //取出这行对应的微博字典数据,转换为数据模型
303     YYStatusModel *status=self.statuses[indexPath.row];
304     cell.textLabel.text=status.text;
305     cell.detailTextLabel.text=status.user.name;
306     NSString *imageUrlStr=status.user.profile_image_url;
307     [cell.imageView setImageWithURL:[NSURL URLWithString:imageUrlStr] placeholderImage:[UIImage imageWithName:@"avatar_default_small"]];
308     
309     return cell;
310 }
311 
312 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
313 {
314     //点击cell的时候，跳到下一个界面
315     UIViewController *newVc = [[UIViewController alloc] init];
316     newVc.view.backgroundColor = [UIColor redColor];
317     newVc.title = @"新控制器";
318     [self.navigationController pushViewController:newVc animated:YES];
319 }
320 
321 #pragma mark-代理方法
322 - (void)scrollViewDidScroll:(UIScrollView *)scrollView
323 {
324     if (self.statuses.count <= 0 || self.footer.isRefreshing) return;
325     
326     // 1.差距
327     CGFloat delta = scrollView.contentSize.height - scrollView.contentOffset.y;
328     // 刚好能完整看到footer的高度
329     CGFloat sawFooterH = self.view.height - self.tabBarController.tabBar.height;
330     
331     // 2.如果能看见整个footer
332     if (delta <= (sawFooterH - 0)) {
333         // 进入上拉刷新状态
334         [self.footer beginRefreshing];
335         
336         dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
337             // 加载更多的微博数据
338             [self loadMoreStatuses];
339         });
340     }
341 }
342 @end