TABAnimated配合插件InjectionIII實現實時預覽

前言

用TABAnimated的小夥伴可能須要使用預處理回調進行調整本身的骨架屬性。 如今能夠配合Xcode插件InjectionIII實現實時預覽的效果,大幅提升使用效率。 須要升級版本2.4.5git

預處理回調是什麼?

_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);
};
複製代碼

預處理回調能夠隨意調整骨架的全部參數,使用頻率很是高。
可是若是開發者頻繁地編譯運行,再進到固定頁面查看效果,這樣效率很是低。github

InjectionIII是什麼?

在開發過程當中開發者修改了某個文件,實時保存以後,InjectionIII監聽到這個文件,用Runtime將你修改的內容實時編譯、連接、運行。bash

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並釋放掉。spa

4. 編輯後,command+s保存,便可實時編譯

若是修改的是骨架屏預處理回調的代碼,就能夠實時看到骨架屏效果,demo全部測試用例都接入了該效果。插件

其餘說明

  • 骨架屏TABAnimated須要升級才能夠完美對接InjectionIII插件。
  • 你能夠實時查看任何代碼的修改效果,並不侷限於TABAnimated。
  • InjectionIII不支持真機
  • 若是你沒法實時預覽,請移步InjectionIII地址
相關文章
相關標籤/搜索