小tableView点击按钮进行展开和折叠

我也不知道,这个应该叫什么,反正,先看一下效果图吧
弄出的效果就是这个样子
刚开始的状态,右边是一个按钮,点击后可以展开
点击右边按钮后展开。
在这里插入图片描述
然后点击单元格进行选择,选择后再次合上,显示的是选择的内容,然后可以再次点击按钮,重新进行选择
在这里插入图片描述
接下来,看看这个是怎么实现的,应该有很多的方法,我是个初学者,所以目前只会这一种。

  • 一个可变数组,里面存储,这些文字
  • 一个全局变量,布尔值,用来判断是tableView的状态
  • 然后根据布尔值,来设置单元格的行数,和位置大小
//设置初始的tableView
	_tableview = [[UITableView alloc] init];
    _tableview.frame = CGRectMake(260, 160, 120, 30);
    [_tableview registerClass:[UITableViewCell class] forCellReuseIdentifier:@"littleCell"];
    [_tableview registerClass:[UITableViewCell class] forCellReuseIdentifier:@"little2Cell"];

    [self.view addSubview:_tableview];

    _tableview.dataSource = self;
    _tableview.delegate = self;
//这是存储数据的可变数组数组
	_dataArray  = [[NSMutableArray alloc] init];
    [_dataArray addObject:@"原创作品"];
    [_dataArray addObject: @"设计资料"];
    [_dataArray addObject:@"设计师观点"];
    [_dataArray addObject:@"设计教程"];入代码片

.......

//根据不同的布尔值,返回不同的cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    if (_isOpen) {
        UITableViewCell *cell = [_tableview dequeueReusableCellWithIdentifier:@"little2Cell" forIndexPath:indexPath];
        cell.textLabel.text = _dataArray[indexPath.row];
        cell.textLabel.font = [UIFont systemFontOfSize:12];
        cell.textLabel.textAlignment = NSTextAlignmentLeft;
        return cell;
    } else {
        UITableViewCell *cell = [_tableview dequeueReusableCellWithIdentifier:@"littleCell" forIndexPath:indexPath];
        cell.textLabel.text = _dataArray[indexPath.row];
        cell.textLabel.font = [UIFont systemFontOfSize:12];
        cell.textLabel.textAlignment = NSTextAlignmentLeft;
        return cell;
    }
   
}


//设置行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (_isOpen) {
        return 4;
    } else {
        return 1;
    }
    return 4;
}


//button的点击事件,点击后要改变布尔值
-(void)pressOpen {
    if (_isOpen) {
        _tableview.frame = CGRectMake(260, 160, 120, 30);
        _isOpen = NO;
    } else {
        
        _tableview.frame = CGRectMake(260, 160, 120, 120);
        _isOpen = YES;
    }
    [_tableview reloadData];   //数据更新,一定不要忘记写这一句,不然,可以试试
}


//点击单元格
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    _str =  [NSString stringWithString:_dataArray[indexPath.row]];
    [_dataArray insertObject:_str atIndex:0];								//将选中的对应的数据插入到0的位置处,
    [_dataArray removeObjectAtIndex:indexPath.row + 1];			//删除选中的数据
    _isOpen = NO;																		//改变布尔值
    _tableview.frame = CGRectMake(260, 160, 120, 30);			//重新设定位置大小
    [_tableview reloadData];															//更新数据
}

最后就可以实现想要的效果了,刚开始学习,新手一枚,若有错误,请及时纠正。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS中的tableView是一种用于展示大量数据的常见控件,而多级展开折叠则是一种实现在tableView中展示层级关系的常见需求,类似于QQ好友列表的效果。 实现这个效果的方法是通过tableView的数据源和代理方法来控制每个cell的样式和交互。以下是一个简单的实现步骤: 1. 设计数据模型:根据层级关系设计一个合适的数据模型,每个模型中包含展开折叠状态、子模型等相关属性。 2. 创建tableView:在界面上创建一个tableView,并设置其数据源和代理为当前控制器。 3. 实现数据源方法:在数据源方法中,根据模型的展开折叠状态来确定每个cell的样式和数量。 4. 实现代理方法:在代理方法中,根据用户的操作(点击或者滑动等)来更新模型的展开折叠状态,并刷新tableView。 5. 自定义cell:根据不同的展开折叠状态,自定义cell的样式和布局。 6. 添加动画效果:为了增加用户体验,在展开折叠的过程中可以添加一些动画效果,比如cell的展开折叠tableView的滚动等。 7. 处理点击事件:根据用户的点击来判断是展开还是折叠,并更新对应的模型和tableView。 8. 优化性能:如果数据量较大,可以考虑使用懒加载或者异步加载等方式来减少内存占用和提高性能。 通过以上步骤,我们就可以实现类似QQ好友列表的多级展开折叠效果。当用户点击某个cell时,可以展开其子级内容,再次点击则折叠子级内容,以此类推,完成多级展开折叠的功能。 需要注意的是,实现这个效果需要根据具体的需求和设计来确定数据模型、点击事件和界面样式等方面的实现细节。以上是一个基本的实现思路,具体的实现过程可能会因具体的需求而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值