iOS - tableView类型的筛选框实现

在iOS开发中，条件筛选框基本出现在每一个app中，今天我们就来了解一下条件筛选框

筛选框

显而易见，我们的这个筛选框是通过tableview来实现的，所以我们自定义了一个继承自UIView的子类synthesizeMenuPopView

synthesizeMenuPopView.h

typedef void (^synthesizeMenuPopBlock)(NSString *cellTitle);

@interface synthesizeMenuPopView : UIView

@property (nonatomic, strong) UITableView *tableView;

@property(nonatomic,strong)NSMutableArray *dataArray ;

@property (nonatomic, copy) NSString *CellText ;

@property(nonatomic,copy)synthesizeMenuPopBlock block ;

@end

我们这里定义：
1 . 一个匿名函数 - block 用于传值
2 . 一个数组 - dataArray 用于tableview上展示的数据
3 . 一个字符串 - CellText 用于判断当前选中的文字和显示的文字效果

synthesizeMenuPopView.m

-(instancetype)initWithFrame:(CGRect)frame{
    if (self == [super initWithFrame:frame]) {
        self.backgroundColor = [kTextFieldColor colorWithAlphaComponent:0.6] ; // kTextFieldColor是我自己定义的宏，自行修改一下
        UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, self.height)] ;
        tableView.delegate = self ;
        tableView.dataSource = self ;
        tableView.separatorStyle = UITableViewCellSeparatorStyleNone ;
        [self addSubview:tableView] ;
        self.tableView = tableView ; // 将self.tableView指向tableView所在的地址   
    }
    return self ;
}

//这里重写dataArray 的set方法，当每次给dataArray赋值的时候都会调用该方法，从而修改tableview的高度
-(void)setDataArray:(NSMutableArray *)dataArray{
    _dataArray = dataArray ;
    self.tableView.height = _dataArray.count * 85 * kFitWithWidth ;
}

//设置tableView的代理方法
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 1;
}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.dataArray.count ;
}

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

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString * const cellID = @"cellID" ;
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID] ;
    
    if (cell == nil) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID] ;
    }
    cell.textLabel.text = self.dataArray[indexPath.row];
    if ([self.CellText isEqualToString:cell.textLabel.text]) {
        cell.textLabel.textColor = RGB(247, 97, 76) ;
    }else{
        cell.textLabel.textColor = [UIColor blackColor] ;
    }
    cell.textLabel.font = [UIFont systemFontOfSize:10] ;
    return cell ;
}

//tableView的点击事件
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    // 获取选中cell
    UITableViewCell *cell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath];
    // 改变选中cell的 标题颜色
    cell.textLabel.textColor = RGB(247, 97, 76);
    
    // 传出选中cell的 标题
    if (self.block != nil) {
        self.block(cell.textLabel.text);
    }    
    // 刷新tableView
    [self.tableView reloadData];
    // 选中后隐藏
    self.hidden = YES;
    return ;
}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    self.hidden = ! self.hidden ;
}

ViewController.m中

//简单使用
if (button.tag == kTagStart + 1) { // 销量
        synthesizePopView.hidden = NO ;
        synthesizePopView.dataArray = dataArray[0] ;
        [synthesizePopView.tableView reloadData] ;
        synthesizePopView.CellText = button.titleLabel.text ;
        __weak __typeof__(self) weakSelf = self;
        synthesizePopView.block = ^(NSString * _Nonnull cellTitle) {
            //如果在 Block 内需要多次 访问 self，则需要使用 strongSelf
            //__strong 确保在 Block 内，strongSelf 不会被释放。
            __strong __typeof(self) strongSelf = weakSelf;
            [strongSelf->priceMenuBtn setTitle:@"价格排序" forState:UIControlStateNormal] ;

            [button setTitle:cellTitle forState:UIControlStateNormal] ;

            if ([cellTitle isEqualToString:@"由高到低"]) {
                sortTypeStr = 3 ;
            }else if ([cellTitle isEqualToString:@"由低到高"]){
                sortTypeStr = 2 ;
            }else{
                sortTypeStr = 1 ;
            }
            [strongSelf initRecommendViewApi] ;
        } ;
    }

这样一个筛选下拉就做完了。感觉还有很多不足的地方，希望大家指正。

心语：实习生活太苦逼，但是还得加油鸭（求介绍工作鸭）