所谓的可视化编程是指不用重新运行项目即可观察到页面的更新.目前发现是仅支持模拟器且是纯代码结构,不支持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
最后做下总结.
这个在视图修改上有非常强大的洪荒之力,减少了项目启动.
在子视图修改上,有时候保存后会无法更新,可以返回上一页面,然后再进入即可.
总之,还是非常有用的.在这里种草一下.
参考文章
网友评论