zoukankan      html  css  js  c++  java
  • 点击UITableView的cell展开收缩

    在项目中有个需求,点击表视图的单元格展开,再点击另外一个单元格或者本身又收缩,经过一段时间尝试,实现了该功能,现在记录分享总结下。
       首先要理解UITableView代理方法调用的先后顺序。
       当初始化UITableView后,代理回调顺序如下
      1://返回cell个数
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
      2://返回每行的高度
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
      3://请求数据元代理为tableView插入需要的cell
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
      4://监听点击的cell
    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

       需要声明一个全局BOOL变量isOpen,记录当前cell的状态,声明一个NSInterge类型selectedIndex,记录选择的cell的row。


       在heightForRowAtIndexPath代理里面实现//选中状态返回的高度
        if (indexPath.row == selectedIndex.row && selectedIndex != nil ) {
            if (isOpen == YES) {

               //cell上的label高度自适应
                CGSize size = [textStr sizeWithFont:[UIFont systemFontOfSize:14] constrainedToSize:CGSizeMake(290, 1000) lineBreakMode:NSLineBreakByWordWrapping];
                CGFloat f = size.height;
               
                if (indexPath.row == [self.dataArr count]-1){
                   
                    return 153.8+(f - 21);
                }
               
                return 155+(f - 21);
               
            }else{
               
                return 67;
            }
           
        }


    同样在- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath里实现一样的条件
        if (indexPath.row == selectedIndex.row && selectedIndex != nil) {
            //如果是展开
            if (isOpen == YES) {
                //xxxxxx
         }else{
                //收起
          }
          
           //不是自身
        } else {
           }


    当点击时候在- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    //将索引加到数组中
        NSArray *indexPaths = [NSArray arrayWithObject:indexPath];
        //判断选中不同row状态时候
        //    if (self.selectedIndex != nil && indexPath.row != selectedIndex.row) {
        if (self.selectedIndex != nil && indexPath.row == selectedIndex.row) {
            //将选中的和所有索引都加进数组中
    //        indexPaths = [NSArray arrayWithObjects:indexPath,selectedIndex, nil];
            isOpen = !isOpen;
           
        }else if (self.selectedIndex != nil && indexPath.row != selectedIndex.row) {
            indexPaths = [NSArray arrayWithObjects:indexPath,selectedIndex, nil];
            isOpen = YES;
         
        }
        
        //记下选中的索引
        self.selectedIndex = indexPath;
       
        //刷新
        [tableView reloadRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationFade];
    }

    经过不断调试,终于实现了点击任意一个cell展开收缩效果
    点击UITableView的cell展开收缩

    点击UITableView的cell展开收缩

  • 相关阅读:
    Axios 请求/响应拦截器,用来添加 token 和 处理响应错误
    js判断图片url地址是否404
    JavaScript使用a标签下载文件
    页面刷新或离开页面给后端发送数据
    element 上传文件 upload
    element-ui 的 el-table,点击单元格可编辑
    黑盒测试用例设计方法普及【转载】
    因果图法的介绍与示例分析【转载】
    黑盒测试用例设计方法及适用场合-2018.3.17
    大数据测试要点--转载
  • 原文地址:https://www.cnblogs.com/wanghuaijun/p/5611423.html
Copyright © 2011-2022 走看看