Swift - 第三方侧栏菜单组件SideMenu使用详解1（安装配置、纯Storyboard实现）
作者：hangge | 2019-03-15 08:52
侧滑菜单（侧边菜单、侧栏菜单）在许多 App 中都可以看到，之前我也介绍过如何手动实现这个功能：
其实网上也有许多优秀的第三方侧滑菜单库供我们直接使用，SideMenu 就是其中比较优秀的一个，下面介绍下它的用法。
一、基本介绍
1，什么是 SideMenu？
SideMenu 是一个用 Swift 编写的简单而通用的侧栏菜单控件，它有如下优点：
- 可以直接在故事板（StoryBoard）中使用，而无需一行代码。
- 提供四种标准动画风格可供选择。
- 高度可定制，无需编写大量自定义代码。
- 支持滑动手势。
- 支持全局菜单配置。
- 菜单可以与任何其他视图控制器一样呈现和解除。
- 动画使用视图控制器，而不是快照。
- 能够正确处理屏幕旋转和通话状态栏高度变化。
2，安装配置
（1）从 GitHub 上下载最新的代码：https://github.com/jonkykong/SideMenu
（2）将下载下来的源码包中 SideMenu.xcodeproj 拖拽至你的工程中
（3）工程 -> General -> Embedded Binaries 项，把 iOS 版的 framework 添加进来：SideMenu.framework
（4）最后，在需要使用 SideMenu 的地方 import 进来就可以了
import SideMenu
二、使用 Storyboard 实现侧栏菜单
1，基本用法
（1）首先在 Storyboard 中拖入一个 Navigation Controller 用于放置（或者说作为）侧栏菜单。
（2）将 TableView 里单元格设置为静态单元格，并添加一些内容作为菜单栏项。
（3）将这个 Navigation Controller 的 Class 设为 UISideMenuNavigationController，并将 Module 设置为 SideMenu。
（4）由于这个侧栏菜单不需要导航栏，我们把这个侧栏菜单 Navigation Controller 的 Shows Navigation Bar 勾选取消掉。
（5）最后在主视图控制器中添加一个按钮（用于触发侧栏菜单的显示），并且将这个按钮与侧栏菜单控制器做 Segues 关联（Present Modally 类型）
（6）运行结果如下：
- 点击“打开侧栏菜单”按钮后，主视图会向左滑动，露出下方的侧栏菜单。
- 侧栏菜单显示后，再次点击主视图（或者向右滑动屏幕）则会收起侧栏菜单。
- 侧栏菜单无论是展开还是收起过程中，都会有动画效果。
2，改成左侧菜单
（1）默认情况下侧栏菜单是显示在右侧的，如果希望实现左侧菜单。我们可以在 Storyboard 中选中侧栏菜单的视图控制器，将其 Left Side 属性设置为 On。
（2）运行结果如下：
3，修改侧栏菜单宽度
（1）如果想要修改侧栏菜单完全展开后的宽度，我们可以在 Storyboard 中选中侧栏菜单的视图控制器，将其 Menu Width 属性设置为指定值。
（2）运行结果如下：
全部评论（0）