iOS 上滑隐藏导航,下滑显示导航,仿斗鱼导航效果
2017-05-09 09:16
489 查看
UItableView或 UIcollectionView 都是继承UIScrollView 滑动的时候,判断是上滑还是下滑 使用 UIScrollView 的代理方法
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000 }
span.s1 { color: #ba2da2 }
span.s2 { }
span.s3 { color: #703daa }
func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>)
上滑时状态栏颜色为黑色,导航隐藏,下滑导航栏显示,状态栏变为白色
至于控件的布局需要根据状态去改变,
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000 }
span.s1 { color: #ba2da2 }
span.s2 { }
span.s3 { color: #703daa }
func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>)
func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) { let pan = scrollView.panGestureRecognizer let velocity = pan.velocity(in: scrollView).y if velocity < -15 { //上滑 self.navigationController?.setNavigationBarHidden(true, animated: true) //状态栏颜色为黑色 UIApplication.shared.statusBarStyle = .default NotificationCenter.default.post(name: NSNotification.Name(rawValue: kUpdateTitleFreamNote), object: nil) } else if velocity > 15 { //下滑 self.navigationController?.setNavigationBarHidden(false, animated: true) //状态栏颜色为白色 UIApplication.shared.statusBarStyle = .lightContent NotificationCenter.default.post(name: NSNotification.Name(rawValue: kInUpdateTitleFreamNote), object: nil) } }
上滑时状态栏颜色为黑色,导航隐藏,下滑导航栏显示,状态栏变为白色
至于控件的布局需要根据状态去改变,
相关文章推荐
- iOS从当前隐藏导航界面push到下一个显示导航界面出现闪一下的问题
- iOS开发之-- 从当前隐藏导航界面push到下一个显示导航界面出现闪一下的问题
- iOS从当前隐藏导航界面push到下一个显示导航界面出现闪一下的问题
- jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
- iOS-UIScrollview滑动时标题栏自动隐藏和显示效果
- iOS:自定义导航栏,随着tableView滚动显示和隐藏
- 监听WebView的Scroll滑动效果——下滑隐藏actionBar,下滑显示actionBar
- jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
- jQuery实现左侧导航模块的显示与隐藏效果
- iOS 每日一记之———————————————仿QQ语音通话隐藏显示效果
- 左侧导航菜单 子菜单的显示隐藏效果
- iOS---实现简书和知乎的上滑隐藏导航栏下拉显示导航栏效果
- ios 上滑隐藏导航下拉显示导航栏实现
- iOS---实现简书和知乎的上滑隐藏导航栏下拉显示导航栏效果
- iOS中显示和隐藏TabBar的动画效果
- 【js与jquery】左侧导航模块的显示与隐藏效果
- ios 试图滚动的时候,顶部显示和隐藏动画效果
- jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
- div隐藏显示及select拉升效果
- Android动画开发——Animation显示隐藏菜单效果