syncfusion-maui-radial-menu
installsforks
How to install syncfusion-maui-radial-menu?
syncfusion/maui-ui-components-skills/syncfusion-maui-radial-menu
$npx -y skills add syncfusion/maui-ui-components-skills --skill syncfusion-maui-radial-menuImplements Syncfusion .NET MAUI Radial Menu (SfRadialMenu) - a hierarchical circular menu optimized for touch. Use when working with radial menus, circular menus, context menus, touch-optimized menus, or hierarchical circular navigation. Covers floating menus, drag-enabled menus,
SKILL.md
| 1 | # Implementing Radial Menus in .NET MAUI |
| 2 | |
| 3 | The Syncfusion .NET MAUI Radial Menu (SfRadialMenu) displays a hierarchical menu in a circular layout, optimized for touch-enabled devices. It's typically used as a context menu and can expose more menu items in the same space than traditional menus. |
| 4 | |
| 5 | ## When to Use This Skill |
| 6 | |
| 7 | Use this skill when the user needs to: |
| 8 | |
| 9 | - **Implement circular/radial menus** in .NET MAUI applications |
| 10 | - **Create touch-optimized context menus** with hierarchical navigation |
| 11 | - **Build floating menus** that can be dragged across the screen |
| 12 | - **Design nested menu systems** with multiple levels of items |
| 13 | - **Customize center buttons** with text, icons, or custom views |
| 14 | - **Segment menu layouts** with custom positioning and indexing |
| 15 | - **Add interactive menu items** with images, icons, or custom content |
| 16 | - **Handle menu events** for navigation, opening/closing, and item tapping |
| 17 | - **Implement modern UI effects** like liquid glass/acrylic styling |
| 18 | |
| 19 | ## Component Overview |
| 20 | |
| 21 | **Key Features:** |
| 22 | - **Hierarchical Navigation:** Multiple levels of nested menu items |
| 23 | - **Touch-Optimized:** Circular layout designed for touch interaction |
| 24 | - **Draggable:** Float over content and drag anywhere on screen |
| 25 | - **Rotation Support:** Items can rotate around the center |
| 26 | - **Custom Segmentation:** Control item placement and spacing |
| 27 | - **Font Icons:** Built-in support for vector icons |
| 28 | - **Custom Views:** Use any MAUI view as menu item content |
| 29 | - **Rich Customization:** Colors, sizes, fonts, backgrounds, and more |
| 30 | - **Event-Driven:** Comprehensive event system for all interactions |
| 31 | |
| 32 | ## Documentation and Navigation Guide |
| 33 | |
| 34 | ### Getting Started |
| 35 | 📄 **Read:** [references/getting-started.md](references/getting-started.md) |
| 36 | - NuGet package installation (Syncfusion.Maui.RadialMenu) |
| 37 | - Registering handlers in MauiProgram.cs |
| 38 | - Basic SfRadialMenu setup |
| 39 | - Creating your first radial menu with items |
| 40 | - XAML and C# implementation examples |
| 41 | |
| 42 | ### Populating Items |
| 43 | 📄 **Read:** [references/populating-items.md](references/populating-items.md) |
| 44 | - Adding items through RadialMenuItem collection |
| 45 | - Text-only items, images with text, custom font icons |
| 46 | - Creating nested/hierarchical menu structures |
| 47 | - Using ItemsSource and ItemTemplate for data binding |
| 48 | - Animation duration, rim styling, separators |
| 49 | - DisplayMemberPath for property binding |
| 50 | |
| 51 | ### Center Button Customization |
| 52 | 📄 **Read:** [references/center-button-customization.md](references/center-button-customization.md) |
| 53 | - Center button text and back button text |
| 54 | - Colors (text, background, stroke) |
| 55 | - Size and radius customization |
| 56 | - Font family, size, and attributes |
| 57 | - Custom views for center button |
| 58 | - Animation and auto-scaling |
| 59 | - Start angle configuration |
| 60 | |
| 61 | ### Menu Item Customization |
| 62 | 📄 **Read:** [references/menu-item-customization.md](references/menu-item-customization.md) |
| 63 | - SfRadialMenuItem properties |
| 64 | - Text, images, and font icons |
| 65 | - Font customization (family, size, attributes) |
| 66 | - Colors (background, text) |
| 67 | - Size (ItemHeight, ItemWidth) |
| 68 | - Custom views for menu items |
| 69 | - Command binding |
| 70 | - Enable/disable states |
| 71 | |
| 72 | ### Layout and Segmentation |
| 73 | 📄 **Read:** [references/layout-segmentation.md](references/layout-segmentation.md) |
| 74 | - Default layout (sequential arrangement) |
| 75 | - Custom layout (indexed positioning) |
| 76 | - VisibleSegmentsCount property |
| 77 | - SegmentIndex for precise placement |
| 78 | - Use cases for different layout types |
| 79 | |
| 80 | ### Dragging and Rotation |
| 81 | 📄 **Read:** [references/dragging-rotation.md](references/dragging-rotation.md) |
| 82 | - Enabling drag functionality (IsDragEnabled) |
| 83 | - Rotation control (EnableRotation) |
| 84 | - Drag events (DragBegin) |
| 85 | - Restricting drag behavior |
| 86 | - Positioning the menu on parent layout |
| 87 | |
| 88 | ### Events |
| 89 | 📄 **Read:** [references/events.md](references/events.md) |
| 90 | - Navigation events (Navigating, Navigated) |
| 91 | - Opening/Closing events |
| 92 | - Center button events (CenterButtonBackTapped) |
| 93 | - Item interaction events (ItemTapped, TouchDown, TouchUP) |
| 94 | - Event arguments and cancellation |
People who liked this also viewed
6 picksType
- grill-with-docsA relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.SkillsJul 2026
- lark-minutes飞书妙记：搜索妙记、查看妙记基础信息、下载/上传音视频、读取或编辑妙记的产物内容、改标题、替换说话人/关键词、申请妙记查看/编辑权限。当给出minute_token、本地音视频文件，要查/改/转妙记产物，或用户明确要主动申请妙记权限时使用；本地音视频转纪要/逐字稿优先走本 skill，不要用 ffmpeg/whisper 本地转写。不负责：获取会议关联妙记，或仅按自然语言标题定位纪要SkillsJul 2026
- lark-markdown飞书 Markdown：查看、创建、上传、编辑和比较 Markdown 文件。当用户需要创建或编辑 Markdown 文件、读取、修改、局部 patch 或比较差异时使用。不负责将 Markdown 导入为飞书在线文档，也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。SkillsJul 2026
- docxUse this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', SkillsJul 2026
- edit-articleSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
- lark-note飞书会议纪要（Note）直查：已知 note_id 时查询纪要详情、展示类型、关联文档 token，并读取 unified 原始逐字记录。当用户已持有 note_id，或从文档显式 vc-node-id 获得 note_id 时使用。不负责会议/日程/妙记定位、文档标题搜索或 Docx 正文读取。SkillsJul 2026
