一个很简单的侧边栏导航实现

侧边栏导航实现"/>

一个很简单的侧边栏导航实现

一个简单的sidebar的小例子。

在实习的项目中，有一个重要的UI部分就是一个sidebar.之前一直很想自己能够重构这一部分，但是无论是参考项目代码还是到GitHub上的代码，我都感觉到很吃力。因为大部分设计到很多跳转，让我一下子很难理清楚。五一的时候重新整理了下写代码的思路，觉得要自己先理清楚基本的过程，写每一个方法前都要明白这个方法要达到什么样的功能。今天花了一上午参考了一个GitHub的样例写了一个小小sidebar，在这里记录一下这个过程，也相当于做一个笔记。

—-分割线—-

在手机APP上，我们可以看到许多侧边栏的应用。侧边栏不仅仅可以起到一个导航的作用，也可以用来展示一些相关的信息。我们可以看到像网易新闻，QQ等APP的侧边栏功能非常强大。而我认为，使用侧边栏相对于一般的顶部导航栏更为美观，也能省去视图的一部分空间占用。

首先，我们要认识到，侧边栏是一个视图。我们通过在当前视图的导航按钮或者通过手势来调出侧边栏。因此，首先要认识一下手势。

在UIKit中，有专门的手势识别器。这里我仅仅记录一下在侧边栏调用中要使用的滑动手势swip。其他的手势我认为也是大同小异，只需要自己写一个demo就能很好的理解。

下面这个方法展示了一个如何去添加一个手势到视图

- (void)addSwipToView:(UIView *)view withDirection:(UISwipeGestureRecognizerDirection)direction {UISwipeGestureRecognizer *swip = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(handleSwip:)];swip.direction = direction;[view addGestureRecognizer:swip];
}

UISwipeGestureRecognizer 这个代表了这是一个扫动的手势识别。direction是手势滑动的方向。

接下来，有了手势，我们就需要去写一个方法来处理手势将会处罚的动作

- (void)handleSwip:(UISwipeGestureRecognizer *)recognizer
{/*!*  @brief  处理滑动手势**  @since 1.0*///判断滑动的方向//当手势是向右滑动的时候if (recognizer.direction == UISwipeGestureRecognizerDirectionRight) {CGFloat height = self.view.frame.size.height;CGFloat width = self.view.frame.size.width;UINavigationController *newNv =  self.childViewControllers[_currentIndex];[