addChildViewController时子控制器中的UI显示问题

问题描述

在主控制器上添加一个子控制器，发现子控制器上的view元素的宽和高不是之前所给定的。

在ViewController里有一个childController，直接在- (void)viewDidLoad方法里添加，并设置了_childController.view.frame。

@interface ViewController ()

@property (nonatomic, strong) ChildViewController *childController;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    _childController = [[ChildViewController alloc] init];
    _childController.view.frame = CGRectMake(10, 10, 300, 300);
    [self addChildViewController:_childController];
    [self.view addSubview:_childController.view];
}

在ChildViewController里，有一个tableView

@interface ChildViewController ()

@property (nonatomic, strong) UITableView *tableView;

@end

@implementation ChildViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    self.view.backgroundColor = [UIColor brownColor];
    
    self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    self.tableView.separatorStyle = UITableViewCellSelectionStyleNone;
    [self.view addSubview:self.tableView];
    
    [self.tableView setBackgroundColor:[UIColor lightGrayColor]];
}

发现tableView的宽和高并不是给定的300，打印了self.view的宽和高，也并不是300，而是屏幕的宽和高，但是现实上self.view的宽和高是300，见下图：

箭头所指是tableView，brownColor的是子控制器的view。

为什么会出现这个问题

当调用_childController.view.frame = CGRectMake(10, 10, 300, 300);的时候，触发ChildViewController的-

(void)viewDidLoad方法执行，但是这个时候_childController.view还没被添加在父视图上呢，所以坐标是被设置

了，但是还没完成设置，也就是没有最终落地到实处。所以tableView去self.view.bounds还是取得默认的试图控制

器的宽和高，默认的宽和高是屏幕的宽和高，所以导致了上述问题。

解决办法

在ChildViewController的- (void)viewDidLayoutSubviews设置tableView的frame

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    self.tableView.frame = self.view.bounds;
}

viewDidLayoutSubviews的执行说明子控制器已经被添加在了父控制器上了，坐标是实实在在的了，然后就正常了。