IOS--UITableView解析（一）

UITableView的作用

由于Iphone的大小有限，所以UITableView的作用是巨大的。

比如QQ，微博等应用都用到了该控件。

UITableView可以在有限的控件内，显示无限的数据。

而UITableview中的每一行都是一个UITableViewCell对象，那么不管我们要在每一行显示什么数据，只要重新定制UITableViewCell即可。

 

UITableView的数据源UITableViewDataSource

UITableView是MVC中的View，所以自然不负责存储表中的数据，而是负责如何显示数据的。

那么就要设置UITableView的数据源，UITableViewDataSource是一个协议，该协议里边定义了一些接口，

包括UITableView具有几个section，每个section里面有几行。以及得到显示在某一行的UITableViewCell对象。

具体的做法是：controller实现UITableViewDataSource协议，并实现该协议里边的方法。

协议里边的方法分为required和optional

@required//必须的

//得到某个section的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;

//得到显示要显示在某个section中某一行的UITableViewCell对象
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;

@optional//可选的

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;              // Default is 1 if not implemented，如果没有实现该方法，则默认是1个section

具体的实现如下：其中dataModel是Model类的实例，该类提供了访问自身数据的接口。

ViewController.h

#import <UIKit/UIKit.h>
#import "Model.h"
@interface ViewController : UIViewController<UITableViewDataSource>

@property UITableView* myTableView;
@property Model *dataModel;
@end

 

ViewController.m

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController
@synthesize myTableView;
@synthesize dataModel;
- (void)viewDidLoad {
    [super viewDidLoad];
    //dataModel对象是MVC中的Model
    dataModel = [[Model alloc]initModel];
    myTableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame)) style:UITableViewStylePlain];
    //设置dataSource，
    myTableView.dataSource = self;
    [self.view addSubview:myTableView];
    
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//UITableView在显示数据的时候调用该方法，得到有几行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return  [dataModel getCount];
}

//NNSIndexPath在UITableView中的作用是用来得到section和row
-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    //cell的键
    static NSString * cellIdentifier = @"cellIdentifier";
    //队里中保存了键为cellIdentifier的cell对象， 这样做的目的是为了复用对象资源
    //避免视图滚动时不断地创建和释放资源。
    UITableViewCell *cell = [myTableView dequeueReusableCellWithIdentifier:cellIdentifier];
    //队列中可能没有闲置的cell对象，所以需要检查一下。
    if(cell==nil){
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
    }
   
   
     cell.textLabel.text = [dataModel objectInDataArrayAtIndex:indexPath.row];
    return cell;
}
@end

 

Model.h

#import <UIKit/UIKit.h>

@interface Model : UIView
@property NSArray *dataArray;

-(instancetype)initModel;
-(NSInteger)getCount;
-(id)objectInDataArrayAtIndex:(NSUInteger)index;
@end

 

Model.m

#import "Model.h"

@implementation Model
@synthesize dataArray;

-(instancetype)initModel{
    self = [super init];
    if(self){
        //实际上应该从数据库读取文件的,
        dataArray = [NSArray arrayWithObjects:@"first",@"second",@"third",nil];
    }
    return self;
}
-(NSInteger)getCount{
    return [dataArray count];
}
-(id)objectInDataArrayAtIndex:(NSUInteger)index{
    return dataArray[index];
}
@end

 

在UITableView中显示图片

前面知道了UITableViewCell负责UITableView中的每一行显示什么，所以只要对UITableViewCell对象做些工作即可。

只要设置cell中的imageView中的image就能在UITableView中显示图片。

需要注意的是只能设置image属性而不能直接设置imageView属性，因为该属性是只读的。

NSString *imageNamed = [NSString stringWithString:@"gerbera.png"];
    cell.imageView.image = [UIImage imageNamed:imageNamed];

这样，就显示图片了