最典型就如饿了么这种,左右两边均是tableView,如下图所示:
01 tag
最直接粗暴的方式便是一个ViewController里add两个tableView作为子view,然后给tableView标识不同的tag,在tableView的代理方法里通过tag来区分,这种方式虽非常简单,但会导致代码十分臃肿。
- (void)viewDidLoad {
[super viewDidLoad];
[self setupUIApperance];
leftTableView.tag = 0;
rightTableView.tag = 1;
//...
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
if (tableView.tag == 0) {
CategoryTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:kCategoryCellID];
return cell;
}else{
UserAvatarTableViewCell *avatarCell = [tableView dequeueReusableCellWithIdentifier:kAvatarCellID];
return avatarCell;
}
}
02 ChildViewController
这种布局最好的方式就是用ChildViewControllers,使用childViewController的好处在于, parentViewController不需要管理每个ViewController的事件和逻辑,只需负责将childViewController的视图添加到自己的view即可。每个childViewController自己内部的事件自己处理,所以很好的解耦也降低了代码的复杂度。
- 首先在父视图里添加两个子View,LeftView和RightView,并处理好视图的大小约束关系等
- 添加childViewController
#import "ViewController.h"
#import "LeftTableViewController.h"
#import "RightTableViewController.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *leftView;
@property (weak, nonatomic) IBOutlet UIView *rightView;
@property (nonatomic,strong) LeftTableViewController *leftVC;
@property (nonatomic,strong) RightTableViewController *rightVC;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.leftVC = [[UIStoryboard storyboardWithName:@"Main" bundle:nil] instantiateViewControllerWithIdentifier:@"left"];
__weak __typeof(self) weakSelf = self;
[self.leftVC setLeftCellClickBlock:^(NSInteger selectIndex, NSString *categoryName) {
[weakSelf.rightVC.tableView reloadData];
}];
[self.leftView addSubview:self.leftVC.view];
[self addChildViewController:self.leftVC];
[self.leftVC didMoveToParentViewController:self];
self.rightVC = [[UIStoryboard storyboardWithName:@"Main" bundle:nil] instantiateViewControllerWithIdentifier:@"right"];
[self.rightView addSubview:self.rightVC.view];
[self addChildViewController:self.rightVC];
[self.rightVC didMoveToParentViewController:self];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
- 在LeftTableViewController里的didSelect方法里写RightTableView的刷新逻辑
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
if (self.leftCellClickBlock) {
self.leftCellClickBlock(indexPath.row, @"");
}
}
03 childViewController常用方法
//添加一个 childViewController
UIViewController *vc = [UIViewController new]; //子控制器
[self addChildViewController:vc]; //添加到父控制器中
vc.view.frame = /*....*/; //设置 frame
[self.view addSubview:vc.view]; //把子控制器的 view 添加到父控制器的 view 上面
[vc didMoveToParentViewController:self]; //子控制器被通知有了一个父控制器
//移除一个 childViewController
[vc willMoveToParentViewController:nil]; //子控制器被通知即将解除父子关系
[vc.view removeFromSuperview]; //把子控制器的 view 从到父控制器的 view 上面移除
[vc removeFromParentViewController]; //真正的解除关系,会自己调用 [vc didMoveToParentViewController:nil]
childViewController 的生命周期方法也就是 viewWillAppear、viewDidAppear等等这些,是不需要我们关心的,系统内部会自动帮我们调用。但有的时候我们也需要自己手动来管理childViewController的生命周期,在 iOS 6 及以后,需要重写 shouldAutomaticallyForwardAppearanceMethods方法,并返回 NO,这样系统就不会自动调用 childViewController 的生命周期了,全部交给我们自己处理。
//注意是在父视图控制器里重写这个方法
- (BOOL)shouldAutomaticallyForwardAppearanceMethods {
return NO;
}
还需要注意的是,不能手动调用 viewWillAppear、viewDidAppear等等这些方法,而应该调用:
//isAppearing 设置为 YES : 触发 viewWillAppear: ;
//isAppearing 设置为 NO : 触发 viewWillDisappear: ;
//endAppearanceTransition 会触发 viewDidAppear: 以及 viewDidDisappear: 方法。
- (void)beginAppearanceTransition:(BOOL)isAppearing animated:(BOOL)animated;
- (void)endAppearanceTransition;
04 Demo
最近整理自己学习的知识,补充上了Demo。MutipleTableView GitHub传送门