您的位置:首页 > 产品设计 > UI/UE

点击UITableView的cell展开收缩

2014-01-13 16:13 267 查看
   
在项目中有个需求,点击表视图的单元格展开,再点击另外一个单元格或者本身又收缩,经过一段时间尝试,实现了该功能,现在记录分享总结下。

  
首先要理解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{

           
//收起

     
}

      
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: