Question

我希望在iOS 10中使用与“联系人”应用相同的动画构建一个视图控制器。当您向下滚动页面时，联系人的照片会显示在导航栏的中间。

iOS 10中有API还是自定义实现？

Answer 1

<强>研究

尝试修改导航栏有很多技巧。我花了很多时间一个接一个地尝试：

Apple的官方教程 https://developer.apple.com/library/content/samplecode/NavBar/Introduction/Intro.html#//apple_ref/doc/uid/DTS40007418-Intro-DontLinkElementID_2 只能直观地扩展导航栏。事实上，把第二个在条形图下查看并将颜色和线条设置为看起来像第二个视图是酒吧的一部分。但事实并非如此。
Levelmoney为自定义导航栏创建了很好的lib：https://github.com/Levelmoney/resizable-navigation-bar
另一种解决方案是创建您的视图，它看起来像导航栏（使用背面的颜色和阴影，就像在Apple的示例中一样），并将其放入导航栏中，如下所示：self.navigationController!.navigationBar.addSubview(self.titleView!)但是这样看起来很棒，它隐藏了导航栏元素，后退按钮不响应点击。虽然我尝试了不同的图层或将视图带到前/后，但我无法完成这项工作。

解决

因此，根据我的观点，最好的解决方案（但不是最清晰的解决方案）是：

创建您自己的自定义视图（XIB），它看起来像navbar iteself - 就像上面的选项3一样。包括您自己的后退按钮实现等。

隐藏self.navigationController!.isNavigationBarHidden = true中的原始导航栏viewWillAppear(_ animated: Bool)。另外，请不要忘记将其带回viewWillDisappear(_ animated: Bool)

将您自己的视图放在屏幕顶部。不在顶部布局指南的下方，但实际上在屏幕上方。你的视图vill undercolor状态栏。使用视图的上边距来填充状态栏下的内容。

像在UITableView Scroll event
中所说的那样实施动画
此解决方案要求您维护自己的＆＃34; navbar＆＃34;看起来像原生的一样。然而，与导航栏修改不同，这可能适用于iOS的未来版本。

Answer 2

一个技巧可能是导航栏不可见。在故事板中设置模拟指标 - ＆gt;顶栏=无（你甚至可以避免它）。

在视图控制器中，将其添加到viewDidLoad：

Swift 3.0

    navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
    navigationController?.navigationBar.shadowImage = UIImage()
    navigationController?.navigationBar.isTranslucent = true

目标-C

    [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
    self.navigationController.navigationBar.shadowImage = [UIImage new];
    self.navigationController.navigationBar.translucent = YES;

然后你应该在使用联系人的详细信息滑动uitableview / uiscrollview时创建一个动画，这取决于你想要做什么......

编辑：在这里你可以在模拟器上找到一个例子...对于丑陋的模型抱歉：D

iOS 10联系人照片在导航栏上

2 个答案: