前言

前段时间一直在做项目，没时间将项目中遇到的东西、问题、代码整理起来，现在空下来了，赶紧整理一下，前面的项目中用到一个下拉两层筛选的功能，所以做成了一个可以自定义的工具，最多拓展到三层筛选，一层时：可以满足类似美团外卖的条件下拉筛选，三层是：可以满足类似地区多层选择。下面就介绍下这个工具怎么用。

---

功能

• 最多可支持3层筛选。
• 支持单选和多选。
• 多选时，可支持顶部条件框显示，角标显示。
• 可自定义选择图片的样式。
• 工具对象是全局单例的，用到的时候只需拿到单例对象，然后赋值相应属性，调用弹出pop方法即可。

---

如何使用及效果展示

1、单选 + 一层筛选

    YYFilterTool *filterTool = [YYFilterTool shareInstance];
    filterTool.firstLevelElements = @[@"智能排序",@"离我最近",@"好评优先",@"人气最高"];
//    filterTool.levelType = YYBaseFilterTypeSingleLevel;//默认是一层，所以可以不用写
//    filterTool.multiSelectionEnable = NO;//默认不支持多选，所以可以不写
    [filterTool popFilterViewWithStartY:150 startAnimateComplete:nil closeAnimateComplete:nil];

• 效果

1.gif
注意：对于单选 + 一层筛选，如果你想第一次进入时就已经是选择某一个条件的状态了，那么需要构造一个FilterSelectIndexModel对象，然后赋值给filterTool.currentConditions中，具体怎么做可以下载demo去看看。

2、多选 + 一层筛选

    filterTool.multiSelectionEnable = YES;//允许多选

• 效果

2.gif

3、多选 + 一层筛选 + 顶部条件框

    //加一句
    filterTool.topConditionEnable = YES;//顶部条件框的显示

• 效果

3.gif

4、多选 + 三层筛选 + 顶部条件框

    YYFilterTool *filterTool = [YYFilterTool shareInstance];
    
    NSMutableArray *firstLevelElements = [NSMutableArray new];
    NSMutableArray *secondLevelElements = [NSMutableArray new];
    NSMutableArray *thirdLevelElements = [NSMutableArray new];
    
    for (int i = 0; i < 30; i++) {
        [firstLevelElements addObject:[NSString stringWithFormat:@"市%i",i]];
        NSMutableArray *elements = [NSMutableArray new];
        NSMutableArray *elementss = [NSMutableArray new];
        for (int j = 0; j < 15; j++) {//random()%30+1
            [elements addObject:[NSString stringWithFormat:@"市%i县%i",i,j]];
            NSMutableArray *elementsss = [NSMutableArray new];
            for (int k = 0; k < 15; k++) {
                [elementsss addObject:[NSString stringWithFormat:@"市%i县%i镇%i",i,j,k]];
            }
            [elementss addObject:elementsss];
        }
        [secondLevelElements addObject:elements];
        [thirdLevelElements addObject:elementss];
    }
    filterTool.firstLevelElements = firstLevelElements;
    filterTool.secondLevelElements = secondLevelElements;
    filterTool.thirdLevelElement = thirdLevelElements;
    filterTool.levelType = YYBaseFilterTypeThreeLevel;//三层筛选
    filterTool.multiSelectionEnable = YES;//多选
    filterTool.topConditionEnable = YES;//顶部条件框的显示
    [filterTool popFilterViewWithStartY:150 startAnimateComplete:nil closeAnimateComplete:nil];

• 效果

4.gif

5、多选 + 三层筛选 + 顶部条件框 + 角标

    filterTool.indexCountShowEnable = YES;//角标显示

• 效果

5.gif

6、自定义图片

    filterTool.selectedBtnHighlightedName = @"1";//设置选中图片
    filterTool.selectedBtnNormalName = @"2";//设置没选中图片

• 效果

6.gif 7.gif

7、其他自定义

大家如果想自定义其他东西，比如背景颜色，角标样式，完成按钮样式等，可以去源码中修改，我在源码中写了有很多注释，看起来还是很容易的。

---

Demo地址

https://github.com/WallaceYou/YYFilterTool
如果想了解如何实现的小伙伴可以下载下来看看，这里只介绍如何使用。
最后，希望这篇文章可以帮助到同是程序猿的你，希望我们可以共同努力，学习，进步，如果可以的话，希望可以给我一颗星鼓励一下~😊