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

         目前见过的实现边侧菜单的效果,比较流行的有以下三种:(效果图)

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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值