UITableView简单使用

在iOS开发中UITableView可以说是使用最广泛的控件，我们平时使用的软件中到处都可以看到它的影子，类似于微信、QQ、新浪微博等软件基本上随处都是UITableView。当然它的广泛使用自然离不开它强大的功能;

1首先我们在类别里添加UITableView这个控件和数据源

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>

@property (nonatomic,strong)UITableView * tableView;

@property (nonatomic,strong)NSMutableArray * dataSouce;

@end

2UITableView控件有两个代理我们要遵守这两个代理

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>

3我们在viewDidLoad中创建tableView和请求数据

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

[self creatTableView];

[self requestData];

}

- (void)creatTableView

{

self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight) style:UITableViewStylePlain];

self.tableView.dataSource = self;

self.tableView.delegate = self;

[self.view addSubview:self.tableView];

}

- (void)requestData

{

self.dataSouce = [[NSMutableArray alloc] init];

for (int i=0; i<15; i++) {

NSString * strData  = [NSString stringWithFormat:@"我是逗比%d",i];

[self.dataSouce addObject:strData];

}

[self.tableView reloadData];

}

4最后是实现UITableView的代理方法

#pragma mark - UITableView代理方法

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

//返回组数

return 1;

}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

//返回组里的cell个数

return self.dataSouce.count;

}

- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

static  NSString * identifier = @"cell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];

if (!cell) {

cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];

}

cell.textLabel.text = [self.dataSouce objectAtIndex:indexPath.row];

cell.textLabel.textColor = [UIColor redColor];

return cell;

}

运行效果如图：

二：接下来我们在上面程序的基础上继续深化学习，对cell的定制

1 在.h文件加两个属性，一个放图片 一个放文字，代码如下:

@interface MyTableViewCell : UITableViewCell

@property (nonatomic,strong)UIImageView * iconView;

@property (nonatomic,strong)UILabel * nameLabel;

@end

2实现iconView和nameLable的懒加载方法

重写- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier这个方法

把iconView和nameLabel加到自身的contentView上

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

{

if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {

self.iconView.frame = CGRectMake(10, 10, 50, 50) ;

[self.iconView.layer setCornerRadius:25];

[self.iconView.layer setMasksToBounds:YES];

[self.contentView addSubview:self.iconView];

self.nameLabel.frame = CGRectMake(70, 15, 120, 40);

[self.contentView addSubview:self.nameLabel];

}

return self;

}

- (UILabel *)nameLabel

{

if (_nameLabel == nil) {

_nameLabel = [[UILabel alloc] init];

_nameLabel.textAlignment = NSTextAlignmentLeft;

_nameLabel.font = [UIFont systemFontOfSize:14];

}

return _nameLabel;

}

- (UIImageView *)iconView

{

if (_iconView == nil) {

_iconView = [[UIImageView alloc] init];

[_iconView.layer  setBorderColor:[UIColor lightGrayColor].CGColor];

[_iconView.layer setBorderWidth:1.2];

}

return _iconView;

}

3 在ViewController.m里导入MyTableView.h 然后添加一个代理代码如下

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

{

return 75; //返回行高

}

//修改过的代码如下

- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

MyTableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];

if (!cell) {

cell = [[MyTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];

}

cell.iconView.image = [UIImage imageNamed:@"jianbo"];

cell.nameLabel.text = [self.dataSouce objectAtIndex:indexPath.row];

return cell;

}

运行效果如下

这一次就写这么多吧