iOS 顶部导航栏

Question

在 Instagram 上创建像这样的顶部导航栏的最佳方法是什么？

我有一个标签栏 controller，它有 5 个视图，但我不明白如何在其中一个视图中创建另一个导航栏。 我应该创建两个标签并将它们中的每一个与另一个视图连接起来还是有更好的方法来实现这一点？

Answer 1

你的方法很好，很高兴看到一些截图或代码来完全理解它。

如果要将导航栏放在这些选项卡栏视图中，则需要放置一个连接到导航 controller 的容器视图。

我创建了一个简单的项目来向您展示我是如何实现这一目标的。

使用滚动视图来包含另外两个嵌入了一些导航控制器的视图容器：

视图容器允许您嵌入任何类型的视图/controller：

Apple docs 对如何执行此操作有很好的参考，在您的情况下，您只需将 ViewController 更改为 NavigationController。

如果您不介意使用第三方代码，那么有很多选项供您选择：

脊髓灰质炎寻呼机

import PolioPager

class ViewController: MainContainerViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func tabItems()-> [TabItem] {
        return [TabItem(title: "One"),TabItem(title: "Two")]
    }

    override func viewControllers()-> [UIViewController]
    {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)

        let viewController1 = storyboard.instantiateViewController(withIdentifier: "cont1")
        let viewController2 = storyboard.instantiateViewController(withIdentifier: "cont2")

        return [viewController1, viewController2]
    }
}

在上面的示例中，您可以使用 PolioPager 实例化 2 个不同的导航视图控制器，例如，由 storyboard 标识符cont1 cont2标识。

其他旅行派对图书馆：

https://github.com/XuYanci/GLViewPagerController

https://github.com/rechsteiner/Parchment