此章节提供创建基本径向图标的步骤。通过此指南你将会学到怎么使用Show方法在表单上显示径向菜单和怎么添加
RadialMenuItems 和子RadialMenuItems。一旦完成下面的步骤,径向菜单会如下所示:
C1RadialMenu指南步骤1:添加第一个菜单和子菜单项目
通过使用表哦但设计器或者编程,C1RadialMenu组件能够被添加到表单。无论使用设计器或编程,都需要调用Show方法在运行应用程序时显示C1RadialMenu。
完成下面步骤向C1Radial添加RadialMenuItems:
- 从工具箱添加C1RadialMenu组件到表单上
添加如下代码调用C1Radial.ShowMenu方法在运行应用程序时制作C1RadialMenu
C#
c1RadialMenu1.ShowMenu(this, new Point(350, 350));
Visual Basic
c1RadialMenu1.ShowMenu(Me, New Point(350, 350))
- 右击C1RadialMenu组件选择Properties。
- 点击Items属性旁边的省略号按钮。RadialMenuItemBase集合编辑器打开。
- 点击Add下拉框选择RadialMenuItem。重复此步骤5次这样将会由6个RadialMenuItem。
- 选择radialMenuItem1 设置Text属性为Locations, ToolTip 为International and local C1 sites, Name为rmiLocale。。
- 选择 Image 属性旁边的省略号按钮,Select Resource 对话框将会出现。
- 点击 Import按钮定位想要添加到工程资源文件里的图片文件。
- 在工程资源文件中:在工程资源文件中: 下拉框选中图片比如 flag_generic, 然后点击OK.
- 选择 rmiLocale 并点击Items 属性旁边的省略号按钮。RadialMenuItemBase Collection Editor出现。
- 点击Add 下拉框按钮和RadialMenuItem。重复6次。这些菜单项是radialMenuItem1的子菜单。
- 选择radialMenuItem7 并设置其ToolTip为USA and International,Name为rmiUS.
- 选择Image 属性旁边的省略号按钮。Select Resource 对话框出现。
- 在工程资源文件中:在工程资源文件中: 下拉框选择图片比如, flag_usa, 然后点击OK.
- 选中 RadialMenuItem1 设置它的 ToolTip属性为Disabled item , Enabled 属性为 False.
- 选择第三个菜单项radialMenuItem8, 设置它的ToolTip属性为China, Name为 rmiChina, UserData为locale.
- 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
- 在工程资源文件中:下拉框选择图片,比如 flag_china,然后点击OK。
- 选中 radialMenuItem9 设置其ToolTip 属性为Japan, Name 属性为 rmiJapan, UserData 属性为locale.
- 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
- 在工程资源文件中:下拉框选择图片,比如 flag_japan, 然后点击OK。
- 选中radialMenuItem10 设置其ToolTip 属性为India, Name 属性为rmiIndia, UserData 属性为locale.
- 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
- 在工程资源文件中:下拉框选择图片,比如 flag_india, 然后点击OK。
- 选中 radialMenuItem11 设置其ToolTip 属性为 South Korea, Name 属性为属性为 rmiSouthKorea, UserData属性为locale.
- 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
- 在工程资源文件中:下拉框选择图片,比如 flag_south_korea, 然后点击OK。
- 选中radialMenuItem12设置其ToolTip 属性为Disabled,,Enabled 属性为False.
- 点击OK保存并关闭RadialMenuItemBase Collection Editor.
- 运行工程观察:
点击或者轻敲箭头和别的径向菜单将会有子RadialMenuItems 出现。
你可以点击中心返回按钮箭头导航回RadialMenuItem 之前的Locations。
C1RadialMenu指南步骤2:添加第二个菜单和子菜单项目
这一步,你将会向已存在的Products菜单添加子菜单项。
- 在RadialMenu属性窗口点击Items属性旁边的省略号按钮。RadialMenuBaseItem集合编辑器出现。
- 从Members列表中选中radialMenuItem2,设置其Name属性为 rmiProducts,Text属性为Products。
- 点击Items属性旁边的省略号按钮。RadialMenuBaseItem 集合编辑器打开。
- 点击Add下拉框按钮选中RadialMenuItem。重复此步骤直到有6个RadialMenuItem。
- 选中第一个成员radialMenuItem2,设置其Image属性为ultLogo_32,ToolTip 属性为Studio Ultimate, Name 属性为rmiStuUlt。
- 选中第二个成员radialMenuItem7,设置其Image属性为seLogo_32, ToolTip 属性为Studio Enterprise,Name属性为rmiStuEnt.
- 选中第三个成员radialMenuItem8,设置其Image属性为c1powersuite_logo_32, ToolTip 属性为Enterpriseready reporting and spreadsheets controls for .NET applications, Name 属性为rmiStuPower.
- 选中第四个成员radialMenuItem9,设置其Image属性为winformsLogo_321, Tooltip 属性为Studio for WinForms, Name 属性为rmiStuWinForms.
- 选中第五个成员radialMenuItem10,设置其Image属性为wpfLogo_32, ToolTip 属性为Studio for WPF, Name 属性为rmiStuWPF.
- 选中第六个成员radialMenuItem11,设置其Image属性为aspLogo_32, ToolTip 属性为Studio for ASP.NET Wijmo,Name属性为rmiStuWijmo.
- 点击OK保存并关闭RadialMenuItemBase 集合编辑器。
- 点击OK保存并关闭RadialMenuItemBase 集合编辑器。 13. 运行工程如下所示:
注意第二个RadialMenuItem, Products已经被添加。点击 Products 菜单,其子菜单项目将会如下所示:
注意当鼠标悬停在菜单项时,工具提示将会显示。点击返回按钮可以回到主径向菜单。