NavigationBar 和StatusBar同时消失出现

简介:

NavigationBar和StatusBar都有支持动画的系统接口:

[[UIApplication sharedApplication] setStatusBarHidden:hidden withAnimation:UIStatusBarAnimationSlide];
[self.navigationController setNavigationBarHidden:hidden animated:animated];

但是简单这样写的话,效果不太好,NavigationBar 和StatusBar消失的时候,动画太快;出现的时候,StatusBar先出现,NavigationBar后滑出,而且动画比较突兀。

以下代码能让NavigationBar 和StatusBar同时消失出现,而且比较平滑 :

- (void)toggleStatusBarAndNavBar:(BOOL)hidden {
    UINavigationBar *navBar = self.navigationController.navigationBar;
    [[UIApplication sharedApplication] setStatusBarHidden:hidden withAnimation:UIStatusBarAnimationSlide];

    [UIView animateWithDuration:0.35 delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{
        // 先显示navigationBar
        if (!hidden)
        {
            [self.navigationController setNavigationBarHidden:hidden animated:NO];
        }

        navBar.frame = CGRectMake(navBar.frame.origin.x,
                                  hidden ? -navBar.frame.size.height : 20,
                                  navBar.frame.size.width,
                                  navBar.frame.size.height);
    } completion:^(BOOL finished) {
        if (hidden)
        {
            [self.navigationController setNavigationBarHidden:hidden animated:NO];
        }
    }];
}
  • StatusBar的动画风格选滑入UIStatusBarAnimationSlide,手动为NavigationBar的滑出滑入做动画。
  • 动画风格选UIViewAnimationOptionCurveEaseOut,因为消失的时候StatusBar消失比较快,NavigationBar也需要快点消失;出现的时候NavigationBar需要慢点,动画看起来比较流畅
  • 要把握好hidden属性和frame的变化动画先后关系。

相关文章
|
XML Java Android开发
Android 中ScrollView垂直滚动视图之隐藏滚动条的三种方法
Android 中ScrollView垂直滚动视图之隐藏滚动条的三种方法
186 0
|
Android开发
Android 中PopupWindow弹出式窗口的使用
Android 中PopupWindow弹出式窗口的使用
82 0
|
Web App开发 API 容器
CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件
CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件
297 0
Dialog和DialogFragment 设置背景透明
Dialog和DialogFragment 设置背景透明
1044 0
|
XML Android开发 数据格式
Android开发学习之使用Toolbar实现不同的Fragment使用不同颜色的标题栏与状态栏
Android开发学习之使用Toolbar实现不同的Fragment使用不同颜色的标题栏与状态栏                                            先看效果图。
2913 0
|
Android开发 容器
Android开发 - 解决DialogFragment在全屏时View被状态栏遮住的问题
我的上一篇文章:设置DialogFragment全屏显示 可以设置对话框的内容全屏显示,但是存在在某些机型上顶部的View被状态栏遮住的问题。经过测试,发现了一种解决办法,在DialogFragment的onCreateView()中添加一个布局监听器: @Override public View.
2491 0
|
XML Android开发 数据格式
Android标题栏随着滑动显示隐藏
这次实现标题栏随着上滑下滑显示隐藏 实现这个效果需要,Support Design库中的CoordinatorLayout和AppBarLayout进行配合才行。
3334 0
|
Android开发 容器 Java
Android取消RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘闪现灰白色水波纹动画
Android取消RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘闪现灰白色水波纹动画 标准的Android RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘,会闪现灰白色水波纹动画,以这样大的动画效果提示用户已经滑动到边缘,没法再滑动了。
3070 0
|
Android开发
让 Toolbar 随着 RecyclerView 的滚动而显示/隐藏
本文讲的是让 Toolbar 随着 RecyclerView 的滚动而显示/隐藏,在这篇文章中,我们将看到如何实现像Google+ 应用程序一样,当列表下滑时,Toolbar和FAB(包括其他的View)隐藏;当列表上滑时,Toolbar和FAB(包括其他的View)显示的效果;这种效果在Material Design Checklist提到过.
1892 0