详细解说仿制QQ列表 展开和收起列表
近来公司的项目要写个类似于QQ列表展开和收起的列表，想到以前李明杰视频里说的，就写个了展开和收起的Demo，希望给新手一点思路，与大家共同进步
我写的这个展开和收起的思路是，用一个字典的Key去记录点击了第几组，用状态0-1去记录他们是展开的还是收起的
废话不多说，上代码， 注释已写，一定要认真看哦，认真看都能看懂
#import "ViewController.h" #define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height #define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width @interface ViewController () <UITableViewDataSource,UITableViewDelegate> @property (nonatomic,strong)UITableView *tabelView; @property (nonatomic,strong)NSMutableArray *array; @property (nonatomic,strong)NSMutableDictionary *dict; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //创建tableView self.tabelView = [[UITableView alloc] initWithFrame:CGRectMake(0, 64, SCREEN_WIDTH, SCREEN_HEIGHT - 64) style:UITableViewStylePlain]; self.tabelView.delegate = self; self.tabelView.dataSource = self; [self.view addSubview:self.tabelView]; //记录的字典 self.dict = [NSMutableDictionary dictionary]; //每组的标题 self.array = [[NSMutableArray alloc] init]; //去除tableView多余的横线 self.tabelView.tableFooterView = [[UIView alloc] init]; for(int i=0;i<5;i++){ NSString *str = [NSString stringWithFormat:@"第%d组",i]; [self.array addObject:str]; } } //每组的组头 - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 44)]; view.backgroundColor = [UIColor cyanColor]; view.userInteractionEnabled = YES; UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(20, (44-20)/2, 100, 20)]; label.text = self.array[section]; [view addSubview:label]; //view的tag就等于section 代表点击了哪一个组 view.tag = section; [view addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(display1:)]]; return view; } - (void)display1:(UITapGestureRecognizer *)g{ //将点击了哪一组转换成字符串 NSString *str = [NSString stringWithFormat:@"%ld",g.view.tag]; //从字典里面以第几组为key取出状态值 //如果状态值为0，代表关闭 if([self.dict[str] integerValue] == 0){ [self.dict setObject:@(1) forKey:str]; } //如果状态值为不为0，代表展开 else{ [self.dict setObject:@(0) forKey:str]; } //记得一定要刷新tabelView，不然没有效果 [self.tabelView reloadData]; } - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section { return 44; } - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{ return 5; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { /*调用tableView的reloadData方法会重新调用这个方法 从而从字典里面取出相应组对应的状态码，从而判断是需要展开还是收起 */ NSString *str = [NSString stringWithFormat:@"%ld",section]; //将点击了哪一组转换成字符串 if([self.dict[str] integerValue] == 1){ //如果状态值为等于1，代表需要展开返回真正的多少个Cell return 5; }else{ //如果状态值为等于0，代表需要收起返回0 return 0; } } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *cellId = @"cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellId]; if(cell == nil){ cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellId]; } cell.textLabel.text = @"每一行"; return cell; } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; } @end
运行效果
我在公司项目做的效果，我感觉后面的箭头还是做的不错的，哈哈，大家可以下载我们应用看看云收益Pro
谢谢大家观看
正文到此结束
热门推荐
相关文章
近期评论
-
666
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
