TabBar中间按钮的添加方案
之前做百思项目的时候,也有一个中间按钮,当时是重写的TabBar,这里介绍一个新的方法
- 给TabbarVC多添加添加一个控制器,这个控制器的作用仅仅是用来占位的,多了这个控制器中间才会空出一个按钮的位置,不设置文字,不设置图片
// 加号按钮的位置self .addChildViewController("NullViewController", title: "", normalImage: "")
// 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: width, height: rect.height) }