【问题标题】:Can i Add Two Tab Bars in same View controller one tab bar at bottom and one tab bar at top我可以在同一个视图控制器中添加两个标签栏,底部一个标签栏,顶部一个标签栏
【发布时间】:2019-04-30 04:04:24
【问题描述】:

我正在 swift 4 中开发一个应用程序,我想同时添加两个标签栏,一个在底部,另一个在顶部。我已经添加了底部标签栏,但不知道如何在同一个控制器中添加第二个标签栏

谢谢

【问题讨论】:

  • 为什么不亲自尝试一下,如果遇到任何问题,请在此处说明您的问题。
  • @iPeter 感谢您的建议 :)

标签: ios iphone uitabbarcontroller xcode10 swift4.2


【解决方案1】:

是的,你可以做到。在底部添加UITabBar,在顶部添加另一个,如下所示。

但是,您可以在每个UITabBar 中选择一个项目一次。例如,如果您在顶部标签栏中选择了Contacts,您也可以在底部标签栏中选择Favourites。如果你想在两个标签栏中选择一个项目,你应该手动编程。

将代码添加到viewDidLoad:

let tabbar1 = UITabBar() //Note that tabbar height is fixed to 49
view.addSubview(tabbar1)

tabbar1.translatesAutoresizingMaskIntoConstraints = false
tabbar1.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0.0).isActive = true
tabbar1.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: 0.0).isActive = true
tabbar1.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 0.0).isActive = true

let contacts = UITabBarItem(tabBarSystemItem: UITabBarItem.SystemItem.contacts, tag: 100)
let bookmarks = UITabBarItem(tabBarSystemItem: UITabBarItem.SystemItem.bookmarks, tag: 101)
tabbar1.setItems([contacts, bookmarks], animated: false)

let tabbar2 = UITabBar() //Note that tabbar height is fixed to 49
view.addSubview(tabbar2)

tabbar2.translatesAutoresizingMaskIntoConstraints = false
tabbar2.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0.0).isActive = true
tabbar2.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: 0.0).isActive = true
tabbar2.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: 0.0).isActive = true

let downloads = UITabBarItem(tabBarSystemItem: UITabBarItem.SystemItem.downloads, tag: 103)
let favorites = UITabBarItem(tabBarSystemItem: UITabBarItem.SystemItem.favorites, tag: 104)
tabbar2.setItems([downloads, favorites], animated: false)

【讨论】:

  • 感谢您的回答,但我没有使用故事板,您能指导我完成有用的编程吗?
  • 如果我想将视图控制器添加到这些标签栏项目怎么办?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-10-03
  • 2012-03-30
  • 2017-12-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多