TABAnimated配合插件InjectionIII实现实时预览

前言

用TABAnimated的小伙伴可能需要使用预处理回调进行调整自己的骨架属性。
现在可以配合Xcode插件InjectionIII实现实时预览的效果,大幅提高使用效率。
需要升级版本2.4.5

预处理回调是什么?

_tableView.tabAnimated.adjustBlock = ^(TABComponentManager * _Nonnull manager) {
        manager.animation(1).down(3).height(12);
        manager.animation(2).height(12).reducedWidth(70);
        manager.animation(3).down(-5).height(12).radius(0.).reducedWidth(-20);
};

预处理回调可以随意调整骨架的所有参数,使用频率非常高。
但是如果开发者频繁地编译运行,再进到固定页面查看效果,这样效率非常低。

InjectionIII是什么?

在开发过程中开发者修改了某个文件,实时保存之后,InjectionIII监听到这个文件,用Runtime将你修改的内容实时编译、链接、运行。

TABAnimated+InjectionIII效果

实时预览.gif

使用步骤

1. 下载InjectionIII插件

去AppStore下载InjectionIII,启动

2. 工程与InjectionIII插件绑定

image.png
image.png

3. 如果你是懒加载形式初始化控件(不是请忽略)

将下面代码嵌入对应的viewController中

- (void)injected {
    [_tableView removeFromSuperview];
    _tableView = nil;
    [self viewDidLoad];
}

不是懒加载不需要嵌入代码的原因:
骨架屏内部帮你自动链接了viewDidLoad函数的加载,由于无法统一定位_tableView在viewController中的地址,无法自动化remove并释放掉。

4. 编辑后,command+s保存,即可实时编译

如果修改的是骨架屏预处理回调的代码,就可以实时看到骨架屏效果,demo所有测试用例都接入了该效果。

其他说明

  • 骨架屏TABAnimated需要升级才可以完美对接InjectionIII插件。
  • 你可以实时查看任何代码的修改效果,并不局限于TABAnimated。
  • InjectionIII不支持真机
  • 如果你无法实时预览,请移步InjectionIII地址
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,570评论 16 22
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 10,612评论 0 11
  • 可爱进取,孤独成精。努力飞翔,天堂翱翔。战争美好,孤独进取。胆大飞翔,成就辉煌。努力进取,遥望,和谐家园。可爱游走...
    赵原野阅读 2,774评论 1 1
  • 在妖界我有个名头叫胡百晓,无论是何事,只要找到胡百晓即可有解决的办法。因为是只狐狸大家以讹传讹叫我“倾城百晓”,...
    猫九0110阅读 3,348评论 7 3