iOS开发之模仿qq通讯录

这篇文章主要整理一下项目中用到的类似qq通讯录的收缩功能。

demo.gif

我实现的思路是在tableview的header放置button，然后根据button是否选中来判断是否需要显示那一个section。

首先定义了两个属性

@property(nonatomic,strong)UITableView *tableview;
@property(nonatomic,strong)NSArray *buttonsArr;

button数组的定义

-(NSArray *)buttonsArr{
    
    if (_buttonsArr==nil) {
        
        NSMutableArray *tmp=[NSMutableArray array];
        
        for (int i=0; i<6; i++) {
            
            UIButton *button=[UIButton buttonWithType:UIButtonTypeCustom];
            button.tag=333+i;
            button.backgroundColor=[UIColor redColor];
            [button setTitle:[NSString stringWithFormat:@"%d",i] forState:UIControlStateNormal];
            button.selected=NO;
            [button addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
            
            [tmp addObject:button];
        }
        _buttonsArr=[NSArray arrayWithArray:tmp];
    }
    return _buttonsArr;
}

按钮的点击方法，根据按钮的选中状态刷新tableview

-(void)buttonAction:(UIButton *)button{
    
    button.selected=!button.isSelected;
    
    [self.tableview reloadSections:[NSIndexSet indexSetWithIndex:button.tag-333] withRowAnimation:UITableViewRowAnimationFade];
}

tableview的一系列代理方法

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    
    return self.buttonsArr.count;
}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    
    UIButton *button=self.buttonsArr[section];
    
    if (button.selected==YES) {
        return 1;
    }else{
        return 0;
    }
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    static NSString *str=@"cellid";
    
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:str];
    
    if (cell==nil) {
        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:str];
        cell.textLabel.text=[NSString stringWithFormat:@"第%li节",indexPath.section];
    }
    
    return cell;
}

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    
    UIButton *button=self.buttonsArr[section];
    
    return button;
}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    return 150;
}

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    
    return 50;
}

源码