美文网首页iOS收藏
点击Cell控制UITableViewCell的展开及关闭

点击Cell控制UITableViewCell的展开及关闭

作者: DecadentOrMagic | 来源:发表于2016-06-11 18:08 被阅读870次

先给大家看效果图~

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就不传了。最后感谢各位看官。

相关文章

网友评论

    本文标题:点击Cell控制UITableViewCell的展开及关闭

    本文链接:https://www.haomeiwen.com/subject/kqcedttx.html