Storyboard

Embed Segue(嵌入式Segue)Demo

2017-11-12  本文已影响52人  Qing学

使用EmbedSegue可以将StoryBoard中的源视图控制器跟目标控制器连接起来。防止单个Controller的逻辑过于臃肿。
创建过程。首先在StoryBoard中的Controller上拖入一个ContainerView控件


image.png

为其添加约束。使其布局匹配。
然后将ContainerView自带的Controller删除掉。


image.png
StoryBoard中拖入一个tableViewController,并且从ContainerView拖线到TableViewController,选择Embed模式
image.png
下一步为上一步完成的Segue连线添加Identifier。
image.png

至此在StoryBoard上进行的操作都已经完成。接下来进入代码阶段
从ViewController,包含的TableViewController进行显示之前会先在ViewController上面调用prepareForSegue方法。我们可以在这个方法里面对segue的destinationViewController进行设置

@interface ViewController ()

@property (nonatomic, strong) BaseTableViewController *segueBaseTableViewController;

@end

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
    NSArray *dataArray = @[@"第一行",@"第二行",@"第三行",@"第四行"];
    if ([segue.identifier isEqualToString:@"BaseEmbedSegue"]){
        self.segueBaseTableViewController = segue.destinationViewController;
        self.segueBaseTableViewController.arrayData = dataArray;
    }
}

然后将dataArray作为BaseTableViewController的数据源。最终显示效果如下

image.png
布局显示原理为:显示的根控制器为ViewController。在上面包含一个ContainerView。ContainerView内部Embed有一个BaseTableViewController.
最后附上Demo地址:https://github.com/wangqingxue/EmbedSegue
上一篇 下一篇

猜你喜欢

热点阅读