js文字左右滑动代码(js文字滚动代码)

限时干货下载：添加微信公众号“数据玩家「fbigdata」”

回复【7】免费获取【完整数据分析资料！（包括SPSS、SAS、SQL、EXCEL、Project）！】

　　来源：简书

　　作者：HelloYeah

　　左右侧滑是App开发中非常常见的功能，目前大部分App都有实现这个功能。

　　为提高开发效率,笔者对左右侧滑功能进行了封装.代码简洁,思路清晰易懂,外界只需调用两个接口,即可实现左右侧滑功能!!!

　　1、侧滑并设置侧滑动画时间

　　/** 侧滑并设置侧滑动画时间 */ - (void)sideAnimateDuration:(NSTimeInterval)duration SideDirection:(HYSideDirection)sideDirectionType;

　　2、设置侧滑控制器,可只实现一侧,也可以都实现

　　/** 设置左侧的控制器 */ - (void)setLeftSideVC:(UIViewController *)leftSideVC; /** 设置右侧的控制器 */ - (void)setRightSideVC:(UIViewController *)rightSideVC;

集成一侧侧滑

同时集成左右侧滑

　　把将要侧滑出来的View添加到[UIApplication sharedApplication].keyWindow上,并用一个控制器来对这个View进行管理.如果是向右滑动，则添加到左侧.向右滑动时，将keyWindow上的所有子控件进行向右平移。我们想要的侧滑效果即可出来了。

　　1、外界通过调用setter方法,添加侧滑控制器

　　- (void)setLeftSideVC:(UIViewController *)leftSideVC{ _leftSideVC = leftSideVC; [[UIApplication sharedApplication].keyWindow addSubview:self.leftSideView]; CGRect rect = self.leftSideView.bounds; CGFloat sideWidth = self.leftSideView.bounds.size.width; sideWidth = rect.size.width; self.leftSideView.frame = CGRectMake(- rect.size.width, 0, rect.size.width, [UIScreen mainScreen].bounds.size.height); } - (void)setRightSideVC:(UIViewController *)rightSideVC{ _rightSideVC = rightSideVC; [[UIApplication sharedApplication].keyWindow addSubview:self.rightSideView]; CGRect rect = self.rightSideView.bounds; CGFloat sideWidth = self.rightSideView.bounds.size.width; sideWidth = rect.size.width; self.rightSideView.frame = CGRectMake([UIScreen mainScreen].bounds.size.width , 0 , rect.size.width, [UIScreen mainScreen].bounds.size.height); }

　　2、外界调用侧滑接口,侧滑并设置侧滑动画时间.并相应的调整状态栏样式.

　　- (void)sideAnimateDuration:(NSTimeInterval)duration SideDirection:(HYSideDirection)sideDirectionType{ //修改状态栏样式 if([UIApplication sharedApplication].statusBarStyle == UIStatusBarStyleDefault){ [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent; }else{ [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault; } if (self.isSide) { self.isSide = NO; [UIView animateWithDuration:duration animations:^{ for (UIView * view in [UIApplication sharedApplication].keyWindow.subviews) { view.transform = CGAffineTransformIdentity; } }completion:^(BOOL finished) { [self hiddenSideView]; }]; return; } self.isSide = YES; if (sideDirectionType == HYSideDirectionLeft){ self.rightSideView.hidden = NO; }else{ self.leftSideView.hidden = NO; } CGFloat _sideWidth = (sideDirectionType == HYSideDirectionRight) ? self.leftSideView.frame.size.width : - self.rightSideView.frame.size.width; [UIView animateWithDuration:duration animations:^{ [self sideDistance:_sideWidth]; }]; }

　　3、核心的代码是滑动手势的回调方法，滑动时,根据滑动方向，滑动距离两个条件做相应的事件处理.滑动停止时,同样根据滑动方向，滑动距离两个条件，来判断是否需要将View侧滑出来。

手势滑动时,根据滑动方向,滑动距离两个条件做相应的事件处理

手势停止时,根据滑动方向,滑动距离两个条件,来判断是否需要将View侧滑出来,还是恢复原状

源码链接：https://github.com/HelloYeah/HYSideViewController