实现ios常见菜单效果的思路
2016-01-05 15:28
495 查看
眼下见过的实现边側菜单的效果。比較流行的有下面三种:(效果图)
http://code4app.com/ios/RNFrostedSidebar/524399706803fa3c33000001
(1)最開始要实现这个效果。我想最简单的方式就是:加入UIView。加上一个self.view大小的子视图。菜单列表以外的区域设为透明灰色。
后来发现,假设当前的控制器有显示导航栏或者工具栏,这个子视图就无法遮盖住导航栏或者工具栏上面的button。
(2)为了遮盖住导航栏和工具栏上的button。看来仅仅能在当前控制器上,压进或者模态显示一个新的控制器,然后将新的控制器的self.view的背景色设置为透明灰色的,这样就能看到原来的控制器上的没有被菜单遮挡住的内容。
好家伙,在我费尽心思地将新的控制器的self.view的背景色设置为透明灰色之后,竟然发现,旋转设备方向的时候,仅仅有最顶层的那个控制器会变方向,而以下看得到内容的那个控制器不会跟着转。
这里还是贴一下,到底怎样显示一个有透明度的视图控制器:
其要點就是使用iOS特有的rootViewController來顯示Modal View。
(3)好吧,然后我就学习了上面贴的那份源代码的办法。在当前控制器上,显示一个新的模态控制器,新控制器的背景图是源控制器的屏幕截图,然后在背景图上再覆盖上一层透明灰色,就做出了如上效果图。
https://github.com/mutualmobile/MMDrawerController
、
1、菜单条覆盖在部分主视图上
附上实现该效果的一个不错的源代码地址:http://code4app.com/ios/RNFrostedSidebar/524399706803fa3c33000001
(1)最開始要实现这个效果。我想最简单的方式就是:加入UIView。加上一个self.view大小的子视图。菜单列表以外的区域设为透明灰色。
后来发现,假设当前的控制器有显示导航栏或者工具栏,这个子视图就无法遮盖住导航栏或者工具栏上面的button。
(2)为了遮盖住导航栏和工具栏上的button。看来仅仅能在当前控制器上,压进或者模态显示一个新的控制器,然后将新的控制器的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
、
相关文章推荐
- Maximum height of iOS 8 Today Extension?
- iOS开发之后台运行
- iOS 查找友盟错误日志代码位置 —— HERO博客
- 字符串处理——iOS版本判断
- IOS应用开发-发布详细流程
- ios strong weak
- iOS 开发之照片框架详解之二 —— PhotoKit 详解(下)
- 关于ios的ipa包的分析之link map 文件的分析
- 苹果发布证书
- iOS 开发之照片框架详解之二 —— PhotoKit 详解(上)
- iOS下JS与原生OC互相调用
- iOS 开发之照片框架详解
- ios imageWithContentsOfFile:path 图片不显示
- CGContextRef用法
- iOS运用fabric记录crash日志过程
- iOS 获得图片的时间(通过拍照和取出)
- iOS中实现tableView的中英文排序索引
- iOS 两种易混淆的存储路径
- ios创建横屏启动页
- iOS- 详解文本属性Attributes