iOS 项目可视化编程

2021-08-13  本文已影响0人  coenen

所谓的可视化编程是指不用重新运行项目即可观察到页面的更新.目前发现是仅支持模拟器且是纯代码结构,不支持xib.局限性也是只针对当前窗口,无法做到类似整个项目重新启动.
效果如图示:


可视化编程演示.gif

依托InjectionIII的Xcode热部署配置文件,无侵害,导入即用。OC和swift均可使用。

最终效果: 代码在保存之后,立马在模拟器上看到修改后的效果, 避免Command+R重新编译耗费时间的问题; 如果APP页面层级太深的话,传统调试要一步步点进到指定页面, 使用该方案直接就能看到效果,所见即所得。这样就大大的提高了我们的开发效率。

工作原理

实现可视化编程需要用到Injection,其工作原理及流程如下:

1、Injection Server 会监听源代码文件的变化,如果文件被保存了,Injection Server 就会将改动的文件使用Xcode命令重新进行编译并打包成动态库,也就是.dylib文件,然后进行动态库的签名,并通知客户端进行代码注入。

2、Client 接收到消息后会先把对应动态库加载到当前进程中,并获取对应类的符号地址,然后进行类方法和实例方法的替换。

Injection工作原理.png

项目配置

1、InjectionIII软件下载

InjectionIII是我们进行可视化编写的基石,所以我们需要在mac 的AppStore上安装该软件,它是免费的。也是开源的,GitHub链接: https://github.com/johnno1962/injectionforxcode

2、路径配置

打开InjectionIII软件,选择Open Project,选择我们项目路径,然后点击Select Project Directory保存。
第一步选择项目路径,
第二步查看路径
选择项目.选择后我们就可以在Open Recent中看到已配置的项目文件了。
注意:File Watcher选项要保持选中状态

项目选择.png

新建拦截文件

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface InjectionIIIHelper : NSObject

@end

NS_ASSUME_NONNULL_END
#import "InjectionIIIHelper.h"
#import <UIKit/UIKit.h>
#import <objc/runtime.h>
#import <objc/message.h>
@implementation InjectionIIIHelper

/**
 InjectionIII 热部署会调用的一个方法,
 runtime给VC绑定上之后,每次部署完就重新viewDidLoad
 */

void injected (id self, SEL _cmd) {
  //vc 刷新
  if ([self isKindOfClass:[UIViewController class]]) {
    [self loadView];
    [self viewDidLoad];
    [self viewWillLayoutSubviews];
    [self viewWillAppear:NO];
  }

  //view 刷新
  else if ([self isKindOfClass:[UIView class]]){
    UIViewController *vc = [InjectionIIIHelper viewControllerSupportView:self];
    if (vc && [vc isKindOfClass:[UIViewController class]]) {
      [vc loadView];
      [vc viewDidLoad];
      [vc viewWillLayoutSubviews];
      [vc viewWillAppear:NO];
    }
  }
}


/**
 获取view 所属的vc,失败为nil
 */
+ (UIViewController *)viewControllerSupportView:(UIView *)view {
  for (UIView* next = [view superview]; next; next = next.superview) {
    UIResponder *nextResponder = [next nextResponder];
    if ([nextResponder isKindOfClass:[UIViewController class]]) {
      return (UIViewController *)nextResponder;
    }
  }
  return nil;
}

+ (void)load {
#if DEBUG
  //注册项目启动监听
  __block id observer =
  [[NSNotificationCenter defaultCenter] addObserverForName:UIApplicationDidFinishLaunchingNotification object:nil queue:nil usingBlock:^(NSNotification * _Nonnull note) {

    //更改bundlePath--注入InjectionIII
    [[NSBundle bundleWithPath:@"/Applications/InjectionIII.app/Contents/Resources/iOSInjection.bundle"] load];

    [[NSNotificationCenter defaultCenter] removeObserver:observer];
  }];

//  //统一添加 injected 方法
  class_addMethod([NSObject class], NSSelectorFromString(@"injected"), (IMP)injected, "v@:");
#endif
}
@end

启动项目,验证结果
运行项目后,我们能看到xcode打印区域会出现相关连接成功的提升:


连接展示.png

更改相关UI设置,修改完毕Command+S保存一下代码,立刻就能显示修改的信息了。


修改展示.png

最后做下总结.
这个在视图修改上有非常强大的洪荒之力,减少了项目启动.
在子视图修改上,有时候保存后会无法更新,可以返回上一页面,然后再进入即可.
总之,还是非常有用的.在这里种草一下.
参考文章

上一篇 下一篇

猜你喜欢

热点阅读