前言
前段时间一直在做项目，没时间将项目中遇到的东西、问题、代码整理起来，现在空下来了，赶紧整理一下，前面的项目中用到一个下拉两层筛选的功能，所以做成了一个可以自定义的工具，最多拓展到三层筛选，一层时：可以满足类似美团外卖的条件下拉筛选，三层是：可以满足类似地区多层选择。下面就介绍下这个工具怎么用。
功能
- 最多可支持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
如果想了解如何实现的小伙伴可以下载下来看看，这里只介绍如何使用。
最后，希望这篇文章可以帮助到同是程序猿的你，希望我们可以共同努力，学习，进步，如果可以的话，希望可以给我一颗星鼓励一下~😊
