在大多數(shù)情況下，抽屜效果是隱藏的，但是如果用戶從屏幕的左邊滑動手指并應(yīng)用頂部觸摸欄中的圖標(biāo)，想要學(xué)習(xí)更多的技術(shù)知識，那就繼續(xù)關(guān)注武林技術(shù)頻道為大家介紹的精彩內(nèi)容吧，相信大家一定會有所收獲的。
iOS實現(xiàn)簡易抽屜效果，代碼：
@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]; //把左側(cè)邊的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坐標(biāo)位置 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; //清空移動的距離，這是關(guān)鍵 [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實現(xiàn)雙邊抽屜效果，代碼：
#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) { }];}上面是實現(xiàn)的具體內(nèi)容，所以不做多少注釋，只不過把手勢移到view里面，讓view自己改變自己的frame；再有就是添加了兩個屬性，來指定左右兩邊各自抽屜抽出的寬度，某一邊不需要，只要設(shè)置為0就好了。
以上就是實現(xiàn)簡易抽屜效果和雙邊抽屜的效果的全部內(nèi)容，希望能夠幫助大家順利實現(xiàn)iOS抽屜效果。
新聞熱點
疑難解答
圖片精選
