Instagram风格的导航栏隐藏

Question

I need to hide the navigation bar when the user scrolls down. Currently, I'm calling setNavigationBarHidden: YES animated:YES on scroll, but this solution isn't ideal as it makes the main view jump up as soon as the animation is called.

The Instagram app has a much better solution - the navigation bar is locked to the top of the main view, and it scrolls up as the user scrolls. Scroll down a few pixels, and only part of the nav bar gets hidden.

Any ideas on how this could be accomplished?

Answer 1

Check out https://github.com/andreamazz/AMScrollingNavbar . Its very easy to use, just subclass AMScrollingNavbar in your viewController

Answer 2

I don't think they are using a navigation bar. I think it's custom header view for the UITableView, or at least that's what I would do since you can put any UIView there.

You can use the UITableView delegate to set those headers.

Answer 3

navigation bar doesn't provide this function. the best way is to use a custom view (your custom navigation bar) as a subview of the main view, then do the animations yourself, using functions like [UIView animateWithDuration ....] with translation function using something like CATransform3DTranslate

Answer 4

我已经找到了Instagram完全按照它做的方式 - 在这里查看我的答案没有平移手势识别器，设置隐藏的栏，没有类似的东西，只是一些很酷的工程内部scrollViewDidScroll视图的scrollViewDidScroll查看委托方法