点击Cell控制UITableViewCell的展开及关闭
2016-06-11 本文已影响870人
DecadentOrMagic
先给大家看效果图~
cell的展开.gif这篇分享源自会飞的乌龟爱看海博主的 http://www.jianshu.com/p/5439a989097d ,我自己稍加修改,然后在这儿呈现给各位看官。
本篇文章,cell的展开实际上就是改变cell的高度,然后刷新改变高度的cell所在行就行了,具体其他的效果笔者在此不做赘述,具体原因是不会,各位可根据自己的情况实现。
下面是代码部分。
首先在storyBoard里面画一个tableView,并在ViewController的延展里设为属性。
//
// ViewController.m
// CellExpandAndShrink
//
// Created by Dom on 16/6/11.
// Copyright © 2016年 YG. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>
@property (weak, nonatomic) IBOutlet UITableView *tableView;
///上一次选中的行
@property (nonatomic, assign) NSInteger selectedRow;
///记录被打开的行号的数组
@property (nonatomic, strong) NSMutableArray *open;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
[self initTableView];
}
- (NSMutableArray *)open
{
if (_open == nil) {
_open = [NSMutableArray array];
}
return _open;
}
- (void)initTableView
{
self.tableView.dataSource = self;
self.tableView.delegate = self;
}
#pragma mark - UITableView Delegate Method
// 返回cell个数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 10;
}
// 返回每行的高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
if ([self.open containsObject:[NSString stringWithFormat:@"%ld",indexPath.row]]) {
return 100;
}
else {
return 40;
}
}
// 请求数据源代理为tableView插入需要的cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *reusid = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reusid];
if (!cell) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reusid];
}
if ([self.open containsObject:[NSString stringWithFormat:@"%ld",indexPath.row]]) {
// 打开之后
cell.textLabel.text = @"快点关上~~~讨厌~~~";
}
else {
// 正常状态下
cell.textLabel.text = @"点击可以打开我噢";
}
return cell;
}
// 监听点击的cell
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSLog(@"上一次选中的行号--%ld 本次点击的行号--%ld",(long)self.selectedRow,(long)indexPath.row);
if ([self.open containsObject:[NSString stringWithFormat:@"%ld",indexPath.row]]) {
// 包含,说明之前已经点击过,这次点击跟上一次是一样的,从打开数组中移除
[self.open removeObject:[NSString stringWithFormat:@"%ld",indexPath.row]];
}
else {
// 不包含,说明这行是第一次点击,直接加进去就可以了
[self.open addObject:[NSString stringWithFormat:@"%ld",indexPath.row]];
}
// 记录点击的行号
self.selectedRow = indexPath.row;
NSLog(@"%@",self.open);
// 刷新点击的行
[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
写到这儿就没有然后了,动态图的效果就可以展示出来了。
这个工程比较简单,GitHub就不传了。最后感谢各位看官。