使用QMUI_iOS和CTMediator實現組件化

背景:之前有看到QMUI_iOS這個UI框架,發現里面幾乎涵蓋了所有常用的UI控件了,而且支持通過配置文件方便的實現更換主題、統一按鈕顏色、tableviewcell高度等,就想去體驗一把,這次想寫一個組件化的demo就剛好用上辣~~~
總體來說使用CTMediator實現組件化,主要歷經兩大步驟:

1.基于之前做的APP原型完成基于CTMediator和QMUI_iOS的完整Demo,PXProject.

2.新建主工程PXMainProject,將Demo的各個組件和各模塊做成私有庫,最后演變成orgnization HelloPixie

基于CTMediator和QMUI的完整Demo

在之前項目(花都)的原型上用QMUI搭建各個界面(基本能覆蓋百分之八九十的常見UI控件)。

1.模塊拆分

(1)功能模塊
將項目拆分成Tabbar(PXTabBarViewController)、首頁(PXHome)、接種計劃(PXVaccinationPlans)、健康(PXHealth)、個人中心(PXPersonalCenter)五大功能模塊模塊
(2)通用組件
異常處理(PXNoTarget)、空頁面(PXEmptyView_Category)、控制器通用配置(QMUICommonViewController_Category)
(3)QMUI配置文件(APP控件顏色,高度等配置項)
QMUIConfigurationTemplate
Tips:這些模塊和組件應該是平級的,在一個項目中不應該有general等文件夾,所有的功能或者模塊應該都是平級的,便于維護和管理.

2.功能編寫

要點:

  • 推薦QMUI_iOS_CodeSnippets代碼塊提升編碼效率
    QMUI_iOS_Templates這個還沒用,需要管理員權限安裝,配合QMUI使用。

  • 模塊間的引用通過CTMediator Category來降低耦合,可以先將本模塊對外通信的Category設計出來,可以做到不影響其他模塊的代碼編寫,并行任務。

  • 每個模塊都有一個對應的Target_XXX,負責提供對外的接口,這里面Action不局限于返回ViewController,還能做上傳任務等,它的本質就是對外業務的一層服務化封裝。Target_XXX可以引用本模塊的各個文件,對應的CTMediator Category調用Target的相關Action解耦。

將Demo的各個組件和各模塊做成私有庫

參考文章Casa在現有工程中實施基于CTMediator的組件化方案

具體步驟:

  1. 創建一個orgnization,里面應該有個MainProject主工程(將之前PXProject里面的功能模塊拆出去,只剩下QMUIConfigurationTemplate、PXPTabBarSetting.plist)

  2. 再去開一個repo,這個repo就是我們私有Pod源倉庫

  3. pod repo add [私有Pod源倉庫名字] [私有Pod源的repo地址]

  4. 創立一個文件夾,例如Project。把我們的主工程文件夾放到Project下:~/Project/MainProject

  5. 在~/Project下clone快速配置私有源的腳本repo:git clone git@github.com:casatwy/ConfigPrivatePod.git

  6. 將ConfigPrivatePod的template文件夾下Podfile中source 'https://github.com/ModulizationDemo/PrivatePods.git'改成第一步里面你自己的私有Pod源倉庫的repo地址

  7. 將ConfigPrivatePod的template文件夾下upload.sh中PrivatePods改成第二步里面你自己的私有Pod源倉庫的名字

接下來是私有庫的創建過程:

  1. 創建各個模塊的工程,放置Project文件夾下,與ConfigPrivatePod平級目錄
  2. cd到ConfigPrivatePod下,執行./config.sh腳本來配置這個私有Pod(在XCode工程的代碼目錄下新建一個跟項目同名的目錄。放在這個目錄下的代碼就會隨著Pod的發版而發出去,這個目錄以外的代碼就不會跟隨Pod的版本發布而發布)
  3. 修改podfile 和 .podspec文件(添加三方庫依賴/支持系統版本/圖片資源...)

特別注意:將圖片資源作為resource_bundles引入時.podspec應該是下面這樣

    s.resource_bundles = {
        'PXHome' => ['PXHome/PXHome/Assets/*.xcassets']
    }

獲取圖片時,代碼應該是這樣:

UIImage *image = [self getImageWithBoudleName:@"PXHome" imgName:dic[@"image"]];

- (UIImage *)getImageWithBoudleName:(NSString *)boudleName imgName:(NSString *)imgName {
    NSBundle *bundle = [NSBundle bundleForClass:[self class]];
    NSURL *url = [bundle URLForResource:boudleName withExtension:@"bundle"];
    NSBundle *targetBundle = [NSBundle bundleWithURL:url];
    UIImage *image = [UIImage imageNamed:imgName
                                inBundle:targetBundle
           compatibleWithTraitCollection:nil];
    return image;
}
  1. 發布私有庫及關聯本地代碼到遠程倉庫

注意:修改upload.sh文件,將最后一行發布命令最后的一個參數去掉,否則會報錯,如果私有庫里面包含了私有庫,需要指定sources,類似于:

pod repo push PXPrivatePods PXHome.podspec --sources=https://gitee.com/HelloPixie/PrivatePods.git,https://github.com/CocoaPods/Specs.git --verbose --allow-warnings --use-libraries
提交并上傳私有庫
git add .
git commit -m "版本號"
git tag 版本號
git push origin master --tags
./upload.sh

要注意的是,這里的版本號要和podspec文件中的s.version給到的版本號一致。upload.sh是配置私有Pod的腳本生成的,如果你這邊沒有upload.sh這個文件,說明這個私有Pod你還沒用腳本配置過。
重復上述幾個步驟,完成對各個模塊的發版工作,最后,在PXMainProject的podfile將創建的私有庫引入進來,編譯、運行、大功告成。

遠程調用

上面是本地調用的方式,遠程調用使用以下API即可(參考Target_PXPersonalCenter):

// 遠程App調用入口,或者banner的跳轉等都可使用
// url sample: aaa://targetA/actionB?id=1234
- (id)performActionWithUrl:(NSURL *)url completion:(void(^)(NSDictionary *info))completion
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,182評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,489評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,290評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,776評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,510評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,866評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,860評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,036評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,585評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,331評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,536評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,058評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,754評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,154評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,469評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,273評論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,505評論 2 379