CircleMenu 编程式创建掌握灵活构建动态菜单的 3 种方法【免费下载链接】circle-menu:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by Ramotion项目地址: https://gitcode.com/gh_mirrors/ci/circle-menuCircleMenu 是一款优雅的圆形布局 UI 菜单库采用 Material Design 动画效果能为 iOS 应用带来流畅的交互体验。本文将介绍三种编程式创建 CircleMenu 的方法帮助开发者根据不同场景灵活构建动态菜单。1. 基础初始化法快速创建标准圆形菜单基础初始化法适用于需要快速搭建标准圆形菜单的场景通过指定必要参数即可完成创建。CircleMenu 提供了便捷的初始化方法只需设置 frame、图标、按钮数量、动画时长和距离等核心参数let circleMenu CircleMenu( frame: CGRect(x: 100, y: 200, width: 60, height: 60), normalIcon: menu_icon, selectedIcon: close_icon, buttonsCount: 5, duration: 0.5, distance: 120 ) view.addSubview(circleMenu)这种方法的优势在于代码简洁适合创建功能单一的基础菜单。通过调整buttonsCount、duration和distance等参数可以快速改变菜单的基本形态和动画效果。2. 自定义属性配置法打造个性化菜单体验当基础配置无法满足需求时可以通过自定义属性进一步调整菜单的外观和行为。CircleMenu 提供了丰富的可配置属性如起始角度、结束角度、子按钮半径等// 创建基础菜单 let customMenu CircleMenu( frame: CGRect(x: 100, y: 300, width: 60, height: 60), normalIcon: menu, selectedIcon: close ) // 自定义属性 customMenu.buttonsCount 4 customMenu.startAngle 90 // 起始角度 customMenu.endAngle 270 // 结束角度 customMenu.distance 150 // 子按钮距离 customMenu.subButtonsRadius 25 // 子按钮半径 customMenu.duration 0.6 // 动画时长 customMenu.showDelay 0.1 // 子按钮显示延迟 // 设置代理 customMenu.delegate self view.addSubview(customMenu)通过调整startAngle和endAngle可以控制菜单的展开范围实现半圆、扇形等非完整圆形的菜单布局。subButtonsRadius属性允许单独设置子按钮大小使菜单更具层次感。3. 高级动画配置法实现复杂交互效果对于需要精细控制动画和交互的场景可以通过实现代理方法和自定义动画来打造独特的用户体验。CircleMenu 提供了完善的代理方法可监听菜单的各种状态变化// 实现 CircleMenuDelegate 协议 extension ViewController: CircleMenuDelegate { // 菜单打开时调用 func menuOpened(_ circleMenu: CircleMenu) { print(菜单已打开) } // 菜单关闭时调用 func menuCollapsed(_ circleMenu: CircleMenu) { print(菜单已关闭) } // 按钮选中时调用 func circleMenu(_ circleMenu: CircleMenu, buttonDidSelected button: UIButton, atIndex: Int) { print(选中了第 \(atIndex) 个按钮) // 自定义选中动画 UIView.animate(withDuration: 0.3) { button.transform CGAffineTransform(scaleX: 1.2, y: 1.2) } completion: { _ in UIView.animate(withDuration: 0.2) { button.transform .identity } } } }通过代理方法我们可以在菜单打开、关闭或按钮选中时执行自定义逻辑如添加额外动画效果、处理业务逻辑等。结合 CircleMenu 内置的动画方法如hideButtons(_:hideDelay:)和buttonsIsShown()可以实现更复杂的交互流程。总结本文介绍的三种 CircleMenu 创建方法各有特点基础初始化法适合快速搭建自定义属性配置法可实现个性化外观高级动画配置法则能满足复杂交互需求。开发者可以根据项目实际情况选择合适的方法或结合使用以达到最佳效果。完整的 API 文档和更多使用示例可参考项目中的 docs/ 目录其中包含了详细的类说明和协议定义。通过灵活运用这些方法你可以为应用创建出既美观又实用的圆形菜单交互。【免费下载链接】circle-menu:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by Ramotion项目地址: https://gitcode.com/gh_mirrors/ci/circle-menu创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考