广

IOS开发

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    iOS实现简易抽屉效果、双边抽屉效果

    2018-04-06 10:40:29 次阅读 稿源:互联网
    广告

    本文实例为大家分享了iOS实现抽屉效果的全部代码,供大家参考,具体内容如下

    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抽屉效果。

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告