我正在寻找一种在iOS中实现与Android Navigation Drawer尽可能密切配合的方法。
这基本上是一个从左侧和当前视图滑入的菜单面板。
我看过使用ECSlidingViewController,MMDrawerController,etc。但是我真的想要一个出现在当前视图顶部的的抽屉,而不是当前视图滑动以显示下面菜单的Facebook应用程序。
如何实现我想要的功能?
答案 0 :(得分:17)
你需要一个SlideOverViewController,它有一个宽度和你想要重叠的表格视图,将视图的背景颜色设置为清晰的颜色(以实现透明度)。
在MainViewController中,初始化并添加SlideOverViewController。
self.slideOverViewController = [[SlideOverViewController alloc] init];
self.slideOverViewController.view.frame = CGRectMake(-self.myNavigationController.view.frame.size.width, 0, self.myNavigationController.view.frame.size.width, self.view.frame.size.height);
self.slideOverViewController.delegate = self;
要激活slideOverMenu,请使用:
[self.slideOverViewController.view setHidden:NO];
[self.view addSubview:self.slideOverViewController.view];
[UIView animateWithDuration:kMenuAnimationDuration animations:^{
self.slideOverViewController.view.frame = CGRectMake(0, 0, self.slideOverViewController.view.frame.size.width, self.slideOverViewController.view.frame.size.height);
[UIView animateWithDuration:kMenuAnimationDuration animations:^{
}completion:^(BOOL finished){
}];
}completion:^(BOOL finished){
self.mainMenuDisplay = YES;
}];
隐藏菜单使用:
[UIView animateWithDuration:kMenuAnimationDuration animations:^{
self.slideOverViewController.view.frame = CGRectMake(-self.myNavigationController.view.frame.size.width - 80, 0, self.myNavigationController.view.frame.size.width, self.myNavigationController.view.frame.size.height);
}completion:^(BOOL finished){
self.mainMenuDisplay = NO;
[self.slideOverViewController.view setHidden:YES];
}];
在你的SLideOverViewController中,
添加gestureRecognizers:
UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanGestures:)];
[panGesture setMinimumNumberOfTouches:1];
[panGesture setMaximumNumberOfTouches:1];
- (void) handlePanGestures : (UIPanGestureRecognizer *) sender
{
if (self.view.frame.origin.x > 0) {
return;
}
[self.view bringSubviewToFront:[(UIPanGestureRecognizer*)sender view]];
CGPoint translatedPoint = [(UIPanGestureRecognizer*)sender translationInView:self.view];
if ([(UIPanGestureRecognizer*)sender state] == UIGestureRecognizerStateBegan) {
self.firstX = [[sender view] center].x;
self.firstY = [[sender view] center].y;
}
translatedPoint = CGPointMake(self.firstX+translatedPoint.x, self.firstY);
if (translatedPoint.x > self.view.frame.size.width/2) {
self.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);
return;
}
[[sender view] setCenter:translatedPoint];
if ([(UIPanGestureRecognizer*)sender state] == UIGestureRecognizerStateEnded || [sender state] == UIGestureRecognizerStateCancelled || [sender state] == UIGestureRecognizerStateFailed) {
CGFloat velocityX = (0.2*[(UIPanGestureRecognizer*)sender velocityInView:self.view].x);
CGFloat finalX = translatedPoint.x + velocityX;
CGFloat finalY = self.firstY;
if (UIDeviceOrientationIsPortrait([[UIDevice currentDevice] orientation])) {
if (finalX < 0) {
//finalX = 0;
} else if (finalX > 768) {
//finalX = 768;
}
if (finalY < 0) {
finalY = 0;
} else if (finalY > 1024) {
finalY = 1024;
}
} else {
if (finalX < 0) {
//finalX = 0;
} else if (finalX > 1024) {
//finalX = 768;
}
if (finalY < 0) {
finalY = 0;
} else if (finalY > 768) {
finalY = 1024;
}
}
CGFloat animationDuration = (ABS(velocityX)*.0002)+.2;
[self animateToPoint:finalX yPos:finalY withAnimationDuration:animationDuration];
}
}
}
}
- (void) animateToPoint : (CGFloat) finalX yPos : (CGFloat) finalY withAnimationDuration : (CGFloat) animationDuration {
if (self.view.frame.origin.x < -90) {
[self handleCloseSlidingMenuViewController];
} else {
[self handleShowSlidingMenuView : finalX yPos:finalY withAnimationDuration:animationDuration];
}}
- (void) handleShowSlidingMenuView : (CGFloat) finalX
yPos : (CGFloat) finalY
withAnimationDuration : (CGFloat) animationDuration{
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:animationDuration];
[UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
[UIView setAnimationDelegate:self];
[UIView setAnimationDidStopSelector:@selector(animationDidFinish)];
self.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);
[UIView commitAnimations];}