Swift开发小技巧--TabBar中间按钮的添加方案

TabBar中间按钮的添加方案

之前做百思项目的时候,也有一个中间按钮,当时是重写的TabBar,这里介绍一个新的方法

• 给TabbarVC多添加添加一个控制器,这个控制器的作用仅仅是用来占位的,多了这个控制器中间才会空出一个按钮的位置,不设置文字,不设置图片

// 加号按钮的位置
self .addChildViewController("NullViewController", title: "", normalImage: "")

• 懒加载按钮,注意swift懒加载的书写

    // MARK: - 懒加载
    private lazy var composeBtn : UIButton = {

        () -> UIButton in // 懒加载本质是闭包,只是将这行省略了

        // 初始化按钮
        let composeBtn = UIButton()
        // 设置按钮图片
        composeBtn.setImage(UIImage(named: "tabbar_compose_icon_add"), forState: UIControlState.Normal)
        composeBtn.setImage(UIImage(named: "tabbar_compose_icon_add_highlighted"), forState: UIControlState.Highlighted)
        // 设置背景图片
        composeBtn.setBackgroundImage(UIImage(named: "tabbar_compose_button"), forState: UIControlState.Normal)
        composeBtn.setBackgroundImage(UIImage(named: "tabbar_compose_button_highlighted"), forState: UIControlState.Highlighted)

        // 给按钮添加点击事件
        composeBtn.addTarget(self, action: Selector("composeBtnClick:"), forControlEvents: UIControlEvents.TouchUpInside)
        // 设置按钮的尺寸
        composeBtn.sizeToFit()
        return composeBtn
    }()

• 合适的方法里面添加按钮,这里为什么要强调合适呢,因为之前为了空出按钮的位置,往TabBarVC中添加了一个占位的控制器,同时系统会在TabBar相应的位置添加一个BarButtonItem.自定义按钮如果添加在BarButtonItem之前在viewDidLoad方法里面,那么自定义按钮的单机事件就会被阻挡.

    override func viewWillAppear(animated: Bool) {

        super.viewWillAppear(animated)
        // 添加中间按钮
        // 按钮在viewDidLoad中添加,会被系统的BarButtonItem挡住,处理不了事件了
        // viewWillAppear中添加按钮,在系统的BarButtonItem之后添加
        self.tabBar.addSubview(composeBtn)
        // 设置按钮的位置
        let rect = self.tabBar.frame
        let width = rect.width / CGFloat(childViewControllers.count)
        composeBtn.frame = CGRect(x: 2 * width, y: 0,  width, height: rect.height)
    }