swift组件化

swift组件化

看了很多关于iOS组件化的文章，觉得光是看不写不足以很好的理解组件化，所以就自己写了一个demo以组件化构建。

工程目录结构及组件介绍

1、工程目录

这个demo我采用的是carthage包管理工具。如若有不知道如何使用的Google一下就行，使用方法很简单，类似pod。以及如何将写好的framework提交到carthage管理，可以参考我的这篇笔记

屏幕快照 2018-07-10 13.55.19.png

屏幕快照 2018-07-10 13.44.57.png

2、组件介绍

zujianhuaDemo.png

• JLRoutes是一个用于组件间跳转的第三方库。
• ZQKit这是自定义的一个framework，是一些UIKit的扩展，但是此demo我只放一个UIImage的扩展。
• ZQMediator自定义的组件中间协调者，具有一个单例。
• ZQFirstComponent这是此demo抽离的第一个功能模块。
• ZQSecondComponent这是此demo抽离的第二个功能模块。

demo视频：

2018-07-10 16_17_55.gif

视频中的home是第一模块，live是第二模块。

• 从第一模块present一个橘黄色的控制器，并且这橘黄色控制器是在第二模块中创建的。
• 从第二模块push一个蓝色的控制器，并且传递一个字符串，这蓝色的控制器是在第一模块中创建的，

Demo代码释义

1、AppDelegate.swift

在APPDelegate注册路由跳转scheme为ZQRouteOne，

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
    registerPushRouteWithScheme(scheme: "ZQRouteOne")
    registerPresentRouteWithScheme(scheme: "ZQRouteOne")
    return true
}

func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool {
    return JLRoutes(forScheme: "ZQRouteOne").routeURL(url)
}

2、AppDelegate+Extension

下面以注册push为例

/// 以push方式推出下一个页面
func registerPushRouteWithScheme(scheme: String) {
    JLRoutes(forScheme: scheme).addRoute("/push/:controller") {
        [weak self] (dic: [String: Any]) -> Bool in
        guard let clsString = dic["controller"] as? String else {
            debugPrint("not found controller string")
            return true
        }
        //在swift中clsString = AppProjectName.ClassName example:zujianhuaDemo.ViewController
        guard let cls = NSClassFromString(clsString) else {
            debugPrint("not found vc class: \(clsString)")
            return true
        }
        if cls is UIViewController.Type {
            let nextVC = (cls as! UIViewController.Type).init()
            self?.paramToVC(vc: nextVC, parameters: dic )
            
            let currentVC = self?.currentViewController()
            currentVC?.navigationController?.pushViewController(nextVC, animated: true)
        }
        return true
    }
}

3、第二模块SecondViewController

我们是在第二模块的控制器中push的第一模块的BlueViewController控制器页面，并且传值detail

@objc fileprivate func pushBtnClick() {
    guard let routeUrl = "ZQRouteOne://push/ZQFirstComponent.BlueViewController?detail=this detail text from other component".addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return}
    guard let url = URL(string: routeUrl) else {
        return
    }
    UIApplication.shared.open(url, options: [:], completionHandler: nil)
}

4、主工程BaseTabBarViewController

由于mediatorFirstComponentMainVC()和mediatorSecondComponentMainVC()两个方法都是写在模块一和模块二ZQMediator的扩展中。

fileprivate func configChildViewControlelrs() {
    self.tabBar.tintColor = UIColor.orange
    if let firstVC = ZQMediator.default.mediatorFirstComponentMainVC() {
        addChildViewController(firstVC)
    }
    if let secondVC = ZQMediator.default.mediatorSecondComponentMainVC() {
        addChildViewController(secondVC)
    }
}