自定义Tabbar

swift4.0实现自定义Tabbar,实现按钮中间突出,并且突出部分点击事件响应,主要代码调用如下
**实现思想,
1.中间按钮为继承自button的类,在内部设置中间按钮的图层,
2.其他按钮也是继承UIButton的类设置title和image显示的位置
3.创建一个继承自UIView的类,在这里设置tabbar的排布方式定义协议,方法,供外界调用
4.创建一个继承自UITabBarController的类,在这个类中创建tabbar的元素,

**

`import UIKit

class CQ_TabbarController: UITabBarController {

var lastSelectIndex:NSInteger?
var redPoint:UIView?
var popDelegate:Any?
var composeButton:UIButton?
var CustomTabbar:CQ_Tabbar?

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    self.tabBar.isHidden = true
    self.tabBar.removeFromSuperview()
    for  childView in self.tabBar.subviews{
        if childView .isKind(of: (CQ_Tabbar.self)) {
            childView .removeFromSuperview()
        }
    }
}

override func viewDidLoad() {
    super.viewDidLoad()

    addChildVC()
    setUpTabbar()

}

func setUpTabbar() {

    let tabbar = CQ_Tabbar()

    tabbar.setItems(items: self.items)
    tabbar.Delegate = self
    tabbar.backgroundColor = UIColor.init(patternImage: UIImage(named: "tab_backgroundX")!)
    tabbar.frame = CGRect(x: 0, y:(ScreenH - CGFloat(TabbarHeight)) , width: ScreenW, height: ScreenH)
    view.addSubview(tabbar)
    // warning 调用选中的这个方法,必须在初始化设置后在调用,不然会报错

// tabbar.setSelectIndexItem(Index: 1)
CustomTabbar = tabbar
}

func setupButton(){
    let rect = self.tabBar.bounds
    let w = rect.size.width / CGFloat(self.childViewControllers.count - 1)
    composeButton?.frame = rect.insetBy(dx: 2 * w, dy: 0)

    composeButton?.height = CGFloat(Int(TabbarHeight))

}

func addChildVC(){

    let homeVC = HomeViewController()
    addChildVC(childVC: homeVC, title: "首页", imageName: "新闻组管理 (1)", selectedImage: "新闻组管理")

    let NewVC = NewViewController()
    addChildVC(childVC: NewVC, title: "新闻", imageName: "Push", selectedImage: "PushSele")

    let PushVC = PushViewController()

// addChildVC(childVC: PushVC, title: “大发”, imageName: “tab_Irregular”, selectedImage: “tabBar_icon_customer”)

    addChildVC(childVC: PushVC, title: "发布", imageName: "添加", selectedImage: "添加")

    let DataVC = DataViewController()
    addChildVC(childVC: DataVC, title: "发现", imageName: "News", selectedImage: "NewsSele")

    let profile = ProfileViewController()
    addChildVC(childVC: profile, title: "我的", imageName: "homepage_fill", selectedImage: "homepage_Sele")
}


func addChildVC(childVC:UIViewController,title:NSString,imageName:NSString,selectedImage:NSString){

    childVC.tabBarItem.title = title as String
    //设置图标
    childVC.tabBarItem.image = UIImage(named: imageName as String)

    //设置选中的图标
    var seleImage = UIImage(named: selectedImage as String)

    //不要渲染
    seleImage = seleImage?.withRenderingMode(.alwaysOriginal)
    childVC.tabBarItem.selectedImage = seleImage;

    self.items .add(childVC.tabBarItem)
    //添加为tabbar控制器的子控制器
    let nav  = CQ_NavigationController(rootViewController: childVC)
    nav.delegate = self //这个代理方必须写上,代理方法也必须实现
    self.addChildViewController(nav)
}


lazy var items:NSMutableArray = {
   let array = NSMutableArray()
    return array
}()

}

extension CQ_TabbarController:CQTabbarDelegate,UITabBarControllerDelegate,UINavigationControllerDelegate{

func tabbarSelected(tabbar:CQ_Tabbar,clickIndex:NSInteger){
    super.selectedIndex = clickIndex
}
func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
 let Root:UIViewController = navigationController.viewControllers.first!
    tabBar.isHidden = true
    if viewController != Root {
        CustomTabbar?.removeFromSuperview()
        var dockFrame = CustomTabbar?.frame
        dockFrame?.origin.y = Root.view.height - CGFloat(TabbarHeight)
        if Root.view .isKind(of: UIScrollView.self){
            let scroller:UIScrollView = Root.view as! UIScrollView
            dockFrame?.origin.y += scroller.contentOffset.y
        }
        CustomTabbar?.frame = dockFrame!
        Root.view.addSubview(CustomTabbar!)
    }
}



func navigationController(_ navigationController: UINavigationController, didShow viewController: UIViewController, animated: Bool) {
    let Root:UIViewController = navigationController.viewControllers.first!
    let Nav:CQ_NavigationController  = navigationController as! CQ_NavigationController
    if viewController == Root {
        navigationController.interactivePopGestureRecognizer?.delegate = Nav.PopDelegate as? UIGestureRecognizerDelegate
        CustomTabbar?.removeFromSuperview()
        CustomTabbar?.frame = CGRect(x: 0.0, y: ScreenH - CGFloat(TabbarHeight), width: ScreenW, height: CGFloat (TabbarHeight))
        view .addSubview(CustomTabbar!)
    }

}

}
`

tabbar的实现部分代码

import UIKit


protocol CQTabbarDelegate:NSObjectProtocol {
    func tabbarSelected(tabbar:CQ_Tabbar,clickIndex:NSInteger)
}


class CQ_Tabbar: UIView {
    let tabbarTag = 1200
    weak var Delegate:CQTabbarDelegate?
    var selectedIndex:NSInteger?
    var currentSelectedIndex:NSInteger = 0
    var subViewCount:NSInteger = 1
    var seleButton:UIButton?
    var bigButton:CQ_TabbarBigButton?

    func setItems(items:NSArray){

        for i in 0..<items.count {
            let tabbarItem  = items[i] as! UITabBarItem

            if i == 2 {
                //设置中间突出按钮
                let BigButton = CQ_TabbarBigButton(type: .custom)
                BigButton.tag = self.subviews.count + tabbarTag
                BigButton .setImage(tabbarItem.image, for: .normal)
                BigButton.adjustsImageWhenHighlighted = false

                //设置文字
                BigButton.setTitle(tabbarItem.title, for: .normal)
                BigButton.setTitleColor(.red, for: .normal)
                BigButton.setTitleColor(.green, for: .selected)
                BigButton.addTarget(self, action: #selector(btnClick(btn:)), for: .touchDown)
                addSubview(BigButton)
                bigButton = BigButton
            }else
            {
                let NorButton = CQ_NorTabbarButton(type: .custom)
                NorButton.tag = self.subviews.count + tabbarTag
                NorButton .setImage(tabbarItem.image, for: .normal)
                NorButton.setImage(tabbarItem.selectedImage, for: .selected)
                NorButton.adjustsImageWhenHighlighted = false
                NorButton.barItem = tabbarItem
                NorButton.setTitle(tabbarItem.title, for: .normal)


                NorButton.setTitleColor(.red, for: .normal)
                NorButton.setTitleColor(.green, for: .selected)
                NorButton.addTarget(self, action: #selector(btnClick(btn:)), for: .touchDown)
                addSubview(NorButton)


                if (self.selectedIndex != nil) {
                   subViewCount = self.selectedIndex! + 1
                }

                if (subviews.count == subViewCount) {
                    selectedIndex = subviews.count - 1
                    btnClick(btn: NorButton)
                }

            }

         }

    }

    //留给外界可以设置选中第几个item
  public  func setSelectIndexItem(Index:NSInteger){
        selectedIndex = Index
        let button = viewWithTag(tabbarTag + Index)
    btnClick(btn: button as! UIButton)

    }

    //item选中的执行事件
    func btnClick(btn:UIButton){
       seleButton?.isSelected = false
        btn.isSelected = true
        seleButton = btn
        Delegate?.tabbarSelected(tabbar: self, clickIndex: btn.tag - tabbarTag)
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        let Count:NSInteger = subviews.count
        var X:CGFloat = 0
        var Y:CGFloat = 0
        let W:CGFloat = UIScreen.main.bounds.size.width / CGFloat(Count)

        var H = 49
        for i in 0..<Count {
            let btn:UIButton = subviews[i] as! UIButton
            X = CGFloat(i) * W
          //由于第三个按钮上部是突出的所以这里Y上移12
            if i == 2 {
                Y = -12
                H += 12
                 btn.frame = CGRect(x: X, y: Y, width: W, height: CGFloat(H))
            }else
            {
                //其他按钮正常位置不变
                H = 49
                 Y  = 0
                 btn.frame = CGRect(x: X, y: Y, width: W, height: CGFloat(H))
            }

        }

    }

    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        let PointW = 43
        let PointH = 61
        let PointX = (ScreenW - CGFloat(PointW)) / 2
        let PointY = -12
        let rect:CGRect = CGRect(x: Int(PointX), y: PointY, width: PointW, height: PointH)
        if rect.contains(point) {
            return bigButton
        }
       return super.hitTest(point, with: event)

    }

}

上面的代码只是其中一部分，我已将全部代码放到了github上上供下载的github代码下载地址