加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ios – 在基于标签栏的应用程序上添加导航栏

发布时间:2020-12-14 18:07:22 所属栏目:百科 来源:网络整理
导读:我有一个基于标签栏的应用程序,我想在应用程序的顶部添加导航栏.请注意,我使用的是一个名为 PageMenu的库,它在1个父ViewController中创建了2个TableView. 我尝试的是,添加一个新的ViewController和Editor-嵌入导航栏.将它放在Tab Bar Controller之前,按住Ctr
我有一个基于标签栏的应用程序,我想在应用程序的顶部添加导航栏.请注意,我使用的是一个名为 PageMenu的库,它在1个父ViewController中创建了2个TableView.

我尝试的是,添加一个新的ViewController和Editor->嵌入导航栏.将它放在Tab Bar Controller之前,按住Ctrl键拖动到Tab Bar Controller以设置根视图的关系.最后将Nav Bar Controller设置为初始视图控制器.但这样做失败了:

enter image description here

(Top变得相当奇怪,模糊,PageMenu的子标题消失了.也许它在那个模糊的东西下,因为我仍然可以在两个表视图之间滑动.

enter image description here

其次,我尝试删除导航控制器,并手动将导航栏添加到ViewControllers.这适用于表视图和视图控制器,但不适用于PageMenu控制器.当我在PageMenu Controller上试用它时,它没有显示任何导航栏.

请注意,在Demo中,他们使用导航栏作为Parent和sub-TableViews,他们使用这个以及Storyboard>实现了导航栏.导航控制器:

override func viewDidLoad() {
    super.viewDidLoad()

    self.title = "HEADER"
    self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor()]
    self.navigationController?.navigationBar.tintColor = UIColor.whiteColor()
  }

最后,我试过..

func application(application: UIApplication,didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
    self.window = UIWindow(frame: UIScreen.mainScreen().bounds)

    let nav1 = UINavigationController()
    let first = ViewController(nibName: nil,bundle: nil)
    nav1.viewControllers = [first]

    let second = SecondViewController(nibName: "SecondViewController",bundle: nil)
    let nav2 = UINavigationController()
    nav2.viewControllers = [second]

    let tabs = UITabBarController()
    tabs.viewControllers = [nav1,nav2]

    self.window!.rootViewController = tabs;
    self.window?.makeKeyAndVisible();

    return true
}

但我得到的结果是:

enter image description here

我想要实现的目标(但使用TabBarController; NavBar仅用于标题):

enter image description here

我现在拥有的是这个.我只想在上面添加NavigationBar,就像上面的PageMenu示例一样

enter image description here

更新:
拉斯利,我也尝试过:

enter image description here

但同样的问题:

enter image description here

解决方法

您还可以创建有助于解决问题的明智故事板.

enter image description here

在这里,我可以创建您想要的示例代码,不需要单行代码更改,而只是更改为故事板.

Download source code from here.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读