脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → ios今日头条滑动导航

IOS仿今日头条滑动导航栏

 更新时间：2016年01月28日 15:22:11   作者：小崔  
今天仿今日头条滑动导航和网易首页导航封装类优化相似,这个也是解决手势冲突,UIPanGestureRecognizer与ScrollView的手势冲突

之前在脚本之家平台给大家分享了网易首页导航封装类、网易首页导航封装类优化,今天在前两个的基础上仿下今日头条。

1.网易首页导航封装类中主要解决了上面导航的ScrollView和下面的页面的ScrollView联动的问题,以及上面导航栏的便宜量。

2.网易首页导航封装类优化中主要解决iOS7以上滑动返回功能中UIScreenEdgePanGestureRecognizer与ScrollView的滑动的手势冲突问题。

今天仿今日头条滑动导航和网易首页导航封装类优化相似,这个也是解决手势冲突,UIPanGestureRecognizer与ScrollView的手势冲突。

一、ViewController的层次

用上面的图来介绍,左侧的个人页面ViewController上面通过addChildViewController添加了一个以MainViewController为RootViewController的

UINavigationController,通过addSubview将UINavigationController的View添加到个人页面ViewController的View上。

二、仿今日头条滑动导航主要有3个问题:

1.UIPanGestureRecognizer与ScrollView的手势冲突

为了达到拖动滑动的效果，需要给MainViewController添加一个UIPanGestureRecognizer,由于底部是ScrollView和TableView组成的，所以会使UIPanGestureRecognizer与底部的冲突,和网易首页导航封装类优化类似需要在

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer中根据gestureRecognizer返回YES来使ScrolView和UIPanGestureRecognizer都识别。

2.UIPanGestureRecognizer滑动结束的位置不正确

用UIPanGestureRecognizer滑动根据便宜量来改变UINavigationController的View的位置,在今日头条中滑动结束时UINavigationController的View要么在原位要么在右侧，不会停在中间,这个问题让我想起了之前做的果冻效果,手势有状态state,根据手势的状态来改变UINavigationController的View的位置,特别是在手势结束时。

3.由于1使ScrolView和UIPanGestureRecognizer都识别,导致返回时ScrolView也会滑动

让底部的ScrolView能滑动的时间应该是UINavigationController的View在初始位置frame的x为0，所以在它的frame的x>0时,底部的bottomScrollView的scrollEnabled=NO。

三、 主要实现代码(导航的代码就不贴了,只贴主要的)

1.声明一个拖动手势

@property(nonatomic,strong) UIPanGestureRecognizer *panGestureRecognizer;

2.为MainViewController添加手势

_panGestureRecognizer=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panGesture:)];
_panGestureRecognizer.delegate=self;
[self.navigationController.view addGestureRecognizer:_panGestureRecognizer];

3.手势识别的方法

//平移
-(void)panGesture:(UIPanGestureRecognizer*)pan
{
//在View中的位置
// CGPoint point=[pan locationInView:self.navigationController.view];
//在View中的移动量 以手指按下的为原点
CGPoint point1=[pan translationInView:self.navigationController.view];
if (pan.state==UIGestureRecognizerStateChanged&&pan==_panGestureRecognizer) {
if (point1.x>0&&self.navigationController.view.frame.origin.x<self.navigationController.view.frame.size.width-100) {
float x= self.navigationController.view.frame.origin.x+point1.x>self.navigationController.view.frame.size.width-100?self.navigationController.view.frame.size.width-100:self.navigationController.view.frame.origin.x+point1.x;
self.navigationController.view.frame=CGRectMake(x, self.navigationController.view.frame.origin.y, self.navigationController.view.frame.size.width, self.navigationController.view.frame.size.height);
NSLog(@"%@",NSStringFromCGRect(self.navigationController.view.frame));
}
else if(point1.x<0)
{
NSLog(@"aaa %f",self.navigationController.view.frame.origin.x);
float x=self.navigationController.view.frame.origin.x+point1.x<0?0:self.navigationController.view.frame.origin.x+point1.x;
self.navigationController.view.frame=CGRectMake(x, self.navigationController.view.frame.origin.y, self.navigationController.view.frame.size.width, self.navigationController.view.frame.size.height);
}
}
else if(pan.state==UIGestureRecognizerStateEnded)
{
if (self.navigationController.view.frame.origin.x>self.navigationController.view.frame.size.width/3) {
[UIView animateWithDuration:0.2 animations:^{
self.navigationController.view.frame=CGRectMake(self.navigationController.view.frame.size.width-100, 0, self.navigationController.view.frame.size.width, self.navigationController.view.frame.size.height);
} completion:^(BOOL finished) {
self.bottomScrollView.scrollEnabled=YES;
}];
}
else
{
[UIView animateWithDuration:0.2 animations:^{
self.navigationController.view.frame=CGRectMake(0, 0, self.navigationController.view.frame.size.width, self.navigationController.view.frame.size.height);
} completion:^(BOOL finished) {
self.bottomScrollView.scrollEnabled=YES;
}];
}
}
//偏移量是增加的应该设为0
[pan setTranslation:CGPointZero inView:self.navigationController.view];
}

4.手势冲突解决

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
{
if (self.bottomScrollView.contentOffset.x<=0.0&&gestureRecognizer==_panGestureRecognizer) {
if (self.navigationController.view.frame.origin.x>0) {
self.bottomScrollView.scrollEnabled=NO;
}
else
{
self.bottomScrollView.scrollEnabled=YES;
}
return YES;
}
return NO;
}

四、效果图

以上所述是小编给大家分享的IOS仿今日头条滑动导航栏，希望对大家有所帮助。

您可能感兴趣的文章:

相关文章

  • 深入理解Objective-C中类的数据结构

    深入理解Objective-C中类的数据结构

    最近发现用Objective-C确实好容易，下面这篇文章主要给大家介绍了关于Objective-C中类的数据结构的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧
    2018-05-05
  • iOS实现背景高斯模糊效果

    iOS实现背景高斯模糊效果

    这篇文章主要介绍了iOS实现背景高斯模糊效果，代码简单易懂，非常不错，需要的朋友参考下吧
    2016-12-12
  • IOS 避免self循环引用的方法的实例详解

    IOS 避免self循环引用的方法的实例详解

    这篇文章主要介绍了IOS 避免self循环引用的方法的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
    2017-09-09
  • iOS开发中实现邮件和短信发送的简单示例

    iOS开发中实现邮件和短信发送的简单示例

    这篇文章主要介绍了iOS开发中实现邮件和短信发送的简单示例,编程语言依然是传统的Objective-C,需要的朋友可以参考下
    2015-09-09
  • 详解iOS AFNetworking取消正在进行的网络请求

    详解iOS AFNetworking取消正在进行的网络请求

    这篇文章主要介绍了详解iOS AFNetworking取消正在进行的网络请求，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 详解如何拦截iOS所有网络请求

    详解如何拦截iOS所有网络请求

    这篇文章主要介绍了详解如何拦截iOS所有网络请求，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 详解iOS开发中使用storyboard创建导航控制器的方法

    详解iOS开发中使用storyboard创建导航控制器的方法

    这篇文章主要介绍了iOS开发中使用storyboard创建导航控制器的方法,包括对控制器声明周期的控制介绍,代码基于传统的Objective-C,需要的朋友可以参考下
    2016-01-01
  • iOS自动移除KVO观察者的实现方法

    iOS自动移除KVO观察者的实现方法

    在 Apple 的应用开发里 KVO 提供了一个途径，使对象（观察者）能够观察其他对象（被观察者）的属性，当被观察者的属性发生变化时，观察者就会被告知该变化。下面这篇文章主要给大家介绍了关于iOS如何自动移除KVO观察者的实现方法，需要的朋友可以参考下。
    2017-12-12
  • iOS中遍历的方法总结

    iOS中遍历的方法总结

    本篇文章主要介绍了iOS中遍历的方法总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • iOS应用运用设计模式中的Strategy策略模式的开发实例

    iOS应用运用设计模式中的Strategy策略模式的开发实例

    这篇文章主要介绍了iOS应用开发中对设计模式中的Strategy策略模式的运用,例子采用传统的Objective-C语言代码演示,需要的朋友可以参考下
    2016-03-03

最新评论