SIFloatingMenuViewController 0.1.4

SIFloatingMenuViewController 0.1.4

测试已测试
Lang语言 Obj-CObjective C
许可 自定义
发布时间最新发布2015年4月

Shawn Irvin维护。



 
依赖项
VBFPopFlatButton~> 0.0.6
TDBadgedCell~> 3.0
pop~> 1.0.6
FXBlurView~> 1.6.3
 


  • Shawn Irvin

这是一个受到 MailChimp iOS 菜单导航控件启发的浮动菜单风格导航。它利用了 VBFPopFlatButton 和 TDBadgedCell 框架。下面是演示

演示

Demo Gif

如何使用它

使用此控件的最佳方法是使用 CocoaPods。在 podfile 中插入以下内容

pod 'SIFloatingMenuViewController'

有关使用 CocoaPods 的更多信息,请访问 cocoapods.org。如果您是第一次使用 CocoaPods,我还建议您观看此处的视频 这里

基本实现

将 pod 添加到您的项目后,从 SIFloatingMenuViewController 派生一个新的类,然后在 viewDidLoad 方法中添加以下代码的版本。

//Create the menu items
SIMenuItem *menuItem1 = [SIMenuItem menuItemWithTitle:@"View 1" image:[UIImage imageNamed:@"Image1"]];
SIMenuItem *menuItem2 = [SIMenuItem menuItemWithTitle:@"View 2" image:[UIImage imageNamed:@"Image2"]];
SIMenuItem *menuItem3 = [SIMenuItem menuItemWithTitle:@"View 3" image:[UIImage imageNamed:@"Image3"]];

//Add the menu items
[self.menuTableView setMenuItems:@[menuItem1, menuItem2, menuItem3]];

//Initialize the UIViewControllers you want to be displayed when a menu item is tapped
UIViewController *vc1 = [[UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]] instantiateViewControllerWithIdentifier:@"View 1"];
UIViewController *vc2 = [[UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]] instantiateViewControllerWithIdentifier:@"View 2"];
UIViewController *vc3 = [[UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]] instantiateViewControllerWithIdentifier:@"View 3"];

//Set them on the SIFloatingMenuViewController.
self.viewControllers = @[vc1, vc2, vc3];

自定义菜单按钮

以下是一些您可以对该控件进行的自定义。还有很多其他的自定义,包括更改菜单按钮在屏幕上的显示位置(底部左侧、底部中间或底部右侧)以及菜单按钮如何动画显示到屏幕上。

更改动画的弹跳性
self.animationBounciness = 0;
更改动画速度
self.animationSpeed = 10;
更改菜单按钮与屏幕边缘的距离
self.menuButtonBorderMargin = 20;
使菜单按钮比屏幕底部高 10 点显示
self.menuButtonAdditionalBottomMargin = 10;
使菜单按钮比屏幕边缘高 5 点显示
self.menuButtonAdditionalSideMargin = 5;
更改按钮大小
self.menuButtonSize = CGSizeMake(60, 60);
更改菜单后面的暗淡视图的暗度
self.dimmedViewAlpha = 0.25;
修改是否点击背景视图以关闭菜单
self.backgroundTapDismissesMenu = NO;