27

在 Apple 最近发布的 Remote 应用程序中,我注意到导航栏的行为方式是独一无二的,我无法重现它。弹出 Now Playing 视图控制器时,Now Playing 视图控制器的导航栏保持透明,库视图控制器的导航栏也保持半透明(屏幕截图 1)。我试图弄清楚他们是使用两个导航控制器还是只使用一个。就我个人而言,我觉得他们只使用了一个,原因有两个:(1)启用了交互式弹出手势;(2) 当您按下库视图控制器中的“正在播放”按钮时,就在正在播放的屏幕完成“推送视图控制器”动画之前,导航栏变得透明(屏幕截图 2)。这是我在推送视图控制器(将导航栏设置为透明)时遇到的行为。所以我的问题是:Apple 如何将两个视图控制器的导航栏都呈现为单独的(如屏幕截图 1 所示),即使是栏按钮、导航标题等......在切换时也是 100% 的不透明度(通常在推动/弹出前一个视图控制器的按钮和标题会随着新控制器的被推动而消失)。我尝试过使用 bar tint color 切换时为 100% 的不透明度(通常在按下/弹出按钮时,前一个视图控制器的标题会随着新控制器的按下而淡出)。我尝试过使用 bar tint color 切换时为 100% 的不透明度(通常在按下/弹出按钮时,前一个视图控制器的标题会随着新控制器的按下而淡出)。我尝试过使用 bar tint colorviewDidAppear并且viewWillAppear在两个视图控制器中,但不能重现相同的行为,并且不能防止条形按钮褪色。

天哪,我希望我已经很好地解释了这一点,我只是想到它就感到困惑!

屏幕截图 1(弹出): 截图 1

截图 2(推送): 截图 2

4

2 回答 2

37

我刚刚下载了应用程序以确保。使用了两个不同的导航栏。您可以使用交互式弹出手势看到这一点。注意底部视图控制器上的导航栏是如何滑入和滑出的。在正常的推送和弹出转换期间,导航项只是在现有栏上淡入和淡出,而栏是静止的。这是在推送正在播放的视图控制器之前发生的情况。

如果你快速看一下,在正在播放的视图控制器动画期间,你可以看到底部导航栏消失了。

根据我对 UIKit 行为的经验以及我在应用程序中看到的情况,我认为会发生以下情况:

album_vc= 底部,列表视图控制器 nowplaying_vc= 顶部视图控制器

  • nowplaying_vcviewWillAppear:

    • 使用 将导航栏设置为隐藏[self.navigationController setNavigationBarHidden:YES animated:YES];。由于这是在动画块中,这将使导航栏在推送动画期间滑出。
    • [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;对此设置相当肯定,因为请注意在状态栏样式的过渡中没有动画。它只是变成白色。
  • nowplaying_vcviewWillDisappear:

    • 使用 将导航栏设置为显示[self.navigationController setNavigationBarHidden:NO animated:YES];。由于这是在动画块中,这将使导航栏在弹出动画期间滑入。
    • 再次设置[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault;,请注意在交互式弹出手势期间,状态栏只是在没有动画的情况下发生变化。

要实现导航栏的透明外观nowplaying_vc,可以使用空图像 ( [UIImage alloc]) 和setBackgroundImage:forBarPosition:barMetrics:.

由于应用程序不旋转,我们无法确定导航栏nowplaying_vc是另一个导航控制器的一部分,还是只是顶部位置为UIBarPositionTopAttached. 就我们所知,那里甚至没有导航栏,而只有一个后退 V 形图像视图(后退栏按钮由一个图像视图和一个按钮组成)。

我认为状态栏样式发生了变化,viewWillAppear:并且viewWillDisappear:由于交互式弹出手势期间存在不自然的感觉。我建议使用动画过渡,或者更好的是,使用新的基于视图控制器的状态栏样式,系统会自行为过渡设置动画。


现代 API 更新:

您应该使用animateAlongsideTransition:completion:or animateAlongsideTransitionInView:animation:completion:API,而不是依赖viewWillAppear:and的隐式动画viewWillDisappear:

于 2013-12-28T17:49:27.400 回答
3

您可以更新导航栏的 Alpha,而不是隐藏和显示导航栏。它将在过渡期间平滑地动画。对于具有透明导航栏的视图控制器,不要修改导航栏,而是在第二个控制器的视图中手动创建导航栏(或只是后退按钮和标题等)。然后,当从第一个视图控制器转换到第二个视图控制器时,我们将隐藏导航栏。

在您的第一个控制器viewWillDisappear和第二个视图控制器上viewWillAppear:,使用 .将导航栏 alpha 设置为零self.navigationController.navigationBar.alpha = 0;。由于这是在动画块中,这将使导航栏在推送动画期间消失。

viewWillAppear在第一个控制器和第二个控制器中将 alpha 设置回一个viewWillDisappear

于 2015-01-09T16:27:55.540 回答