眼下见过的实现边側菜单的效果。比較流行的有下面三种：（效果图）

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

、

实现ios常见菜单效果的思路相关推荐

iOS 抽奖轮盘效果实现思路
临近春节,相信不少app都会加一个新的需求--新年抽奖不多废话,先上GIF效果图 DEMO链接:https://gitee.com/xudongxiang/LuckyDraw.git 1. 跑马灯效 ...
ios 横向滚轮效果_ios横向菜单+页面滑动
ios横向菜单+页面滑动查看次数:9122 下载次数:992 上传时间:2016-06-28 大小:11 B Demo: https://github.com/Super-lying/LyScrol ...
自定义UITableView索引动画，实现饿了么菜单效果
授人以鱼不如授人以渔,"授"这个字,不敢当,只把做这个效果的思路和大家分享一下. 需求和饿了么商店菜单效果是一样一样的,如下图一.需求分析作为一个码农,当拿到一个任务的时候,第 ...
动态二级下拉菜单html,js实现简洁大方的二级下拉菜单效果代码
本文实例讲述了js实现简洁大方的二级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款简洁大方的二级下拉菜单,菜单的颜色自己根据需要重新定义吧,这里仅给大家提供一种制作二级菜单的思路,整体效 ...
应急响应—常见应急响应处置思路
下图是常见应急响应处置思路的思维导图下面将对 "常见应急响应处置思路" 进行详细的讲解一.操作系统后门排查排查目标:找出后门程序在哪里,找到后门是怎么启动的,尽可能发现后门修 ...
常见操作系统命令注入思路
常见操作系统命令注入思路一.什么是命令注入: 命令注入: OS command injection翻译过来是操作系统命令注入,它可以让攻击者可以在运行应用程序的服务器上执行任意的操作系统(Opera ...
Axure RP实例教程：组合弹出菜单效果
Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件,或者在web网站的线框图.流程图.原型和规格的设计制作,从低到高的视觉和交互保真度的全方位构建,是目前业界首屈一指的交互式产品原 ...
防ios的抽屉效果，防qq的抽屉效果
AS中导入GitHub开源项目SlidingMenu总结,我开始AS导入SlidingMenu的时候也百度了很多文章,写的都不是很详细,所以导入成功后,写了这篇文章,希望对想用AndroidStudi ...
Js实现京东无延迟菜单效果(demo)
一个端午节,外面人山人海,又那么热,我认为宅在家里看看慕课网,充实自己来的实际... 这是一个js实现京东无延迟菜单效果,感觉很好,分享给大家... 先来理清思路:1.开发基本的菜单结构 2.开发普通 ...

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

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

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

3、抽屉效果

实现ios常见菜单效果的思路相关推荐

最新文章

热门文章