好友二级列表（强化版）

来源：互联网发布：95淘宝小嫩模全集在线编辑：程序博客网时间：2024/06/07 17:42

记得去年这个时候我写过一个简单的二级列表demo，当时没有在实际项目中用到过，只是觉得这个技术很多地方会用到，就尝试性的学习了，现在整理一下项目中用到的二级列表，先上一下效果图吧，（本人录制gif动态图的软件不是很nb，所以有些看的不是很清楚）

大家看到的效果就是实际项目中的，这里面的东西很多，我就拿三个技术点进行讲解，

1：具有分组功能的二级列表，这个功能其实就和qq一样

2：模糊查询患者，实现姓名、昵称、组名查询

3：离线缓存，没网络情况下加载数据库中的数据

其实这三个技术点在很多具备IM功能的项目直接copy就能用，，原理一样，换下数据就ok。

针对第一点我这边会直接贴出部分代码，供理解分析

a:分组样式

         _friendsTabelView=[[UITableView alloc]initWithFrame:CGRectMake(0.0,CGRectGetMaxY(search.frame)+10, kScreenWidth, kScreenHeight-(CGRectGetMaxY(search.frame)+10)-64) style:UITableViewStyleGrouped];        _friendsTabelView.separatorStyle = UITableViewCellSeparatorStyleNone;        [_friendsTabelView setDelegate:self];        [_friendsTabelView setDataSource:self];

b:最外面分组数据就相当于每组table的header，所以这个地方我们就得将获取数据的设置到代理方法中

#pragma mark - 数据源 ------- 组- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {        return self.temprr.count;}#pragma mark - UITableViewDelegate- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {      PatientTagModel * droupModel = self.temprr[section];    //刚运行进入为no 之后点击cell取反，就为yes    if (droupModel.StateType) {        return droupModel.patientArrTag.count ;    }else{        return 0;    }}

c:我们得设置每组header，这里的自定义一个QQTableViewHeaderCell继承UITableViewHeaderFooterView

- (nullable UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{                 PatientTagModel * droupModel = self.temprr[section];        //得到组对象    QQTableViewHeaderCell *headerCell =[QQTableViewHeaderCell tableViewHeader:tableView];        //将模型数据设置给单元格    headerCell.headerModel = droupModel;    headerCell.tag = section;//给每组一个标识    headerCell.detegate = self;            return headerCell;}

d:自定义header类的实现，该类的实现主要技术点是点击按钮触发代理，然后控制器table刷新，重新走代理方法

#import <UIKit/UIKit.h>#import "PatientTagModel.h"@class QQTableViewHeaderCell;@protocol QQTableViewHeaderCellDetegate <NSObject>-(void)QQtablehData:(QQTableViewHeaderCell*)headerCell;@end@interface QQTableViewHeaderCell : UITableViewHeaderFooterView@property(nonatomic,strong)PatientTagModel *headerModel;@property(nonatomic,strong)id<QQTableViewHeaderCellDetegate>detegate;+(instancetype)tableViewHeader:(UITableView *)tableView;@end

////  QQTableViewHeaderCell.m//  QQ列表////  Created by 尧的mac on 15/10/31.//  Copyright (c) 2015年 尧的mac. All rights reserved.//#import "QQTableViewHeaderCell.h"#import "PatientTagModel.h"#import "UIImage+Extension.h"@interface QQTableViewHeaderCell ()@property(nonatomic,strong)UIButton * lableBut;@property(nonatomic,strong)UILabel * textLable;@property(nonatomic,strong)UIImageView *arrowImage;@property(nonatomic,strong)UIView *lineView;@property(nonatomic,strong)UIView *lineTopView;@end@implementation QQTableViewHeaderCell#pragma mark ----初始化时候创建子控件-(instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier{        if (self = [super initWithReuseIdentifier:reuseIdentifier]) {        UIButton * bun = [[UIButton alloc]init];        [bun setImage:[UIImage imageNamed:@"buddy_header_arrow" ] forState:UIControlStateNormal];        //按钮内容左靠齐        bun.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;        [bun setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];        //按钮内容内边距        bun.contentEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);        //按钮文本内边距        bun.titleEdgeInsets = UIEdgeInsetsMake(0, 8, 0, 0);                //按钮内容模型变为现实状        bun.imageView.contentMode = UIViewContentModeCenter;        //多余部分不要切割        bun.imageView.clipsToBounds = NO;                [bun addTarget:self action:@selector(ButAction:) forControlEvents:UIControlEventTouchUpInside];        self.lableBut = bun;        [self addSubview:_lableBut];                UILabel * lable = [[UILabel alloc]init];        lable.textAlignment = NSTextAlignmentRight;        lable.font = [UIFont systemFontOfSize:15];        lable.textColor = [UIColor lightGrayColor];        lable.alpha = 0.7;        self.textLable = lable;        [self addSubview:_textLable];               UIImageView * image=  [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"箭头"]];        self.arrowImage = image;        [self addSubview:_arrowImage];                           UIView * view = [[UIView alloc] init];        view.backgroundColor = [UIColor lightGrayColor];        view.alpha = 0.2;        self.lineView = view;        [self addSubview:_lineView];                }    return self;}#pragma mark ----创建组对象+(instancetype)tableViewHeader:(UITableView *)tableView{        NSString *ID = @"ID_header";    QQTableViewHeaderCell * tableHeader = [tableView dequeueReusableHeaderFooterViewWithIdentifier:ID];    if (tableHeader == nil) {        tableHeader = [[QQTableViewHeaderCell alloc]initWithReuseIdentifier:ID];    }    return tableHeader;}#pragma mark ----加载模型数据-(void)setHeaderModel:(PatientTagModel *)headerModel{        _headerModel = headerModel;        [_lableBut setTitle:headerModel.name forState:UIControlStateNormal];    _textLable.text = [NSString stringWithFormat:@"%ld人",(unsigned long)headerModel.patientArrTag.count];                //将图片旋转90度    if (self.headerModel.StateType) {        _lableBut.imageView.transform = CGAffineTransformMakeRotation(M_PI_2);    }else{        _lableBut.imageView.transform = CGAffineTransformMakeRotation(0);    }    }//当frame发生变化时就执行-(void)layoutSubviews{        _lableBut.frame = CGRectMake(0, 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds));    _textLable.frame = CGRectMake(self.frame.size.width - 81,0, 60, CGRectGetHeight(self.bounds));    _arrowImage.frame = CGRectMake(self.frame.size.width - 18,19, 10, 13);        _lineView.frame = CGRectMake(0, self.frame.size.height-1, self.frame.size.width, 1);                self.backgroundView = [[UIImageView alloc] initWithImage:[UIImage buttonImageFromColor:[UIColor whiteColor] andWidth:[UIScreen mainScreen].bounds.size.width andHeight:45]];}//按钮点击时，，切换组的状态-(void)ButAction:(UIButton *)sender{    self.headerModel.state = !self.headerModel.state;    if ([self.detegate respondsToSelector:@selector(QQtablehData:)]) {        [self.detegate QQtablehData:self];//使用代理，，让控制器刷新数据    }    }@end

到目前为止我们可以得到只有table的header数据的样式，没有cell数据，因为我们重写下面这个方法的时候返回的是0，，而点击QQTableViewHeaderCell类的按钮时，在控制器实现QQTableViewHeaderCell的代理方法，刷新数据，就会改变状态，，返回的数据就是droupModel.patientArrTag.count，这样的话就会走cellForRowAtIndexPath代理方法从而加载cell数据

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;

e:最后就是分组了，每组header高设置第一组的footer高为10，其余组的为0.001f，这样就能实现分组二级列表

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{                        return 50;   }-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{    if (section ==0) {        return 10.f;    }else{                return 0.001f;    }    }

第一个技术点的功能大致就是这样，基本必要的代码就是这样。

对于第二个技术点用到的模糊查询技术，我使用的是NSPredicate来解决的，也可以简称为谓词\过滤器:能利用一定的条件从一个数组中过滤出想要的数据，其实这个技术很简单，我这边只是过滤出数据，至于界面的渲染就不介绍了，
a：我这么这边是要过滤出姓名、昵称、组名，那么我们的sq语句就得这样写了，

这里得注意name是你数据中名字对应的key值，nickName是数据中昵称的key值

    NSPredicate *predicate = [NSPredicate predicateWithFormat:@"name contains %@ OR nickName contains %@", searchText,searchText];    self.resultCities = (NSMutableArray *)[self.SqlData filteredArrayUsingPredicate:predicate];

针对第三个技术数据库存储，我借助了第三方ffdb。

a：其实利用第三方之后，关心的难点就是如何设置sq语句了，而针对这种大型数据的话，最好的办法就是把数据打散成blob数据，再利用NSKeyedUnarchiver将数据转回来，这样就能实现存储及获取了。

static FMDatabaseQueue *_queue;//存数据+(void)addHeadDatas:(NSArray *)Arrdict{    // 0.获得沙盒中的数据库文件名    NSString *path = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject] stringByAppendingPathComponent:@"XYSqlDataTool.sqlite"];    //    NSLog(@"%@",path);        // 1.创建队列    _queue = [FMDatabaseQueue databaseQueueWithPath:path];        // 2.创表    [_queue inDatabase:^(FMDatabase *db) {        [db executeUpdate:@"create table if not exists t_status (id integer primary key autoincrement, dict blob);"];    }];        for (NSDictionary * dict in Arrdict) {        [_queue inDatabase:^(FMDatabase *db) {            //一条数据            NSData *data = [NSKeyedArchiver archivedDataWithRootObject:dict];            // 2.存储数据            [db executeUpdate:@"insert into t_status (dict) values(?)", data];        }];    }    }//取数据+(NSArray *)HeadWithParam{    // 1.定义数组    __block NSMutableArray *dictArray = nil;        [_queue inDatabase:^(FMDatabase *db) {                // 创建数组        dictArray = [NSMutableArray array];              FMResultSet *rs =  [db executeQuery:@"select * from t_status"];        while (rs.next) {//有数据            //取出字典数据（每个字典是一个微博）            NSData *data = [rs dataForColumn:@"dict"];            NSDictionary *dict = [NSKeyedUnarchiver unarchiveObjectWithData:data];            [dictArray addObject:dict];        }            }];    // 3.返回数据    return dictArray;}

至此就结束了，

1 0