iOS实现简易抽屉效果、双边抽屉效果
2016-02-27 09:27
656 查看
iOS实现简易抽屉效果,代码:
@interface ViewController () { UIView* _leftView; } @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. _leftView = [[UIView alloc] init]; //把左侧边的view先隐藏 _leftView.frame = CGRectMake(-200, 0, 200, self.view.frame.size.height); _leftView.backgroundColor = [UIColor greenColor]; [self.view addSubview:_leftView]; UIPanGestureRecognizer* pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePan:)]; [self.view addGestureRecognizer:pan]; } - (void)handlePan:(UIPanGestureRecognizer*) recognizer { CGPoint translation = [recognizer translationInView:self.view]; //增量后的x坐标位置 CGFloat Xresult = translation.x + _leftView.frame.origin.x; //向右 if (translation.x >= 0) { //leftView已全部拉出,则无法再向右 if (_leftView.frame.origin.x >= 0 || Xresult >= 0) { _leftView.frame = CGRectMake(0, 0, 200, self.view.frame.size.height); return; } } else if (translation.x < 0) {//向左 //leftView已全部收回,则无法再向左 if (_leftView.frame.origin.x <= -200 || Xresult <= -200) { _leftView.frame = CGRectMake(-200, 0, 200, self.view.frame.size.height); return; } } CGRect frame = _leftView.frame; frame.origin.x += translation.x; _leftView.frame = frame; //清空移动的距离,这是关键 [recognizer setTranslation:CGPointZero inView:recognizer.view]; //做弹回效果,以中轴为界限 if (recognizer.state == UIGestureRecognizerStateEnded) { if (_leftView.frame.origin.x > -100) { [self closeView:NO]; } else { [self closeView:YES]; } } } - (void)closeView:(BOOL)close { if (close) { [self moveView:CGRectMake(-200, 0, 200, self.view.frame.size.height)]; } else { [self moveView:CGRectMake(0, 0, 200, self.view.frame.size.height)]; } } - (void)moveView:(CGRect)frame { [UIView animateWithDuration:0.3 animations:^{ _leftView.frame = frame; } completion:^(BOOL finished) { }]; }
iOS实现双边抽屉效果,代码:
#import "PathView.h" #import "UIView+Additions.h" @implementation PathView - (instancetype)init { self = [super init]; if (self) { [self setupGestureRecognizer]; } return self; } - (void)setupGestureRecognizer { UIPanGestureRecognizer* pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePan:)]; [self addGestureRecognizer:pan]; } - (void)handlePan:(UIPanGestureRecognizer*)recognizer { CGPoint translation = [recognizer translationInView:self]; CGFloat Xresult = translation.x + self.left; if (translation.x >= 0) {//向右 if (self.left >= _leftWidth || Xresult >= _leftWidth) { self.frame = CGRectMake(_leftWidth, 0, self.width, self.height); return; } } else if (translation.x < 0) {//向左 if (self.left <= -_rightWidth || Xresult <= -_rightWidth) { self.frame = CGRectMake(-_rightWidth, 0, self.width, self.height); return; } } self.left += translation.x; if (recognizer.state == UIGestureRecognizerStateEnded) { if (self.left > _leftWidth / 2) { [self openLeft:YES openRight:NO]; } else if (self.left < -(_rightWidth / 2)) { [self openLeft:NO openRight:YES]; } else { [self openLeft:NO openRight:NO]; } } //清空移动的距离 [recognizer setTranslation:CGPointZero inView:recognizer.view]; } - (void)openLeft:(BOOL)left openRight:(BOOL)right { if (!left && !right) { [self moveView:CGRectMake(0, 0, self.width, self.height)]; } else if (!left && right) { [self moveView:CGRectMake(-_rightWidth, 0, self.width, self.height)]; } else if (left && !right) { [self moveView:CGRectMake(_leftWidth, 0, self.width, self.height)]; } } - (void)moveView:(CGRect)frame { [UIView animateWithDuration:0.3 animations:^{ self.frame = frame; } completion:^(BOOL finished) { }]; }
上面是实现的具体内容,所以不做多少注释,只不过把手势移到view里面,让view自己改变自己的frame;再有就是添加了两个属性,来指定左右两边各自抽屉抽出的宽度,某一边不需要,只要设置为0就好了。
以上就是本文的全部内容,希望能够帮助大家顺利实现iOS抽屉效果。
您可能感兴趣的文章:
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- javascript 简单抽屉效果的实现代码
- 讲解iOS开发中基本的定位功能实现
- iOS中定位当前位置坐标及转换为火星坐标的方法
- js判断客户端是iOS还是Android等移动终端的方法
- iOS应用中UISearchDisplayController搜索效果的用法
- IOS开发环境windows化攻略
- 浅析iOS应用开发中线程间的通信与线程安全问题
- 检测iOS设备是否越狱的方法
- Android SlidingDrawer 抽屉效果的实现
- .net平台推送ios消息的实现方法
- 探讨Android与iOS,我们将何去何从?
- Android、iOS和Windows Phone中的推送技术详解
- iOS推送的那些事