iOS - 表格
一、 TableView
1.1 StoryBoard方式
1.2 nib方式
1.2.1 一般
1.2.2 自定义单元格
1.3 纯代码方式
(1) 简单表视图操作
Step1:
实现协议 2个协议:<UITableViewDataSource,UITableViewDelegate>
Step2:
创建UITableView对象 & 设置表格视图对象的代理与表格数据源的代理
//创建一个区域,用来显示表格
// CGRect rect = CGRectMake(0, 40, 300, 420);
CGRect rect = CGRectMake(0, 40, 300, 420);
//初始化表格视图
UITableView *tableView = [[UITableView alloc]initWithFrame:rect];
//设置表格视图对象的代理
tableView.delegate = self;
//设置表格视图数据源的代理
tableView.dataSource = self;
[self.view addSubview:tableView];
Step3: 设置单元格高度
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return 5;
}
Step4: 初始化和返回表格视图的单元格
//该代理方法,用来初始化和返回表格视图的单元格,是最重要的一个代理方法
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
//创建一个字符串,作为单元格的标识符
static NSString *identifier = @"cellIndentifier";
//单元格的标识符,可以看作是一个重用机制,此方法可以从,所有已经开辟内存的单元格里面,选择一个具有同样标识符的、空闲的单元格
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
//如果没有重复使用的单元格,则创建新的单元格
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
//设置单元格的标题文字内容
cell.textLabel.text = @"Cell title here.";
//设置单元格的文字描述内容
cell.detailTextLabel.text = @"Detail Information here";
}
return cell;
}
(2) 其它操作
a. 设置单元格高度
//该代理方法用来设定单元格的高度
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return 80;
}
b. 设置单元格图标
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *identifier = @"cellIndenfier";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
cell.textLabel.text = @"Cell title here.";
cell.detailTextLabel.text = @"Detail Information here.";
//建立一个图片对象,导入第一张图片,作为单元格默认状态的图片
UIImage *img1 = [UIImage imageNamed:@"alarm1.png"];
//建立另一张图片对象,导入第二张图片,作为单元格被选中状态的图片
UIImage *img2 = [UIImage imageNamed:@"alarm2.png"];
//将第一个图片对象,指定为单元格默认图片
cell.imageView.image = img1;
//将第二个图片对象,指定为单元格的高亮图片
cell.imageView.highlightedImage = img2;
}
return cell;
}
c. 设置单元格数据源
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *identifier =@"cellIndentifier";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
//索引路径用来标识单元格在表格中的位置,它有section和row两个属性,前者标识单元格处于第几个段落,后者标识单元格在段落中的第几行
NSInteger num = [indexPath row];
//获取数组中的数据,指定为当前单元格的标题文字.
cell.textLabel.text = [_array objectAtIndex:num];
cell.detailTextLabel.text = @"Detail Information here";
}
return cell;
}
d. 设置单元格背景色
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *identifier =@"cellIndentifier";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
//获取 当前 单元格的行数
NSInteger num = [indexPath row];
//设置单元格的标题文字内容
cell.textLabel.text = @"Title Information";
//设置单元格的描述文字内容
cell.detailTextLabel.text = @"Detail Information here";
if (num == 1) {
//选择第二行单元格,则设置单元格背景色为紫色
[cell setBackgroundColor:[UIColor purpleColor]];
}
else { //若不是第二行,则设置为另外一种背景
//1.
CGRect rect = CGRectMake(0, 0, 50, 50);
//创建一个视图对象
UIView *view = [[UIView alloc] initWithFrame:rect];
//设置视图对象的背景颜色为褐色
[view setBackgroundColor:[UIColor brownColor]];
//将视图作为单元格的背景视图,这里视图的作用是仅改变单元格的背景色,也可以根据需要,设定一张图片作为背景.
[cell setBackgroundView:view];
//2.
// [cell setBackgroundColor:[UIColor redColor]];
}
}
return cell;
}
e. 设置单元格Accessory样式
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
if (cell.accessoryType == UITableViewCellAccessoryNone)
cell.accessoryType = UITableViewCellAccessoryCheckmark;
else
cell.accessoryType = UITableViewCellAccessoryNone;
}
f. 删除单元格
//该代理方法,用来设定单元格的编辑方式
-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
//设置单元格的编辑模式为删除模式
return UITableViewCellEditingStyleDelete;
}
//该代理方法,用来处理单元格编辑结束后的动作
-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
//判断是否为删除操作
if (editingStyle == UITableViewCellEditingStyleDelete) {
//获得当前编辑的单元格的行编号
NSInteger num = [indexPath row];
//从数组中将该单元格的内容清楚,以保证数据的一致性
[_array removeObjectAtIndex:num];
//再从表格视图中清楚该单元格
NSArray *indexPaths = [NSArray arrayWithObjects:indexPath, nil];
[tableView deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationAutomatic];
}
}
g. 插入单元格
//该代理方法,用来设定单元格的编辑方式
-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
//设置单元格的编辑模式为插入模式
return UITableViewCellEditingStyleInsert;
}
//该代理方法,用来处理单元格编辑结束后的动作
-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
//判断是否为删除操作
if (editingStyle == UITableViewCellEditingStyleInsert) {
//获得当前编辑的单元格的行编号
NSInteger num = [indexPath row];
//从数组中将该单元格的内容清楚,以保证数据的一致性
[_array insertObject:@"Nice day" atIndex:num];
//再往表格视图中插入新单元格
NSArray *indexPaths = [NSArray arrayWithObjects:indexPath, nil];
[tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationAutomatic];
}
}
h. 更改单元格顺序
//该代理方法,用来设定单元格的编辑方式
-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
//设置单元格的编辑方式为编辑模式
return UITableViewCellEditingStyleNone;
}
//用来设定是否允许拖动单元格
-(BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {
return YES;
}
//用来响应单元格的移动动作.
-(void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {
//获得单元格移动前的位置
NSInteger fromRow = [sourceIndexPath row];
//获得单元格移动后的位置
NSInteger toRow = [destinationIndexPath row];
//获得数组在单元格移动前的对象
id obj = [_array objectAtIndex:fromRow];
//删除数组中单元格移动前位置的对象
[_array removeObjectAtIndex:fromRow];
[_array insertObject:obj atIndex:toRow];
}
二、CollectionView
2.1 StoryBoard方式
2.2 nib方式
1.2.1 一般
1.2.2 自定义单元格
2.3 纯代码方式
微信赞赏
![](https://files-cdn.cnblogs.com/files/share-iOS/WeChatPayBorder.bmp)
支付宝赞赏
![](https://files-cdn.cnblogs.com/files/share-iOS/AliPayBorder.bmp)