iOS开发项目篇—32添加上拉刷新数据
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
3.实现效果:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。