首页 > 代码库 > 美团HD(4)-二级联动效果
美团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
最终效果:
美团HD(4)-二级联动效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。