iOS开发UI篇—实现UItableview控件数据刷新
iOS开发UI篇—实现UItableview控件数据刷新
一、项目文件结构和plist文件
二、实现效果
1.说明:这是一个英雄展示界面,点击选中行,可以修改改行英雄的名称(完成数据刷新的操作).
运行界面:
点击选中行:
修改数据后自动刷新:
三、代码示例
数据模型部分:
YYheros.h文件
1 // 2 // YYheros.h 3 // 10-英雄展示(数据刷新) 4 // 5 // Created by apple on 14-5-29. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import <Foundation/Foundation.h> 10 #import "Global.h" 11 12 @interface YYheros : NSObject 13 @property(nonatomic,copy)NSString *name; 14 @property(nonatomic,copy)NSString *icon; 15 @property(nonatomic,copy)NSString *intro; 16 17 //-(instancetype)initWithDict:(NSDictionary *)dict; 18 //+(instancetype)herosWithDict:(NSDictionary *)dict; 19 YYinitH(hero) 20 @end
YYheros.m文件
1 // 2 // YYheros.m 3 // 10-英雄展示(数据刷新) 4 // 5 // Created by apple on 14-5-29. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYheros.h" 10 11 @implementation YYheros 12 //-(instancetype)initWithDict:(NSDictionary *)dict 13 //{ 14 // if (self=[super init]) { 15 //// self.name=dict[@"name"]; 16 //// self.icon=dict[@"icon"]; 17 //// self.intro=dict[@"intro"]; 18 // 19 // //使用KVC 20 // [self setValuesForKeysWithDictionary:dict]; 21 // } 22 // return self; 23 //} 24 // 25 //+(instancetype)herosWithDict:(NSDictionary *)dict 26 //{ 27 // return [[self alloc]initWithDict:dict]; 28 //} 29 YYinitM(hero) 30 @end
主控制器 YYViewController.m文件
1 // 2 // YYViewController.m 3 // 10-英雄展示(数据刷新) 4 // 5 // Created by apple on 14-5-29. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYViewController.h" 10 #import "YYheros.h" 11 12 @interface YYViewController ()<UITableViewDataSource,UIAlertViewDelegate,UITableViewDelegate> 13 @property (strong, nonatomic) IBOutlet UITableView *tableview; 14 @property(nonatomic,strong)NSArray *heros; 15 @end 16 17 @implementation YYViewController 18 19 - (void)viewDidLoad 20 { 21 [super viewDidLoad]; 22 //设置数据源 23 self.tableview.dataSource=self; 24 self.tableview.delegate=self; 25 self.tableview.rowHeight=60.f; 26 NSLog(@"%d",self.heros.count); 27 } 28 29 #pragma mark -懒加载 30 -(NSArray *)heros 31 { 32 if (_heros==nil) { 33 34 NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"heros.plist" ofType:nil]; 35 NSArray *temparray=[NSArray arrayWithContentsOfFile:fullpath]; 36 37 NSMutableArray *arrayM=[NSMutableArray array]; 38 for (NSDictionary *dict in temparray) { 39 YYheros *hero=[YYheros herosWithDict:dict]; 40 [arrayM addObject:hero]; 41 } 42 _heros=[arrayM mutableCopy]; 43 } 44 return _heros; 45 } 46 47 #pragma mark- tableview的处理 48 //多少组 49 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 50 { 51 return 1; 52 } 53 //多少行 54 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 55 { 56 return self.heros.count; 57 } 58 //每组每行的数据,设置cell 59 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 60 { 61 //NSLog(@"cellForRowAtIndexPath 修改的了 %d", indexPath.row); 62 //1.去缓存中取 63 static NSString *identifier=@"hero"; 64 UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier]; 65 //2.如果没有,那么就自己创建 66 if (cell==nil) { 67 NSLog(@"chuangjiancell"); 68 cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier]; 69 } 70 //3.设置数据 71 72 //3.1拿到该行的模型 73 YYheros *hero=self.heros[indexPath.row]; 74 cell.textLabel.text=hero.name; 75 cell.imageView.image=[UIImage imageNamed:hero.icon]; 76 cell.detailTextLabel.text=hero.intro; 77 //4.返回cell 78 return cell; 79 } 80 81 #pragma mark-数据刷新 82 //1.弹出窗口,拿到数据 83 //当某一行被选中的时候调用该方法 84 -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 85 { 86 //拿到改行的数据模型 87 YYheros *hero=self.heros[indexPath.row]; 88 UIAlertView *alert=[[UIAlertView alloc]initWithTitle:@"修改数据" message:nil delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil]; 89 90 //密码框形式的 91 //alert.alertViewStyle=UIAlertViewStyleSecureTextInput; 92 alert.alertViewStyle=UIAlertViewStylePlainTextInput; 93 UITextField *text=[alert textFieldAtIndex:0]; 94 //把当前行的英雄数据显示到文本框中 95 text.text=hero.name; 96 alert.tag=indexPath.row; 97 [alert show]; 98 } 99 //2.修改数据,完成刷新操作 100 -(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex 101 { 102 //1.修改模型 103 //如果选中的是取消,那么就返回,不做任何操作 104 if (0==buttonIndex) return; 105 //否则就修改模型,刷新数据 106 YYheros *hero=self.heros[alertView.tag]; 107 108 //拿到当前弹窗中的文本数据(已经修改后的数据) 109 UITextField *text=[alertView textFieldAtIndex:0]; 110 //用修改后的数据去修改模型 111 hero.name=text.text; 112 113 //2.刷新数据 114 // 只要调用tableview的该方法就会自动重新调用数据源的所有方法 115 // 会自动调用numberOfSectionsInTableView 116 // 会自动调用numberOfRowsInSection 117 // 会自动调用cellForRowAtIndexPath 118 // [self.tableview reloadData]; 119 120 // 刷新指定行 121 NSIndexPath *path = [NSIndexPath indexPathForRow:alertView.tag inSection:0]; 122 [self.tableview reloadRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationRight]; 123 //如果不进行刷新会怎么样?(修改之后不会即时刷新,要等到重新对cell进行数据填充的时候才会刷新) 124 } 125 //隐藏状态栏 126 -(BOOL)prefersStatusBarHidden 127 { 128 return YES; 129 } 130 @end
四、把常用的代码封装成一个带参数的宏
封装方法和代码:
1 // 2 // Global.h 3 // 10-英雄展示(数据刷新) 4 // 5 // Created by apple on 14-5-29. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #ifndef _0____________Global_h 10 #define _0____________Global_h 11 12 /** 13 * 自定义带参数的宏 14 */ 15 #define YYinitH(name) -(instancetype)initWithDict:(NSDictionary *)dict;\ 16 +(instancetype)herosWithDict:(NSDictionary *)dict; 17 18 19 #define YYinitM(name) -(instancetype)initWithDict:(NSDictionary *)dict\ 20 {\ 21 if (self=[super init]) {\ 22 [self setValuesForKeysWithDictionary:dict];\ 23 }\ 24 return self;\ 25 }\ 26 \ 27 +(instancetype)herosWithDict:(NSDictionary *)dict\ 28 {\ 29 return [[self alloc]initWithDict:dict];\ 30 }\ 31 32 #endif
以后在需要使用的时候,只需要使用宏即可。
如在YYheros.m文件中使用YYinitM(hero)这一句代码可以代替下面的代码段:
-(instancetype)initWithDict:(NSDictionary *)dict { if (self=[super init]) { // self.name=dict[@"name"]; // self.icon=dict[@"icon"]; // self.intro=dict[@"intro"]; //使用KVC [self setValuesForKeysWithDictionary:dict]; } return self; } +(instancetype)herosWithDict:(NSDictionary *)dict { return [[self alloc]initWithDict:dict]; }
五、注意点
1.刷新数据的两个步骤:
1)修改模型
2)刷新表格数据(可以全部刷新,也可以刷新指定的行)
2.在主控制器文件中,遵守了三个协议
分别是:
UITableViewDataSource,
UIAlertViewDelegate,
UITableViewDelegate