UITableView基本使用方法
如果自学的人可以按照这个路径去学习
进入要点
1.首先Controller需要实现两个delegate分别是UITableViewDelegate 和UITableViewDataSource。
@interface ViewController : UIViewController <UITableViewDataSource, UITableViewDelegate>
2.然后 UITableView对象的 delegate要设置为 self。
3.然后就可以实现这些delegate的一些方法拉
以下是新建文件必备3代理方法,不然会出错
//在ViewController.m文件下
//行数
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 10;//返回的数值是数组的个数
}
//cell
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
return [[UITableViewCell alloc]init];
}
//行高
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 100;
}
那我们进入做一个小例子
1.新建项目.
在main.storyboard 拖入.tableview 并拖向viewcontroller并指向datasource 和 delegate
2.Controller需要实现两个delegate.(上文有说道)
3.插入行数组数
//Row行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
if ( section == 0) {
return 3;
} else {
return 10;
}
}
//Sections组数数量
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 3;
}
//组别行高色
-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
UIView *footer = [[UIView alloc]init];
footer.backgroundColor = [UIColor redColor];
return footer;
}
//组别行底色
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
UIView *header = [[UIView alloc]init];
header.backgroundColor = [UIColor greenColor];
return header;
}
运行如下图
同时用鼠标点击 拖动一下 感受一下效果
4加入cell数据(行里面的数据)
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
NSString * cellID = [NSString stringWithFormat:@"cell_sec_%ld", (long)indexPath.section ];
UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:cellID];
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
}
cell.textLabel.text = [NSString stringWithFormat:@"%ld",(long)indexPath.row];
cell.detailTextLabel.text = [NSString stringWithFormat:@"section %ld - row %ld",(long)indexPath.section,(long)indexPath.row];
if (indexPath == 0 ) {
cell.imageView.image = [UIImage imageNamed:@""];//组别头像
}else{
cell.imageView.image = [UIImage imageNamed:@""];//组别2.3头像
}
return cell;
}
运行如下
页面做好了 现在欠缺 点击进入下一个页面.
新建页面,NextViewController
在NextViewController.h
@property (copy, nonatomic) NSIndexPath * indexPath;
在NextViewController.m
加入一个tabel(自行添加,我用的是storyboard)并添加一下代码
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
self.nextLabel.text = [NSString stringWithFormat:@"Selected %d.%d", (int)self.indexPath.section, (int)self.indexPath.row ];
}
在storyboard 建立一个segue指向NextViewController.m
segue名字修改为next
回到viewcontroller.m
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
[self performSegueWithIdentifier:@"showDetail" sender:indexPath];
}
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
if ( [segue.identifier isEqualToString:@"showDetail"] ) {
DetailedViewController * dvc = segue.destinationViewController;
dvc.indexPath = sender;
}
运行一下.
