实现ios常见菜单效果的思路

来源：互联网发布：美的淘宝授权网店查询编辑：程序博客网时间：2024/04/29 17:40

目前见过的实现边侧菜单的效果，比较流行的有以下三种：（效果图）

1、菜单栏覆盖在部分主视图上

附上实现该效果的一个不错的源码地址：

http://code4app.com/ios/RNFrostedSidebar/524399706803fa3c33000001

（1）最开始要实现这个效果，我想最简单的方式就是：添加UIView，加上一个self.view大小的子视图，菜单列表以外的区域设为透明灰色。后来发现，如果当前的控制器有显示导航栏或者工具栏，这个子视图就无法遮盖住导航栏或者工具栏上面的按钮。

（2）为了遮盖住导航栏和工具栏上的按钮，看来只能在当前控制器上，压进或者模态显示一个新的控制器，然后将新的控制器的self.view的背景色设置为透明灰色的，这样就能看到原来的控制器上的没有被菜单遮挡住的内容。

好家伙，在我费尽心思地将新的控制器的self.view的背景色设置为透明灰色之后，居然发现，旋转设备方向的时候，只有最顶层的那个控制器会变方向，而下面看得到内容的那个控制器不会跟着转。

这里还是贴一下，究竟如何显示一个有透明度的视图控制器：

UIViewController* transparentView = [[UIViewController alloc] init];                   UIViewController* controller = self.view.window.rootViewController;       transparentView.view.backgroundColor = [UIColor clearColor];       controller.modalPresentationStyle = UIModalPresentationCurrentContext;               [controller presentModalViewController:transparentView animated:YES];

其要點就是使用iOS特有的rootViewController來顯示Modal View。

（3）好吧，然后我就学习了上面贴的那份源码的办法，在当前控制器上，显示一个新的模态控制器，新控制器的背景图是源控制器的屏幕截图，然后在背景图上再覆盖上一层透明灰色，就做出了如上效果图。

2、主视图左右滑动，伴随缩放效果

该效果还没开始学习。。。

3、抽屉效果

附上一个github上一个非常赞的源码仓库：

https://github.com/mutualmobile/MMDrawerController

、

1 0