FanMenu
使用Macaw创建的易于定制的浮动圆形菜单
我们是一家致力于开发卓越应用程序的开发机构。
用法
- 在Storyboard或编程中创建
UIView
。 - 将
FanMenu
设置为UIView
类。 - 设置按钮
fanMenu.button = FanMenuButton(
id: "main",
image: "plus",
color: Color(val: 0x7C93FE)
)
- 设置菜单项
fanMenu.items = [
FanMenuButton(
id: "exchange_id",
image: "exchange",
color: Color(val: 0x9F85FF)
),
...
FanMenuButton(
id: "visa_id",
image: "visa",
color: Color(val: 0xF55B58)
)
]
- 添加事件处理器
// call before animation
fanMenu.onItemDidClick = { button in
print("ItemDidClick: \(button.id)")
}
// call after animation
fanMenu.onItemWillClick = { button in
print("ItemWillClick: \(button.id)")
}
- 配置可选参数
// distance between button and items
fanMenu.menuRadius = 90.0
// animation duration
fanMenu.duration = 0.35
// menu opening delay
fanMenu.delay = 0.05
// interval for buttons in radians
fanMenu.interval = (0, 2.0 * M_PI)
// menu background color
fanMenu.menuBackground = Color.red
- 有用方法
fanMenu.isOpen
fanMenu.open()
fanMenu.close()
自定义
FanMenu 是使用我们的矢量图形 Swift 库 Macaw 创建的。因此,它可以很容易地修改和改进以满足您的需求。
所有源代码都位于一个名为 FanMenu.swift 的单个文件中。要修改菜单,只需复制此文件并应用必要的更改。
示例
尝试 FanMenu 示例
- 克隆存储库
git clone [email protected]:exyte/fan-menu.git
- 打开终端并运行
cd <FanMenuRepo>/Example
- 运行
pod install
以安装所有依赖项 - 运行
xed .
以在 Xcode 中打开项目 - 试试看!
以下是我们提供的示例
- FinanceViewController.swift 会计与财务管理。受 Yingfang Xie 启发。
- TaskViewController.swift 颜色编码微交互。受 Filippos Protogeridis 启发。
- ShopViewController.swift 受 Tice 启发。
- CustomViewController.swift 受 Ramotion 控件 circle-menu 启发。
安装
CocoaPods
pod 'FanMenu'
Carthage
github 'Exyte/fan-menu'
手动
将FanMenu.swift文件放入您的项目中。
需求
- iOS 9.0+ / macOS 10.12+
- Xcode 10.2+