Swift学习 UITabBarController + UINavigationController实现微博框架

本篇文章的主要知识点是：
使用Swift搭建主流框架

屏幕快照 2017-07-21 下午2.59.13.png

第一步

创建MainViewController（UITabBarController）、FirstViewController、SecondViewController、ThirdViewController、FourthViewController、AddViewController六个类
其中MainViewController继承于UITabBarController，AddViewController可以是ViewController也可以是个View。

屏幕快照 2017-07-21 下午3.01.02.png

第二步

创建添加子控制器方法

    /// 添加子控制器
    private func addChildVC(childVC: UIViewController, childTitle: String, imageName: String, selectedImageName:String)
    {
        let navigation = UINavigationController(rootViewController: childVC)
        navigation.navigationBar.tintColor = UIColor.white //item 字体颜色
        navigation.navigationBar.barTintColor = UIColor.yellow //背景颜色
        let dict:NSDictionary = [NSForegroundColorAttributeName: UIColor.white,NSFontAttributeName : UIFont.boldSystemFont(ofSize: 18)]
        //标题颜色
        navigation.navigationBar.titleTextAttributes = dict as? [String : AnyObject]
        childVC.title = childTitle
        childVC.tabBarItem.tag = 1
        childVC.tabBarItem.image = UIImage(named: imageName)?.withRenderingMode(.alwaysOriginal)
        childVC.tabBarItem.selectedImage = UIImage(named: selectedImageName)?.withRenderingMode(.alwaysOriginal)
        self.addChildViewController(navigation)
    }

第三步

将自控制器添加到MainViewController

    override func viewDidLoad() {
        super.viewDidLoad()
        
        tabBar.tintColor = UIColor.yellow //tabbar 字体颜色
        tabBar.barTintColor = UIColor.white //tabbar 背景颜色
        
        self.addChildVC(childVC: FirstViewController(), childTitle: "First", imageName: "tabbar_1", selectedImageName: "tabbar_selected_1")
        self.addChildVC(childVC: SecondViewController(), childTitle: "Second", imageName: "tabbar_2", selectedImageName: "tabbar_selected_2")
        self.addChildVC(childVC: SecondViewController(), childTitle: "", imageName: "", selectedImageName: "")
        self.addChildVC(childVC: ThirdViewController(), childTitle: "Third", imageName: "tabbar_3", selectedImageName: "tabbar_selected_3")
        self.addChildVC(childVC: FourthViewController(), childTitle: "Fourth", imageName: "tabbar_4", selectedImageName: "tabbar_selected_4")
        
    }

显示效果：

屏幕快照 2017-07-21 下午3.09.44.png

第四步

添加一个加号

    private  lazy  var addButton:UIButton = {
        // 1.创建按钮
        let button = UIButton()
        // 2.设置背景颜色
        button.backgroundColor = UIColor.yellow
        // 3.设置图片
        button.setImage(UIImage(named: "tabbar_add"), for:.normal)

        // 4.添加监听
        button.addTarget(self, action: #selector(addButtonClick), for: .touchUpInside)

        return button
    }()

    @objc private func addButtonClick(){
        print("你点击了+号")
    }

第五步

将加号放到tabBar上

        // 1.添加到tabBar上
        tabBar.addSubview(addButton)
        
        // 2.计算按钮宽度
        let width = tabBar.bounds.width / CGFloat(viewControllers!.count)
        // 3.创建按钮frame
        let rect = CGRect(x: 0, y: 0, width: width, height: tabBar.bounds.height)
        // 4.设置按钮frame和偏移位
        addButton.frame = rect.offsetBy(dx: width * 2, dy: 0)

以上五步就可以实现微博的基础框架了

github demo https://github.com/tianzhilan0/Swift-UITabBarController