iOS - 自定义下拉菜单

效果图：

E4AED2F4-F66C-466B-9144-8943393A954A.png

9C977A4C-2648-4AAC-925D-2FB09B8FD361.png

.h文件里面要实现的协议的方法

在YDDropdownMenuDelegate里面要实现的协议方法有以下几种：

/** 
* net代理方法返回 菜单下标:index 菜单标题:MenuTitle
*/
- (void)netClickMenuIndex:(NSInteger)menuIndex menuTitle:(NSString *)menuTitle;

/** 
* 代理方法返回 菜单下标:index  一级菜单index:firstIndex  一级菜单名 
*/
- (void)menuCellDidSelected:(NSInteger)MenuTitleIndex firstIndex:(NSInteger)firstIndex andfirstIndexName:(NSString *)firstIndexName;

/** 
 * 代理方法返回 菜单下标:index  二级菜单index:firstIndex  二级菜单名 
 */
- (void)menuCellDidSelected:(NSInteger)MenuTitleIndex secondIndex:(NSInteger)secondIndex andsecondIndexName:(NSString *)secondIndexName;

/**
  *代理方法返回 菜单下标:index  三级菜单index:firstIndex  三级菜单名
 */
- (void)menuCellDidSelected:(NSInteger)MenuTitleIndex thirdIndex:(NSInteger)thirdIndex andthirdIndexName:(NSString *)thirdIndexName;

/** 
 * 代理方法返回，选中的category筛选产品 
 */
-(void)menuCellDidSelected:(NSInteger)MenuTitleIndex andCategoryName:(NSString *)categoryName;

/** 
 * 代理方法返回，将本身视图显示在最上层 
 */    
-(void)bringselfViewToFront;

/** 
 * 代理方法返回，将本身视图显示在最collectionview下层 
 */
-(void)bringselfViewToBackCollection;

定义的一些常用属性（可在调用时设置，如若不设置，则会调用默认的值）：

/** 遮盖层颜色 */
@property (nonatomic, strong) UIColor * CarverViewColor;

/** 自定义tag值防止和页面其他tag有冲突 */
@property (nonatomic, assign) NSInteger menuButtonTag;    

/** 遮盖的动画时间 */
@property (nonatomic, assign) CGFloat   caverAnimationTime;

/** 缩进的动画时间 */
@property (nonatomic, assign) CGFloat   hideAnimationTime;

/** 菜单title的字体大小 */
@property (nonatomic, assign) CGFloat   menuTitleFont;

/** 下拉菜单的的字体大小 */
@property (nonatomic, assign) CGFloat   tableTitleFont;

/** 菜单的的高度 */
@property (nonatomic, assign) CGFloat   menuHeight;

/** 下拉菜单cell的高度 */
@property (nonatomic, assign) CGFloat   cellHeight;

/** 下拉的Tableview最大高度(超出高度可以滑动显示) */
@property (nonatomic, assign) CGFloat   tableViewMaxHeight;

/** 未选中字体的颜色 */
@property (nonatomic, strong) UIColor  * unSelectedColor;

/** 选中字体的颜色 */
@property (nonatomic, strong) UIColor  * selectedColor;

/** 选中背景图片 */
@property (nonatomic, strong) UIImage  * selectedImage;

/** 设置代理 */
@property (nonatomic,weak) id <YDDropdownMenuDelegate> delegate;

@property (nonatomic,strong) UITableView    * tableFirst;
@property (nonatomic,strong) UITableView    * tableSecond;
@property (nonatomic,strong) UITableView    * tableThird;

在初始化各个下拉的tableview时调用以下的方法进行创建：

#pragma mark -- net一级一级点击网络获取数据创建

/** net创建下拉菜单 */
- (void)netCreateMenuTitleArray:(NSArray *)menuTitleArray;

/** net导入一级菜单数据 */
- (void)netLoadFirstArray:(NSArray *)firstArray andMenuIndex:    (NSInteger)menuIndex andArrow:(BOOL)arrow;

/** net导入二级菜单数据 */
- (void)netLoadSecondArray:(NSArray *)SecondArray andMenuIndex:(NSInteger)menuIndex andArrow:(BOOL)arrow;

/** net导入三级菜单数据 */
- (void)netLoadThirdArray:(NSArray *)ThirdArray andMenuIndex:(NSInteger)menuIndex andArrow:(BOOL)arrow;

-(void)reloadTableView:(UITableView *)tableView;

.m文件里面要实现的方法

宏定义的一些默认值（在用户初始化不设置时调用）：

#define cell_h                      33
#define carverAnimationDefalutTime  0.15
#define hideAnimationDefalutTime    0.15
#define tableViewMaxHeightDefalut   198
#define menuButtonDefalutTag        700
#define triangleImageDefalutTag     100

#define menuTitleDefalutFont        [UIFont systemFontOfSize:13]
#define TableTitleDefalutFont       [UIFont systemFontOfSize:11]
#define SeparatorColor              YDColor(249, 249, 249)
#define Drop_triangle               @"Drop_triangle"
#define Pullup_triangle             @"Pullup_triangle"

定义的一些属性：

@interface YDDropdownMenu ()<UITableViewDataSource,UITableViewDelegate,UIGestureRecognizerDelegate>

@property (nonatomic, strong) UIImageView    * triangleImageV;  //三角形图标
@property (nonatomic, strong) UIView         * buttonBackView;
@property (nonatomic, strong) UIButton       * typeBtn ;

@property (nonatomic, strong) NSMutableArray * dataSourceFirst;
@property (nonatomic, strong) NSMutableArray * dataSourceSecond;
@property (nonatomic, strong) NSMutableArray * dataSourceThird;

@property (nonatomic, assign) BOOL             firstTableViewShow;
@property (nonatomic, assign) BOOL             secondTableViewShow;
@property (nonatomic, assign) BOOL             thirdTableViewShow;

@property (nonatomic, assign) NSInteger        lastSelectedButtonIndex;
@property (nonatomic, assign) NSInteger        lastSelectedCellIndex;
@property (nonatomic, assign) NSInteger        lastSecondCellIndex;
@property (nonatomic, assign) NSInteger        num;

@property (nonatomic, assign) CGFloat          tableViewWith;
@property (nonatomic, assign) CGFloat          buttonBackWithSum;
@property (nonatomic, assign) CGFloat          menuBaseHeight;

@property (nonatomic, assign) BOOL             isNet;
@property (nonatomic, assign) BOOL             arrow;
@property (nonatomic, assign) BOOL             hasThirdTableView;

@end

设置数组懒加载：

-(NSMutableArray *)dataSourceFirst{

if (!_dataSourceFirst) {
    
    _dataSourceFirst = [[NSMutableArray alloc] init];
}

return _dataSourceFirst;
}

-(NSMutableArray *)dataSourceThird{

if (!_dataSourceThird) {
    _dataSourceThird = [[NSMutableArray alloc] init];
}
return _dataSourceThird;
}

-(NSMutableArray *)dataSourceSecond{

if (!_dataSourceSecond) {
    _dataSourceSecond = [[NSMutableArray alloc] init];
}
return _dataSourceSecond;
}

添加removeDropdownMenuNotifacation通知，在外部发送通知隐藏下拉菜单时接收通知，对tableview菜单进行隐藏：

-(instancetype)initWithFrame:(CGRect)frame{

if (self = [super initWithFrame:frame]) {
    
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(removeDropdownMenu:) name:removeDropdownMenuNotifacation object:nil];
}

return self;
}

创建下拉主菜单（循环创建需要的button个数）:

#pragma mark -- net一级一级点击网络获取数据创建
- (void)netCreateMenuTitleArray:(NSArray *)menuTitleArray{

self.isNet = YES;
self.menuBaseHeight = 18;
self.tableViewMaxHeight = self.cellHeight * 6;
[self createMenuViewWithData:menuTitleArray];
[self createTableViewFirst];
[self createTableViewSecond];
[self createTableViewThird];
}

创建每个button下可能需要的tableview菜单：

//创建第一级目录的tableview 
- (void)netLoadFirstArray:(NSArray *)firstArray andMenuIndex:(NSInteger)menuIndex andArrow:(BOOL)arrow{

self.arrow = arrow;

[self createWithFirstData:firstArray];

[self netShowFirstTableByMenuIndex:menuIndex];
 }

//创建第二级目录的tableview 
- (void)netLoadSecondArray:(NSArray *)SecondArray andMenuIndex:(NSInteger)menuIndex andArrow:(BOOL)arrow{

self.arrow = arrow;

if ( SecondArray.count > 0) {
    
    [self.dataSourceSecond removeAllObjects];
    [self.dataSourceSecond addObjectsFromArray:SecondArray];
}
if( arrow == YES ){
    
     self.hasThirdTableView = YES;
}
[self showSecondTabelView:self.secondTableViewShow MenuIndex:menuIndex];
}

//创建第三级目录的tableview 
-(void)netLoadThirdArray:(NSArray *)ThirdArray andMenuIndex:(NSInteger)menuIndex andArrow:(BOOL)arrow{

self.arrow = arrow;

if (ThirdArray.count > 0) {
    
    [self.dataSourceThird removeAllObjects];
    
    [self.dataSourceThird addObjectsFromArray:ThirdArray];
    
    [self showThirdTabelView:self.thirdTableViewShow MenuIndex:menuIndex];
    
    [self.tableThird reloadData];
}
else{
    
    UIButton *btn = (UIButton *)[self viewWithTag:self.lastSelectedButtonIndex];
    [btn setTitle:_dataSourceSecond[self.lastSelectedCellIndex] forState:UIControlStateNormal];
    btn.selected = YES;
    [self remover];
}
}

当需要显示某个tableview时进行调用：

//显示第一级目录的tableview 
- (void)netShowFirstTableByMenuIndex:(NSInteger)menuIndex{

//    NSInteger tempTag = self.menuButtonTag ? self.menuButtonTag :menuButtonDefalutTag;
//    NSInteger index = self.lastSelectedButtonIndex;
CGFloat TableViewW = self.cellHeight*self.dataSourceFirst.count;
CGFloat MaxHeigth = self.tableViewMaxHeight ? self.tableViewMaxHeight : tableViewMaxHeightDefalut;

//判断是否需要滑动
if (TableViewW > MaxHeigth) {
    
    self.tableFirst.scrollEnabled = YES;
    
    TableViewW = MaxHeigth;
    
}else{
    
    self.tableFirst.scrollEnabled = NO;
}

if (self.firstTableViewShow == NO) {
    
    self.tableFirst.frame = CGRectMake(self.tableViewWith*(menuIndex - 700), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    
    [UIView animateWithDuration:self.caverAnimationTime animations:^{
        
        self.tableFirst.frame = CGRectMake(self.tableViewWith*(menuIndex - 700), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, TableViewW);
        
    }completion:^(BOOL finished) {
    }];
    
}else{
    
    self.firstTableViewShow = NO;
    
    self.tableFirst.frame = CGRectMake(0, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, TableViewW);
    [UIView animateWithDuration:self.hideAnimationTime animations:^{
        self.tableFirst.frame = CGRectMake(0, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    }];
}
}

//显示第二级目录的tableview 
- (void)showSecondTabelView:(BOOL)secondTableViewShow MenuIndex:(NSInteger)menuIndex{

CGFloat TableViewW = self.cellHeight*self.dataSourceSecond.count;
CGFloat MaxHeigth = self.tableViewMaxHeight ? self.tableViewMaxHeight : tableViewMaxHeightDefalut;

if (TableViewW > MaxHeigth) {
    self.tableSecond.scrollEnabled = YES;
    TableViewW = MaxHeigth;
    
}else{
    
    self.tableSecond.scrollEnabled = NO;
}

if (self.secondTableViewShow == YES) {
    
    self.tableSecond.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +1), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    [UIView animateWithDuration:self.caverAnimationTime animations:^{
        self.tableSecond.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +1), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, TableViewW);
    }];
    
}else{

    self.secondTableViewShow = YES;
    self.tableSecond.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +1), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    [UIView animateWithDuration:self.caverAnimationTime animations:^{
        self.tableSecond.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +1), CGRectGetMaxY(self.buttonBackView.frame),self.tableViewWith, TableViewW);
    }];
}
[self.tableSecond reloadData];
}

//显示第三级目录的tableview 
- (void)showThirdTabelView:(BOOL)thirdTableViewShow MenuIndex:  (NSInteger)menuIndex{

CGFloat TableViewW = self.cellHeight*self.dataSourceThird.count;
CGFloat MaxHeigth = self.tableViewMaxHeight ? self.tableViewMaxHeight : tableViewMaxHeightDefalut;
if (TableViewW > MaxHeigth) {
    
    self.tableThird.scrollEnabled = YES;
    TableViewW = MaxHeigth;
    
}else{
    self.tableThird.scrollEnabled = NO;
}

if (self.thirdTableViewShow == YES) {
  
    self.tableThird.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +2), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    [UIView animateWithDuration:self.caverAnimationTime animations:^{
        self.tableThird.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +2), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, TableViewW);
    }];
    
}else{
   
    self.thirdTableViewShow = YES;
   
    self.tableThird.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +2), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    [UIView animateWithDuration:self.caverAnimationTime animations:^{
        self.tableThird.frame = CGRectMake(self.tableViewWith*(menuIndex - 700 +2), CGRectGetMaxY(self.buttonBackView.frame),self.tableViewWith, TableViewW);
    }];
}

}

当需要隐藏tableview时进行调用：

- (void)hideCarverView{

self.firstTableViewShow = NO;
self.secondTableViewShow = NO;
self.thirdTableViewShow = NO;

if (_delegate && [_delegate respondsToSelector:@selector(bringselfViewToBackCollection)]) {
    
    [_delegate bringselfViewToBackCollection];
}

[UIView animateWithDuration:self.hideAnimationTime animations:^{
    
    self.tableFirst.frame = CGRectMake(self.tableViewWith*(_lastSelectedButtonIndex-700), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    
    self.tableSecond.frame = CGRectMake(self.tableViewWith, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    
    self.tableThird.frame = CGRectMake(self.tableViewWith * 2, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    
    self.backgroundColor = [UIColor clearColor];
    
}];

NSInteger tempTag = self.menuButtonTag ? self.menuButtonTag :menuButtonDefalutTag;

for (int i =0; i < 3;i++) {

    UIButton * button = (id)[self viewWithTag:tempTag + i];
    button.selected = YES;
    [button setBackgroundImage:[UIImage imageNamed:@""] forState:UIControlStateNormal];
}

}

给tableview赋值：

#pragma mark -- 给tableview赋值
- (void)createWithFirstData:(NSArray *)dataFirst{

self.dataSourceFirst = [NSMutableArray arrayWithArray:dataFirst];

[self.tableFirst reloadData];
}

- (void)createWithSecondData:(NSArray *)dataSecond{

self.dataSourceSecond = [NSMutableArray arrayWithArray:dataSecond];

[self.tableSecond reloadData];
}

- (void)createWithThirdData:(NSArray *)dataThird{

self.dataSourceThird = [NSMutableArray arrayWithArray:dataThird];

[self.tableThird reloadData];
}

创建分类按钮：

#pragma mark -- 创建分类按钮
-(void)createMenuViewWithData:(NSArray *)menuTitleArray{

self.buttonBackWithSum = 240.0;
self.tableViewWith = self.buttonBackWithSum*0.3333;
self.backgroundColor = [UIColor clearColor];

self.caverAnimationTime = self.caverAnimationTime ? self.caverAnimationTime : carverAnimationDefalutTime;
self.hideAnimationTime = self.hideAnimationTime ? self.hideAnimationTime : hideAnimationDefalutTime;
self.cellHeight = self.cellHeight ? self.cellHeight : cell_h;

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(remover)];
[self addGestureRecognizer:tap];
tap.delegate = self;


self.buttonBackView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.frame), 33)];
self.buttonBackView.userInteractionEnabled = YES;
self.buttonBackView.backgroundColor = [UIColor whiteColor];
[self addSubview:self.buttonBackView];

UIImageView * backImage = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.frame), 35)];
backImage.image = [UIImage imageNamed:@"typeSelected_backImage"];
[self.buttonBackView addSubview: backImage];

NSInteger num = menuTitleArray.count;
//    CGFloat btnW = (self.buttonBackWithSum-num+1)/num;
for (int i = 0; i < num; i++) {
    
    //(btnW+1)*i + 16
    _typeBtn = [[UIButton alloc]initWithFrame:CGRectMake(self.tableViewWith *i+ 16, 8, 55, self.menuBaseHeight)];
    NSInteger tempTag = self.menuButtonTag ? self.menuButtonTag :menuButtonDefalutTag;
    _typeBtn.tag = tempTag+i;
    _typeBtn.layer.cornerRadius = 5;
    _typeBtn.selected = YES;
    
    _typeBtn.titleLabel.font = self.menuTitleFont ? [UIFont systemFontOfSize:self.menuTitleFont] : menuTitleDefalutFont;
    
    _typeBtn.backgroundColor = [UIColor whiteColor];

    _typeBtn.adjustsImageWhenHighlighted = NO;
    
    [_typeBtn setTitle: menuTitleArray[i] forState:UIControlStateNormal];
    UIColor * titleColor = self.unSelectedColor?self.unSelectedColor :  [UIColor lightGrayColor];
    [_typeBtn setTitleColor:titleColor forState:UIControlStateNormal];

    _typeBtn.titleLabel.textAlignment = NSTextAlignmentLeft;
    [_typeBtn addTarget:self action:@selector(showFirstTableViewByButton:) forControlEvents:UIControlEventTouchUpInside];
    
    [self.buttonBackView addSubview:_typeBtn];
    
    //三角形
    _triangleImageV = [[UIImageView alloc] initWithFrame:CGRectMake(self.tableViewWith * (i+1) - 17, CGRectGetMidY(_typeBtn.frame), 4.5, 2.5)];
    
    _triangleImageV.image = [UIImage imageNamed:Drop_triangle];
    _triangleImageV.tag = triangleImageDefalutTag + i;
    [self.buttonBackView addSubview:_triangleImageV];
}
}

//三角形颜色
-(void)DefalutTriangleImage{

for (int i = 0; i < 3; i++) {
    
    UIImageView * triangleImageV = (id)[self viewWithTag:triangleImageDefalutTag + i];
    
    triangleImageV.image = [UIImage imageNamed:Drop_triangle];
    
}
}

通过点击某个button来显示第一个tableview（第一次点击menu上面的button）：

- (void)showFirstTableViewByButton:(UIButton *)btn{

_lastSelectedButtonIndex = btn.tag;
[self hideCarverView];
[self DefalutTriangleImage];

if (btn.selected == YES) {
    
    NSInteger tempTag = self.menuButtonTag ? self.menuButtonTag :menuButtonDefalutTag;

    UIImageView * triangleImageV = (id)[self viewWithTag:triangleImageDefalutTag + (_lastSelectedButtonIndex -tempTag)];
    triangleImageV.image = [UIImage imageNamed:Pullup_triangle];
    
    if (_delegate && [_delegate respondsToSelector:@selector(bringselfViewToFront)]) {
        
        [_delegate bringselfViewToFront];
    }
    
    [UIView animateWithDuration:0.5 animations:^{
       
        self.backgroundColor = YDColorAlp(12, 13, 28, 0.2);
    }];
    
    btn.selected = NO;
    
    if (_delegate && [_delegate respondsToSelector:@selector(netClickMenuIndex:menuTitle:)]) {
        
        [_delegate netClickMenuIndex:btn.tag menuTitle:btn.titleLabel.text];
    }
    
        for (UIButton * button in btn.superview.subviews) {
            
            if (button.tag != _lastSelectedButtonIndex && [button isKindOfClass: [UIButton class]]) {
               
                button.selected = YES;
                [button setBackgroundImage:[UIImage imageNamed:@""] forState:UIControlStateNormal];
            }
        }
    [btn setBackgroundImage:self.selectedImage forState:UIControlStateNormal];

}else{
    
    if (_delegate && [_delegate respondsToSelector:@selector(bringselfViewToBackCollection)]) {
        
        [_delegate bringselfViewToBackCollection];
    }
    self.firstTableViewShow = NO;
    btn.selected = YES;
    
    [UIView animateWithDuration:self.hideAnimationTime animations:^{
        
        self.backgroundColor = [UIColor clearColor];
        
        self.tableFirst.frame = CGRectMake(self.tableViewWith*(_lastSelectedButtonIndex-700), CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
        
        self.tableSecond.frame = CGRectMake(self.tableViewWith, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
        
        self.tableThird.frame = CGRectMake(self.tableViewWith * 2, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
    }];

}
}

真正实现创建tableview的方法（上面只是在调用此方法）：

#pragma mark -- 创建tableview
//创建第一级目录的tableview的实现方法
- (void)createTableViewFirst{

self.tableFirst = [[UITableView alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(self.buttonBackView.frame),self.buttonBackWithSum, 0) style:UITableViewStylePlain];
self.tableFirst.scrollEnabled = NO;
self.tableFirst.delegate = self;
self.tableFirst.dataSource = self;
[self.tableFirst setSeparatorColor:SeparatorColor];

self.firstTableViewShow = NO;

[self.tableFirst registerNib:[UINib nibWithNibName:product_TypeIdentifier bundle:nil] forCellReuseIdentifier:product_TypeIdentifier];

[self insertSubview:self.tableFirst belowSubview:self.buttonBackView];

}

//创建第二级目录的tableview的实现方法
- (void)createTableViewSecond{

self.tableSecond = [[UITableView alloc]initWithFrame:CGRectMake(self.tableViewWith, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0) style:UITableViewStylePlain];
self.tableSecond.scrollEnabled = NO;
self.tableSecond.delegate = self;
self.tableSecond.dataSource = self;
self.tableSecond.autoresizesSubviews = NO;
[self.tableSecond setSeparatorColor:SeparatorColor];

self.secondTableViewShow = NO;

[self.tableSecond registerNib:[UINib nibWithNibName:product_TypeIdentifier bundle:nil] forCellReuseIdentifier:product_TypeIdentifier];

[self insertSubview:self.tableSecond belowSubview:self.buttonBackView];
}

//创建第三级目录的tableview的实现方法
- (void)createTableViewThird{

 self.hasThirdTableView = NO;

self.tableThird = [[UITableView alloc]initWithFrame:CGRectMake(self.tableViewWith*2, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0) style:UITableViewStylePlain];
self.tableThird.scrollEnabled = NO;
self.tableThird.delegate = self;
self.tableThird.dataSource = self;
self.tableThird.autoresizesSubviews = NO;
[self.tableThird setSeparatorColor:SeparatorColor];

self.thirdTableViewShow = NO;

[self.tableThird registerNib:[UINib nibWithNibName:product_TypeIdentifier bundle:nil] forCellReuseIdentifier:product_TypeIdentifier];

[self insertSubview:self.tableThird belowSubview:self.buttonBackView];
}

tableview的代理实现：

 #pragma mark -- tableViewDelegate
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

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

if (tableView == self.tableFirst) {
    
    return self.dataSourceFirst.count;
    
}else if (tableView == self.tableSecond) {
    
    return self.dataSourceSecond.count;
    
}else if (tableView == self.tableThird){
    
    return self.dataSourceThird.count;
}

return 0;
}

- (void)changeCellTextColorWith:(UITableViewCell *)cell{

cell.textLabel.textColor = self.unSelectedColor ?  self.unSelectedColor:[UIColor lightGrayColor];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

YDProduct_typeCell * cell = [tableView dequeueReusableCellWithIdentifier:product_TypeIdentifier forIndexPath:indexPath];
cell.cellTitleLabel.textColor = self.unSelectedColor ? self.unSelectedColor : [UIColor lightGrayColor];

cell.selectedBackgroundView = [[UIView alloc] initWithFrame:cell.frame];
cell.selectedBackgroundView.backgroundColor = YDColor(248, 248, 248);

if (self.arrow) {
    
    cell.cellArrowImage.hidden = NO;
}
else{
    
    cell.cellArrowImage.hidden = YES;
}

if (tableView == self.tableFirst) {

    cell.cellTitleLabel.text = self.dataSourceFirst[indexPath.row];
    cell.cellTitleLabel.font = self.tableTitleFont ? [UIFont systemFontOfSize:self.tableTitleFont] : TableTitleDefalutFont;
     
    [self changeCellTextColorWith:cell];
    
    return cell;
    
}else if (tableView == self.tableSecond){
   
    cell.cellTitleLabel.text = self.dataSourceSecond[indexPath.row];
    cell.cellTitleLabel.font = self.tableTitleFont ? [UIFont systemFontOfSize:self.tableTitleFont] : TableTitleDefalutFont;
    [self changeCellTextColorWith:cell];
    
    return cell;
    
}else if (tableView == self.tableThird){
   
    cell.cellTitleLabel.text = self.dataSourceThird[indexPath.row];
    //cell3.selectionStyle = UITableViewCellSelectionStyleNone;
    cell.cellTitleLabel.font = self.tableTitleFont ? [UIFont systemFontOfSize:self.tableTitleFont] : TableTitleDefalutFont;
    [self changeCellTextColorWith:cell];
    
    return cell;
}
return nil;
}


 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

//    NSLog(@"selectButtonTagIs %li arrow is %li \n indexPath = %li",_lastSelectedButtonIndex,self.arrow,indexPath.row);

self.lastSelectedCellIndex = indexPath.row;
UIButton *btn = (UIButton *)[self viewWithTag:self.lastSelectedButtonIndex];

if (tableView == self.tableFirst) {

     if (_lastSelectedButtonIndex == 700 && self.thirdTableViewShow == YES){
        
        self.thirdTableViewShow = NO;
        CGFloat TableViewW = self.cellHeight*self.dataSourceSecond.count;
        CGFloat MaxHeigth = self.tableViewMaxHeight ? self.tableViewMaxHeight : tableViewMaxHeightDefalut;
        
        //判断是否需要滑动
        if (TableViewW > MaxHeigth) {
            
            self.tableFirst.scrollEnabled = YES;
            
            TableViewW = MaxHeigth;
            
        }else{
            
            self.tableFirst.scrollEnabled = NO;
        }

        self.tableSecond.frame = CGRectMake(self.tableViewWith, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
        
        [UIView animateWithDuration:self.caverAnimationTime animations:^{
            
            self.tableThird.frame = CGRectMake(self.tableViewWith * 2, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, 0);
            self.tableSecond.frame = CGRectMake(self.tableViewWith, CGRectGetMaxY(self.buttonBackView.frame), self.tableViewWith, TableViewW);
        }];
         
         if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:firstIndex:andfirstIndexName:)]) {
             
             [_delegate menuCellDidSelected:_lastSelectedButtonIndex firstIndex:self.lastSelectedCellIndex andfirstIndexName:_dataSourceFirst[self.lastSelectedCellIndex]];
         }

     }else if (self.arrow == NO && self.secondTableViewShow == NO) {
         
         [btn setTitle:_dataSourceFirst[self.lastSelectedCellIndex] forState:UIControlStateNormal];
         btn.selected = YES;
         [self remover];
         NSLog(@"SelectFirst RowName is : %@",_dataSourceFirst[self.lastSelectedCellIndex]);
         
         if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:andCategoryName:)]) {
             
             [_delegate menuCellDidSelected:_lastSelectedButtonIndex andCategoryName:_dataSourceFirst[self.lastSelectedCellIndex]];
         }
         
         
     }else{
        
        if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:firstIndex:andfirstIndexName:)]) {
            
            [_delegate menuCellDidSelected:_lastSelectedButtonIndex firstIndex:self.lastSelectedCellIndex andfirstIndexName:_dataSourceFirst[self.lastSelectedCellIndex]];
        }
        [self.tableSecond reloadData];
    }
    
}else if (tableView == self.tableSecond) {
    
    //如果第一级存在第二级菜单，并且已经有了第三级菜单||如果第一级存在第二级菜单，并且没有第三级菜单
    if (self.arrow == YES) {
        
        if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:secondIndex:andsecondIndexName:)]) {
            
            [_delegate menuCellDidSelected:_lastSelectedButtonIndex secondIndex:self.lastSelectedCellIndex andsecondIndexName:_dataSourceSecond[self.lastSelectedCellIndex]];
        }
        
    }else if (self.hasThirdTableView == YES){
        
        if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:secondIndex:andsecondIndexName:)]) {
            
            [_delegate menuCellDidSelected:_lastSelectedButtonIndex secondIndex:self.lastSelectedCellIndex andsecondIndexName:_dataSourceSecond[self.lastSelectedCellIndex]];
        }
        
    }else{
        
        [btn setTitle:_dataSourceSecond[self.lastSelectedCellIndex] forState:UIControlStateNormal];
        btn.selected = YES;
        [self remover];
        NSLog(@"Selectsecond RowName is : %@",_dataSourceSecond[self.lastSelectedCellIndex]);
        
        if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:andCategoryName:)]) {
            
            [_delegate menuCellDidSelected:_lastSelectedButtonIndex andCategoryName:_dataSourceSecond[self.lastSelectedCellIndex]];
        }
    }

}else if (tableView == self.tableThird){

    self.hasThirdTableView = NO;
    if (self.arrow == NO) {
        
        [btn setTitle:_dataSourceThird[self.lastSelectedCellIndex] forState:UIControlStateNormal];
        btn.selected = YES;
        [self remover];
        NSLog(@"Selectthird RowName is : %@",_dataSourceThird[self.lastSelectedCellIndex]);
        
        if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:andCategoryName:)]) {
            
            [_delegate menuCellDidSelected:_lastSelectedButtonIndex andCategoryName:_dataSourceThird[self.lastSelectedCellIndex]];
        }
        
    }else{
        
        if (_delegate && [_delegate respondsToSelector:@selector(menuCellDidSelected:thirdIndex:andthirdIndexName:)]) {
            
            [_delegate menuCellDidSelected:_lastSelectedButtonIndex thirdIndex:self.self.lastSelectedCellIndex andthirdIndexName:_dataSourceThird[self.lastSelectedCellIndex]];
        }
    }
}

}


-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{

if (section == 0) {
    
    return 1;
}
return 0;
}


//分割线顶头显示

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{

//Remove seperator inset
if ([cell respondsToSelector:@selector(setSeparatorInset:)]){
    
    [cell setSeparatorInset:UIEdgeInsetsZero];
}
//Prevent the cell from inheriting the Table View's margin settings（防止单元格继承表视图的边缘设置）
if ([cell respondsToSelector:@selector(setPreservesSuperviewLayoutMargins:)]){
    
    [cell setPreservesSuperviewLayoutMargins:NO];
}
//Explictly set your cell's layout margins（设置你的cell的布局空间）
if ([cell respondsToSelector:@selector(setLayoutMargins:)]){
    
    [cell setLayoutMargins:UIEdgeInsetsZero];
    
}
}

在removeDropdownMenuNotifacation接收到要求隐藏下拉菜单时响应：

-(void)removeDropdownMenu:(NSNotification *)noti{

NSString * value = noti.object;

if ([value isEqualToString:@"1"]) {
    
    [self remover];
}
}

#pragma mark -- 点击屏幕隐藏菜单
- (void)remover{
  
[self DefalutTriangleImage];

[self hideCarverView];
}


- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{

if ([touch.view isKindOfClass:[UIButton class]] || [NSStringFromClass([touch.view class]) isEqualToString:@"UITableViewCell"] || [NSStringFromClass([touch.view class]) isEqualToString:@"UITableViewCellContentView"]) {
    
    return NO;
    
}else{
    
    return YES;
}

}

移除通知：

 -(void)dealloc{

 [[NSNotificationCenter defaultCenter] removeObserver:self name:removeDropdownMenuNotifacation object:nil];
}

刷新tableview：

-(void)reloadTableView:(UITableView *)tableView{

[tableView reloadData];
}

最后编辑于：2019.08.24 16:26:03

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 199,636评论 5赞 468
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 83,890评论 2赞 376
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 146,680评论 0赞 330
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 53,766评论 1赞 271
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 62,665评论 5赞 359
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,045评论 1赞 276
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 37,515评论 3赞 390
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,182评论 0赞 254
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 40,334评论 1赞 294
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,274评论 2赞 317
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,319评论 1赞 329
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,002评论 3赞 315
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 38,599评论 3赞 303
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,675评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 30,917评论 1赞 255
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 42,309评论 2赞 345
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 41,885评论 2赞 341

iOS - 自定义下拉菜单

效果图：

.h文件里面要实现的协议的方法

在YDDropdownMenuDelegate里面要实现的协议方法有以下几种：

定义的一些常用属性（可在调用时设置，如若不设置，则会调用默认的值）：

在初始化各个下拉的tableview时调用以下的方法进行创建：

.m文件里面要实现的方法

宏定义的一些默认值（在用户初始化不设置时调用）：

定义的一些属性：

设置数组懒加载：

添加removeDropdownMenuNotifacation通知，在外部发送通知隐藏下拉菜单时接收通知，对tableview菜单进行隐藏：

创建下拉主菜单（循环创建需要的button个数）:

创建每个button下可能需要的tableview菜单：

当需要显示某个tableview时进行调用：

当需要隐藏tableview时进行调用：

给tableview赋值：

创建分类按钮：

通过点击某个button来显示第一个tableview（第一次点击menu上面的button）：

真正实现创建tableview的方法（上面只是在调用此方法）：

tableview的代理实现：

在removeDropdownMenuNotifacation接收到要求隐藏下拉菜单时响应：

移除通知：

刷新tableview：

推荐阅读更多精彩内容