美团HD(4)-二级联动效果

DJNavDropView.m

#import "DJNavDropView.h"
#import "DJCategory.h"
#import "DJNavMainCategoryCell.h"
#import "DJNavSubCategoryCell.h"


@interface DJNavDropView()<UITableViewDataSource,UITableViewDelegate>

/** 主分类 */
@property (weak, nonatomic) IBOutlet UITableView *mainTableView;
/** 子分类 */
@property (weak, nonatomic) IBOutlet UITableView *subTableView;
/** 选中的子类别集合 */
@property (nonatomic,strong) NSArray *selectedSubCategories;


@end



@implementation DJNavDropView

+ (instancetype)dropView {

   return[[[NSBundle mainBundle] loadNibNamed:@"DJNavDropView" owner:nil options:nil] lastObject];

}

- (void)setCategoryList:(NSArray *)categoryList {

    _categoryList = categoryList;
    
    // 刷新数据
    [self.mainTableView reloadData];

}


#pragma mark - TableView 数据源方法

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

    if (tableView == self.mainTableView) { // 主类别
        return self.categoryList.count;
    } else { // 子类别
        return self.selectedSubCategories.count;
    }
}


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

    if (tableView == self.mainTableView) { // 主类别
        
        DJNavMainCategoryCell *cell = [DJNavMainCategoryCell cellWithTableView:tableView];
        // 设置当前Cell属性
        DJCategory *categoryItem = self.categoryList[indexPath.row];
        cell.textLabel.text = categoryItem.name;
        cell.imageView.image = [UIImage imageNamed:categoryItem.icon];
        // 如果当前主类别有子类别
        if (categoryItem.subcategories.count) {
            cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; // 显示向右的箭头
        } else {
            cell.accessoryType = UITableViewCellAccessoryNone; // 隐藏箭头
        }
        return cell;
        
    } else { // 子类别
    
        DJNavSubCategoryCell *cell = [DJNavSubCategoryCell cellWithTableView:tableView];
        // 设置当前Cell属性
        cell.textLabel.text = self.selectedSubCategories[indexPath.row];
        return cell;
        
    }
}



#pragma mark - TableView 代理方法
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

    if (tableView == self.mainTableView) { // 点击主分类上面的条目
        DJCategory *category = self.categoryList[indexPath.row];
        self.selectedSubCategories = category.subcategories;
        // 刷新子栏目列表数据
        [self.subTableView reloadData];
    } else { // 点击子分类上面的条目
        
    }

}



@end

DJNavMainCategoryCell.m

#import "DJNavMainCategoryCell.h"

@implementation DJNavMainCategoryCell


+ (instancetype)cellWithTableView:(UITableView *)tableView {

    static NSString *ID = @"main_category";
    DJNavMainCategoryCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (!cell) {
        cell = [[DJNavMainCategoryCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
    return cell;
}


- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {

    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        
       UIImageView *bg = [[UIImageView alloc] init];
        bg.image = [UIImage imageNamed:@"bg_dropdown_leftpart"];
        self.backgroundView = bg;
        
        UIImageView *selectedBg = [[UIImageView alloc] init];
        selectedBg.image = [UIImage imageNamed:@"bg_dropdown_left_selected"];
        self.selectedBackgroundView = selectedBg;
        
    }
    return self;
}

@end

最终效果：