Quelle est la meilleure approche pour la création d'un custom tab bar controller?

Code ci-dessous fonctionne parfaitement dans mon projet.

j'ai utilisé swift3 version comme ci-dessous :

j'ai ajouté MyTabBar.xib fichier qui contient UIView avec 4 boutons.
Dans le fichier xib, de Définir la Classe UIView. class = "MyTabBar"

Donner 4 boutons Étiquette de 1,2,3,4 en conséquence..

et ci-dessous myTabBarController fichier

myTabBarController.swift code comme ci-dessous :

class myTabBarController: UITabBarController {
var tabBarView: UIView!
var btn1: UIButton!
var btn2: UIButton!
var btn3: UIButton!
var btn4: UIButton!
var lastSender: UIButton!
var categoryViewController: CategoryViewController?
var subCategoryViewController: SubCategoryViewController?
var scoreViewController: ScoreViewController?
var profileViewController: ProfileViewController?
override func viewDidLoad() {
super.viewDidLoad()
self.setup()
tabBarView = Bundle.main.loadNibNamed("MyTabBar", owner: nil, options: nil)?.last as! UIView
tabBarView.frame = CGRect(x: 0.0, y: self.view.frame.size.height - tabBarView.frame.size.height, width: tabBarView.frame.size.width, height: tabBarView.frame.size.height)
self.view.addSubview(tabBarView)
btn1 = tabBarView.viewWithTag(1) as? UIButton
btn1.addTarget(self, action: #selector(self.processBtn), for: .touchUpInside)
btn2 = tabBarView.viewWithTag(2) as? UIButton
btn2.addTarget(self, action: #selector(self.processBtn), for: .touchUpInside)
btn3 = tabBarView.viewWithTag(3) as? UIButton
btn3.addTarget(self, action: #selector(self.processBtn), for: .touchUpInside)
btn4 = tabBarView.viewWithTag(4) as? UIButton
btn4.addTarget(self, action: #selector(self.processBtn), for: .touchUpInside)
let width1 = self.view.frame.width/4
btn1.frame = CGRect(x: 0, y: 0, width: width1, height: tabBarView.frame.size.height)
btn2.frame = CGRect(x: btn1.frame.width, y: 0, width: width1, height: tabBarView.frame.size.height)
btn3.frame = CGRect(x: btn2.frame.origin.x+btn2.frame.width, y: 0, width: width1, height: tabBarView.frame.size.height)
btn4.frame = CGRect(x: btn3.frame.origin.x+btn3.frame.width, y: 0, width: width1, height: tabBarView.frame.size.height)
lastSender = btn1
selectedViewController = viewControllers?[0]
}
func processBtn(_ sender: UIButton) {
lastSender = sender
selectedViewController = viewControllers?[sender.tag - 1]
if sender.tag == 1 {
btn1.backgroundColor = UIColor.red
btn2.backgroundColor = UIColor.yellow
btn3.backgroundColor = UIColor.yellow
btn4.backgroundColor = UIColor.yellow
}else if sender.tag == 2 {
btn1.backgroundColor = UIColor.yellow
btn2.backgroundColor = UIColor.red
btn3.backgroundColor = UIColor.yellow
btn4.backgroundColor = UIColor.yellow
}else if sender.tag == 3 {
btn1.backgroundColor = UIColor.yellow
btn2.backgroundColor = UIColor.yellow
btn3.backgroundColor = UIColor.red
btn4.backgroundColor = UIColor.yellow
}else if sender.tag == 4 {
btn1.backgroundColor = UIColor.yellow
btn2.backgroundColor = UIColor.yellow
btn3.backgroundColor = UIColor.yellow
btn4.backgroundColor = UIColor.red
}
}
func setup() {
var viewControllers = [AnyObject]()
categoryViewController = self.storyboard!.instantiateViewController(withIdentifier: "CategoryViewController") as? CategoryViewController
viewControllers.append(categoryViewController!)
subCategoryViewController = self.storyboard!.instantiateViewController(withIdentifier: "SubCategoryViewController") as? SubCategoryViewController
viewControllers.append(subCategoryViewController!)
scoreViewController = self.storyboard!.instantiateViewController(withIdentifier: "ScoreViewController") as? ScoreViewController
viewControllers.append(scoreViewController!)
profileViewController = self.storyboard!.instantiateViewController(withIdentifier: "ProfileViewController") as? ProfileViewController
viewControllers.append(profileViewController!)
self.viewControllers = viewControllers as? [UIViewController]
}
func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {
for view in tabBarView.subviews as [UIView] {
if let btn = view as? UIButton {
if btn == lastSender {
btn.isSelected = true
}
else {
btn.isSelected = false
}
}
}
if self.selectedViewController == viewController {
(self.selectedViewController as? UINavigationController)?.popToRootViewController(animated: true)
//pop to root if tapped the same controller twice
}
return (viewController != tabBarController.selectedViewController)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}

}

De cette façon, vous pouvez concevoir personnalisé tabbar selon votre besoin.

Grâce

Pour ios 9.0+
utilisation UIStackView dans le sens Horizontal et créer un xib et l'a nommé
CustomTabBarView

CustomTabBarView.Xib

Créer Un Autre Point De Vue CustomTabBarItem.

CustomTabBarItem.xib

créer CustomTabBarItem.swift fichier pour mettre en œuvre la fonctionnalité de TabItem

class CustomTabItem: UIView {
//MARK:- IBOutlets
@IBOutlet weak var itemImage: UIImageView!
@IBOutlet weak var itemTitle: SelectableLabel!
@IBOutlet weak var topButton: UIButton!
//MARK:- Variables
var isSelected: Bool = false {
didSet {
self.itemImage.image = CommonFunctions.getTabItemImage(isSelected: isSelected, tag: topButton.tag)
itemTitle.isSelected = isSelected
if isSelected {
self.backgroundColor = UIColor.appDarkBlueColor
}
else {
self.backgroundColor = UIColor.appWhiteColor
}
}
}
//MARK:- IBActions
@IBAction func onClickButton(_ sender: Any) {
}

}

Dans TabBarViewController Mettre En Œuvre Ce Code

func createCustomTabBarView(tabItemCount: Int){
customTabBarView = Bundle.main.loadNibNamed("CustomTabBarView", owner: nil, options: nil)?.last as! UIView
customTabBarView.frame = CGRect(x: 0, y: self.view.frame.height - self.tabBar.frame.height, width: self.tabBar.frame.width, height: self.tabBar.frame.size.height)
self.view.addSubview(customTabBarView)
var stackView = UIStackView()
for subView in customTabBarView.subviews{
if subView is UIStackView {
stackView = subView as! UIStackView
}
}
for i in 0..<tabItemCount {
let customTabItemView = Bundle.main.loadNibNamed("CustomTabItem", owner: nil, options: nil)?.last as! CustomTabItem
switch i {
case CustomTabbarButtonTag.TabBarItem_First.rawValue:
customTabItemView.itemTitle.text = "TabBarItem_First"
customTabItemView.topButton.tag = CustomTabbarButtonTag.TabBarItem_First.rawValue
customTabItemView.isSelected = false
case CustomTabbarButtonTag.TabBarItem_Second.rawValue:
customTabItemView.itemTitle.text = "TabBarItem_Second"
customTabItemView.topButton.tag = CustomTabbarButtonTag.TabBarItem_Second.rawValue
lastSelectedTabItem = customTabItemView
customTabItemView.isSelected = true
case CustomTabbarButtonTag.TabBarItem_Third.rawValue:
customTabItemView.itemTitle.text = "TabBarItem_Third"
customTabItemView.topButton.tag = CustomTabbarButtonTag.TabBarItem_Third.rawValue
customTabItemView.isSelected = false
case CustomTabbarButtonTag.TabBarItem_Fourth.rawValue:
customTabItemView.itemTitle.text = "TabBarItem_Fourth" 
customTabItemView.topButton.tag = CustomTabbarButtonTag.TabBarItem_Fourth.rawValue
customTabItemView.isSelected = false
cmsTabItem = customTabItemView
default:
break
}
customTabItemView.topButton.addTarget(self, action: #selector(tabBarButtonPressed), for: .touchUpInside)
stackView.addArrangedSubview(customTabItemView)
}
}
//MARK:- IBActions
func tabBarButtonPressed(_ sender: UIButton){
//create global variable lastSelectedTabItem for store last selected tab item and set its isSelected value for manage highlight current selected tabItem
lastSelectedTabItem.isSelected = false
let customTabItem = sender.superview as! CustomTabItem
lastSelectedTabItem = customTabItem
lastSelectedTabItem.isSelected = true 
self.selectedIndex = sender.tag
}