编码篇-从一个第三方的StoryBoard项目中剥离部分功能到纯代码项目中

Paste_Image.png

前言

最近项目中需要实现视频监控功能，于是就用了某企业旗下的一款视频监控产品，在集成官方Dome中的监控画面播放的功能时，发现整个项目都是通过StoryBoard搭建的，然而我的项目是没有使用StoryBoard，纯代码开发，如果我用纯代码重写里面的功能逻辑当然也是行的，只是花费的时间和精力可想而知，这酸爽，谁试谁知道。

---

Snip20170207_4.png

思考

能不能直接使用 StoryBoard里面创建好的试图呢，保留里面的所有设置，直接取某一部分模块。整体拖过来使用呢？于是就有了这篇文章了。

知识点

(1)我们都知道试图的加载过程是这样的

1、alloc                   创建对象，分配空间
2、init (initWithNibName) 初始化对象，初始化数据
3、loadView                 从nib载入视图 ，通常这一步不需要去干涉。除非你没有使用xib文件创建视图
4、viewDidLoad              载入完成，可以进行自定义数据以及动态创建其他控件

所以Xcode在加载试图是优先加载 xib文件、StoryBoard文件的，然后才是加载 类文件里面的代码。这让我们知道移植 StoryBoard文件到我们纯代码项目后，修改或者添加一些新的内容是多么的简单和方便。

(2)我们可以通过以下方法，从StoryBoard 中获取到一个VC，并 Push进入（这是关键点）。

 UIStoryboard *ezMainStoryboard = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
 # EZCameraList 是 Storyborad ID 
 UIViewController *instanceVC = [ezMainStoryboard instantiateViewControllerWithIdentifier:@"EZCameraList"];
 self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];
 [self.navigationController pushViewController:instanceVC animated:YES];
  /**
   *  下面代码功能与以上的注释方法相同
   */
 # go2CameraList 是 一个segue的名称
[self performSegueWithIdentifier:@"go2CameraList" sender:nil];

Snip20170207_2.png

**如图所示，我们修改好一个 VC的Storyborad ID ，如果直接编译或者运行会报错，如下图 **

Snip20170207_1.png

事实上，这个报错很蛋疼，我找了很久，最后找到了解决办法： clean 一下就不会报错了，真是醉了。

segue是 StoryBoard中转场的意思。

Snip20170207_5.png

Snip20170207_7.png

Snip20170208_5.png

Tb里面的点击事件可以用如下方法，响应和传值。

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
  _cameraIndex = indexPath.row;
  if (_go2Type == 1) {
      [self performSegueWithIdentifier:@"go2Playback" sender:self.deviceInfo];
} else {
      [self performSegueWithIdentifier:@"go2LivePlay" sender:self.deviceInfo];
    }
}

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
// Get the new view controller using [segue destinationViewController].
// Pass the selected object to the new view controller.

EZDeviceInfo *deviceInfo = sender;
if ([[segue destinationViewController] isKindOfClass:[EZLivePlayViewController class]]) {
    ((EZLivePlayViewController *)[segue destinationViewController]).deviceInfo = deviceInfo;
    ((EZLivePlayViewController *)[segue destinationViewController]).cameraIndex = _cameraIndex;
} else if ([[segue destinationViewController] isKindOfClass:[EZPlaybackViewController class]]) {
    ((EZPlaybackViewController *)[segue destinationViewController]).deviceInfo = deviceInfo;
    ((EZPlaybackViewController *)[segue destinationViewController]).cameraIndex = _cameraIndex;
}
}

代码移植的步骤过程

1.备份原Dome，在Dome中通过 StoryBoard里的试图关联的类，找到需要移植的类文件，把这些类归纳到一起。
2.StoryBoard中断开不需要的 segue，新建一个工程，配置好工程，把StoryBoard需要的试图，按住 Commond,一个一个点击，这样就选中了需要移植的试图，包括里面的 segue以及其中的设置和约束，粘贴到目的工程的 StoryBoard中即完成了 试图文件的移植。然后再把试图关联的类文件也一并添加到目的工程中，这样就完成了部分功能的主要移植了。
3.一般情况下，会报很多错，然后根据错误把需要的其他文件再一一添加到目的工程中。确保目的工程运行不报错时，把图片文件也移植过去。
4.把新建工程中刚才移植的全部文件再移植到自己的大工程中，修改微调，达到你想要的效果。因为大工程文件多，运行慢，不利于调试。

这样，就完成了从StoryBoard项目中剥离部分功能到纯代码项目中的任务了。

值得注意的一点是，在修改微调中，StoryBoard中的试图中的设置和约束会使代码中的 Frame设置失效。需要删除StoryBoard中的试图中的约束和 Autoresizing才能用代码设置试图的 Frame。

Snip20170209_3.png

Snip20170209_2.png

在集成第三方SDK时值得尝试的方法

如果你在集成第三方SDK出现问题，纠结到蛋疼的时候，可以试试以下方法

• 打电话给客服

我在客户那里确定了我所使用的产品可以使用此SDK，避免做无用功。

• 加开发者技术交流群

  在交流群中，通过其他开发者的提醒，我解决了，弃用SDK中自带的登录页，通过调用 开发中API中的接口，达到了静默式登录的效果。

• 看开发者API文档

你会发现一些有用的接口。

---

小结

到此我们知道了三种视图创建方式 1.通过StoryBoard 2.通过 xib 3.通过纯代码生成，这很有用和关键。