先看看原app的效果
实现过程
主要是给view中的滚动视图添加一个kvo来监视它的滑动，再根据它的offset来做一下操作，下面是代码
| 1 |
[mytableview addobserver:self forkeypath:@"contentoffset" options:nskeyvalueobservingoptionold|nskeyvalueobservingoptionnew context:nil];
|
获取tableview的 contentoffset 之后再根据具体需求来实现逻辑判断
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
-(void)observevalueforkeypath:(nsstring *)keypath ofobject:(id)object change:(nsdictionary<nsstring *,id> *)change context:(void *)context {
if ([object isequal:mytableview] && [keypath isequaltostring:@"contentoffset"]) {
//获取新值旧值
cgfloat newy = [change[@"new"] cgpointvalue].y;
cgfloat oldy = [change[@"old"] cgpointvalue].y;
float i = newy - oldy;//下拉是新值小于旧值的，所以i<0 是下拉 i>0 是上滑
nslog(@"%f",mytableview.contentoffset.y);
if (mytableview.contentoffset.y > -64 && mytableview.contentoffset.y <= 24) {//边界条件，此处不精确
if (i <= 0 && _ishide == no && self.navigationcontroller.navigationbar.frame.origin.y == 20){
//下拉＋bar 已经显示的状态，不再移动
return;
}
_ishide = no;
//设置navigationbar 的frame 使他根据tableview来滑动
self.navigationcontroller.navigationbar.frame = cgrectmake(0, -44 - mytableview.contentoffset.y, self.view.bounds.size.width, 44);
//控制透明度
self.navigationcontroller.navigationbar.alpha = -mytableview.contentoffset.y/64;
}else if (mytableview.contentoffset.y > 24) {
if (i > 10) {//更改数值大小可以控制触发 navigation bar 的滑动速度
_ishide = yes;
}else if(i < -10) {
_ishide = no;
}
}
[self.navigationcontroller setnavigationbarhidden:_ishide animated:yes];
}
}
|
完成效果图
总结
其实这个效果实现起来确实没有什么难度，写这个主要是给大家看一下我的实现过程与思路，希望可以帮到大家。如果有疑问可以留言交流，谢谢大家对服务器之家的支持。
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。