一、基本知识点
UITableView表格视图,是一个可以滚动的界面(理解为垂直滚动的UIScrollView),可展示多行数据,没有行数的限制,只能有一列。
使用UITableView:
1、展示信息,显示大量的列表数据
2、导航
通常选择单元格导航至另一界面。主界面是tableview,通常是导航界面(nav)的根视图,用户轻击表格中的内容,从而进入改选项的详细界面(完整信息)
一、创建UITableView有两种样式
1、 UITableView *tableview = [[UITableView alloc]initWithFrame:self.view.bounds style:UITableViewStylePlain];//设置样式
2、 UITableView *tableview1 = [[UITableView alloc]initWithFrame:self.view.bounds style:UITableViewStyleGrouped];//设置样式
3、设置相关属性
tableview.rowHeight = 80;//行高
tableview.separatorStyle = UITableViewCellSeparatorStyleSingleLine;//分割线样式
tableview.separatorStyle = UITableViewCellSeparatorStyleSingleLine;//分割线样式
tableview.separatorColor = [UIColor greenColor];//分割线颜色
UIImageView *imageview = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"1.jpg"]];
tableview.backgroundView = imageview;//设置背景图
//[tableview addSubview:imageview];//也可以这样添加
UIView *header = [[UIView alloc]initWithFrame:CGRectMake(10, 10, 0, 20)];
tableview.tableHeaderView = header;//tableView顶部视图,其frame只有高有效
tableview.dataSource = self;//设置数据源
tableview.delegate = self;
tableview.tableFooterView = [[UIView alloc]init];//去掉线
tableview.delegate = self;
tableview.tableFooterView = [[UIView alloc]init];//去掉线
[self.view addSubview:tableview];
4、代理方法
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 1;//设置table组数,默认是1,因此当只有一个分组时可省略
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
// if (section == 0) {
// return 2;
// }else if (section == 1) {
// return 6;
// }
return 5;//设置每行的行数
}
//设置每行对应的cell
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{//indexPath包含了第几组:indexPath.section 和第几行:indexPath.row
static NSString *identifier = @"cell";//重用机制标识
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];//根据重用标识,找到重用池着对应的cell
if (cell == nil) {
return 1;//设置table组数,默认是1,因此当只有一个分组时可省略
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
// if (section == 0) {
// return 2;
// }else if (section == 1) {
// return 6;
// }
return 5;//设置每行的行数
}
//设置每行对应的cell
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{//indexPath包含了第几组:indexPath.section 和第几行:indexPath.row
static NSString *identifier = @"cell";//重用机制标识
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];//根据重用标识,找到重用池着对应的cell
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];//创建一个cell,设置其样式和标识
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];//此处更改UITableViewCellStyleSubtitle样式,可显示不同的风格
NSArray *arr = @[@"王",@"杨",@"韩"];
cell.detailTextLabel.text = arr[indexPath.row];//添加字符串
cell.textLabel.text = [NSString stringWithFormat:@"第%zi行,第%zi组",indexPath.row,indexPath.section];//设置cell的文本信息
cell.imageView.image = [UIImage imageNamed:@"2.jpg"];
}
return cell;
cell.imageView.image = [UIImage imageNamed:@"2.jpg"];
}
return cell;
}
二、UITableView代理方法及应用
#import "ViewController.h"
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
UITableView *_tableview = [[UITableView alloc]initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
_tableview.delegate = self;
_tableview.dataSource = self;
//_tableview.rowHeight = 80;//设置行高
//_tableview.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
[self.view addSubview:_tableview];
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 8;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
if (section == 0) {
return 4;
}else if (section == 2) {
return 2;
}
return 40;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
//static NSString *ident = @"cell";//会导致重用机制有bug
NSString *ident = [NSString stringWithFormat:@"%zi,%zi",indexPath.section,indexPath.row];//解决重用机制bug可用这种方法//给每行设置不同的标识
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ident];
// static int num;
// NSLog(@"%d",num++);
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ident];
//cell.textLabel.text = nil;//先清理,再使用
}
cell.textLabel.text = [NSString stringWithFormat:@"%zi组,%zi行",indexPath.section,indexPath.row];
cell.detailTextLabel.text = @"详细信息";
if (indexPath.section == 0 && indexPath.row == 0) {
cell.imageView.image = [UIImage imageNamed:@"1.jpg"];
}
if (indexPath.section == 2 && indexPath.row == 0) {
cell.imageView.image = [UIImage imageNamed:@"2.jpg"];
}
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;//提示用户可点,点击之后跳至下级界面
//cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;//提示用户可点,点击按钮(叹号)会有相关提示弹出,点击cell之后跳至下级界面
//cell.accessoryType = UITableViewCellAccessoryCheckmark;//对勾
//cell.accessoryType = UITableViewCellAccessoryDetailButton;//提示用户可点,点击按钮(叹号)会有相关提示弹出
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
//每组顶部视图的高度
return 20;
}
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
//自定义每组头视图
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 200, 40 )];
view.backgroundColor = [UIColor redColor];
return view;
}
-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
//自定义尾部视图
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 200, 80)];
view.backgroundColor = [UIColor greenColor];
return view;
}
-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
return 30;
}
//-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
// //设置每行的高度
// if (indexPath.row = 0) {
// return 80;
// }
// return 40;
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
UITableView *_tableview = [[UITableView alloc]initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
_tableview.delegate = self;
_tableview.dataSource = self;
//_tableview.rowHeight = 80;//设置行高
//_tableview.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
[self.view addSubview:_tableview];
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 8;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
if (section == 0) {
return 4;
}else if (section == 2) {
return 2;
}
return 40;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
//static NSString *ident = @"cell";//会导致重用机制有bug
NSString *ident = [NSString stringWithFormat:@"%zi,%zi",indexPath.section,indexPath.row];//解决重用机制bug可用这种方法//给每行设置不同的标识
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ident];
// static int num;
// NSLog(@"%d",num++);
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ident];
//cell.textLabel.text = nil;//先清理,再使用
}
cell.textLabel.text = [NSString stringWithFormat:@"%zi组,%zi行",indexPath.section,indexPath.row];
cell.detailTextLabel.text = @"详细信息";
if (indexPath.section == 0 && indexPath.row == 0) {
cell.imageView.image = [UIImage imageNamed:@"1.jpg"];
}
if (indexPath.section == 2 && indexPath.row == 0) {
cell.imageView.image = [UIImage imageNamed:@"2.jpg"];
}
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;//提示用户可点,点击之后跳至下级界面
//cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;//提示用户可点,点击按钮(叹号)会有相关提示弹出,点击cell之后跳至下级界面
//cell.accessoryType = UITableViewCellAccessoryCheckmark;//对勾
//cell.accessoryType = UITableViewCellAccessoryDetailButton;//提示用户可点,点击按钮(叹号)会有相关提示弹出
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
//每组顶部视图的高度
return 20;
}
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
//自定义每组头视图
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 200, 40 )];
view.backgroundColor = [UIColor redColor];
return view;
}
-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
//自定义尾部视图
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 200, 80)];
view.backgroundColor = [UIColor greenColor];
return view;
}
-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
return 30;
}
//-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
// //设置每行的高度
// if (indexPath.row = 0) {
// return 80;
// }
// return 40;
//}