iOS开发-UITableView表格优化

之前的一篇文章大概讲述了一下UITableView的使用,UITableView在iOS的地位和ListView在Android中的地位基本上算是不相上下,关于ListView的优化网上的也有很多文章。UITableView苹果公司本身就已经优化了其中的功能,不管你有多少数据,每次加载的时候只是加载当前页面的数据,以免造成不必要的内存占用。一个非常常见的优化就是使用Identifier,也就是唯一标示,将页面中不用的对象放在缓存池中,如果有新的对象出现从缓存池中取出。

页面布局

页面布局还是跟上篇文章一样,一个TableView:

iOS开发-UITableView表格优化

 

不过需要额外的工作的时本次暂时的是服装信息,通过弹框修改服装的价格,需要新建一个服装类,实现UIAlertViewDelegate协议,头文件中的声明:

1
2
3
@interface ViewController : UIViewController <UITableViewDataSource,UITableViewDelegate,UIAlertViewDelegate>
@property (weak, nonatomicIBOutlet UITableView *tableView;
@end

服装类的定义:

1
2
3
4
5
6
7
8
9
@interface Dress : NSObject
 
@property (strong,nonatomicNSString *dressName;
 
@property (strong,nonatomicNSString *dressDetial;
 
@property (strong,nonatomicNSString  *dressImage;
 
@end

优化与实现  

优化之前先实现一些必要的功能,以及一些方法的使用,上篇文章只是涉及了其中的一部分,为了更好的理解,可以先看下实现的效果:

iOS开发-UITableView表格优化

定义存储数据的数组:

 

1
2
3
4
5
6
7
@interface ViewController ()
{
    NSArray *imageArr;
    NSArray *dressArr;
    NSMutableArray *dressList;
}
@end

 

初始化数据:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    imageArr=[[NSArray alloc]initWithObjects:@"dress1.jpeg",@"dress2.jpg",@"dress3.jpg",nil];
    dressArr=[[NSArray alloc]initWithObjects:@"七匹狼",@"森马",@"杰克琼斯",@"美特斯邦威",@"以纯",@"真维斯",@"海南之家",nil];
    dressList=[NSMutableArray arrayWithCapacity:30];
    for (NSInteger i=0; i<30; i++) {
        Dress *dress=[[Dress alloc]init];
        NSInteger imageRandom=arc4random_uniform(3);
        NSInteger dressRandom=arc4random_uniform(7);
     
        NSInteger price=arc4random_uniform(1000)+100;
         
        dress.dressImage=imageArr[imageRandom];
        dress.dressName=dressArr[dressRandom];
        dress.dressDetial=[NSString stringWithFormat:@"促销价:%ld",(long)price];
        [dressList addObject:dress];
    }
}

 设置行数:

1
2
3
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return [dressList count];
}

 设置分组:

1
2
3
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 1;
}

 设置单元格内容,通过reuseIdentifier设置重用的单元格,dequeueReusableCellWithIdentifier取出可以重用的单元格:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *flag=@"cacheCell";
    //生成唯一的标记
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:flag];
    if (cell==nil) {
        //设置需要显示详情的样式
        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:flag];
    }
    Dress *dress=dressList[indexPath.row];
     
    UIImage *image=[UIImage imageNamed:dress.dressImage];
    [cell.imageView setImage:image];
    [cell.imageView setFrame:CGRectMake(0, 0, 80, 50)];
    [cell.textLabel setText:dress.dressName];
    //设置展示小箭头
    [cell setAccessoryType:UITableViewCellAccessoryDisclosureIndicator];
    //设置Tag
//    [cell setTag:indexPath.row];
     
    [cell.detailTextLabel setText:dress.dressDetial];
     
    NSLog(@"获取更新之后的行:%ld",indexPath.row);
    return cell;
}

选中行之后的弹框设置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    UIAlertView *alterView=[[UIAlertView alloc] initWithTitle:@"服装价格:" message:nil delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"修改"nil];
    [alterView setAlertViewStyle:UIAlertViewStylePlainTextInput];
    //选中的Cell
    UITableViewCell *cell=[tableView cellForRowAtIndexPath:indexPath];
     
    UITextField *textField=[alterView textFieldAtIndex:0];
     
    //设置修改的服装信息
    [textField setText:cell.detailTextLabel.text];
     
    [textField setTag:indexPath.row];
    [alterView  show];
}

 UIAlterView中的点击事件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
    if (buttonIndex==1) {
         
        UITextField *textField=[alertView textFieldAtIndex:0];
         
        NSArray *selectedRow=[self.tableView indexPathsForSelectedRows];
         
        NSIndexPath *indexPath=selectedRow[0];
         
        Dress *dress=dressList[indexPath.row];
         
        dress.dressDetial=textField.text;
         
         
        NSLog(@"%@---%ld",textField.text,(long)indexPath.row);
         
        [self.tableView reloadRowsAtIndexPaths:selectedRow withRowAnimation:UITableViewRowAnimationRight];
     
    }
}

 设置行高:

1
2
3
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return 50;
}

关于UITable的优化:

1.最常用的就是不重复生成单元格,很常见,很实用;

2.使用不透明的视图可以提高渲染速度,xCode中默认TableCell的背景就是不透明的;

3.如果有必要减少视图中的条目,本文中设置textLabel,detialTextLabel,imageView,accessoryType;

4.更新条目的时候不要整体更新,更新选中的即可,建议reloadRowsAtIndexPaths,而不是使用reloadData;

 本文转自Fly_Elephant博客园博客,原文链接:http://www.cnblogs.com/xiaofeixiang/p/4248066.html,如需转载请自行联系原作者

上一篇:运维前线:一线运维专家的运维方法、技巧与实践2.3 Puppet及Facter介绍


下一篇:《OpenStack云计算实战手册(第2版)》——导读