页面树结构
转至元数据结尾
转至元数据起始

此章节提供创建基本径向图标的步骤。通过此指南你将会学到怎么使用Show方法在表单上显示径向菜单和怎么添加
RadialMenuItems 和子RadialMenuItems。一旦完成下面的步骤,径向菜单会如下所示:

C1RadialMenu指南步骤1:添加第一个菜单和子菜单项目
通过使用表哦但设计器或者编程,C1RadialMenu组件能够被添加到表单。无论使用设计器或编程,都需要调用Show方法在运行应用程序时显示C1RadialMenu。
完成下面步骤向C1Radial添加RadialMenuItems:

  1. 从工具箱添加C1RadialMenu组件到表单上
  2. 添加如下代码调用C1Radial.ShowMenu方法在运行应用程序时制作C1RadialMenu

    C#

    c1RadialMenu1.ShowMenu(this, new Point(350, 350));

    Visual Basic

    c1RadialMenu1.ShowMenu(Me, New Point(350, 350))

  3. 右击C1RadialMenu组件选择Properties。
  4. 点击Items属性旁边的省略号按钮。RadialMenuItemBase集合编辑器打开。
  5. 点击Add下拉框选择RadialMenuItem。重复此步骤5次这样将会由6个RadialMenuItem。

  1. 选择radialMenuItem1 设置Text属性为Locations, ToolTipInternational and local C1 sites, NamermiLocale。。
  2. 选择 Image 属性旁边的省略号按钮,Select Resource 对话框将会出现。
  3. 点击 Import按钮定位想要添加到工程资源文件里的图片文件。
  4. 在工程资源文件中:在工程资源文件中: 下拉框选中图片比如 flag_generic, 然后点击OK.
  5. 选择 rmiLocale 并点击Items 属性旁边的省略号按钮。RadialMenuItemBase Collection Editor出现。
  6. 点击Add 下拉框按钮和RadialMenuItem。重复6次。这些菜单项是radialMenuItem1的子菜单。
  7. 选择radialMenuItem7 并设置其ToolTip为USA and International,Name为rmiUS.
  8. 选择Image 属性旁边的省略号按钮。Select Resource 对话框出现。
  9. 在工程资源文件中:在工程资源文件中: 下拉框选择图片比如, flag_usa, 然后点击OK.
  10. 选中 RadialMenuItem1 设置它的 ToolTip属性为Disabled itemEnabled 属性为 False.
  11. 选择第三个菜单项radialMenuItem8, 设置它的ToolTip属性为China, NamermiChina, UserDatalocale.
  12. 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
  13. 在工程资源文件中:下拉框选择图片,比如 flag_china,然后点击OK。
  14. 选中 radialMenuItem9 设置其ToolTip 属性为Japan, Name 属性为 rmiJapan, UserData 属性为locale.
  15. 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
  16. 在工程资源文件中:下拉框选择图片,比如 flag_japan, 然后点击OK。
  17. 选中radialMenuItem10 设置其ToolTip 属性为India, Name 属性为rmiIndia, UserData 属性为locale.
  18. 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
  19. 在工程资源文件中:下拉框选择图片,比如 flag_india, 然后点击OK。
  20. 选中 radialMenuItem11 设置其ToolTip 属性为 South Korea, Name 属性为属性为 rmiSouthKorea, UserData属性为locale.
  21. 选择Image 属性旁边的省略号按钮 。Select Resource 对话框出现。
  22. 在工程资源文件中:下拉框选择图片,比如 flag_south_korea, 然后点击OK。
  23. 选中radialMenuItem12设置其ToolTip 属性为Disabled,,Enabled 属性为False.
  24. 点击OK保存并关闭RadialMenuItemBase Collection Editor.
  25. 运行工程观察:


点击或者轻敲箭头和别的径向菜单将会有子RadialMenuItems 出现。

你可以点击中心返回按钮箭头导航回RadialMenuItem 之前的Locations
C1RadialMenu指南步骤2:添加第二个菜单和子菜单项目
这一步,你将会向已存在的Products菜单添加子菜单项。

    1. RadialMenu属性窗口点击Items属性旁边的省略号按钮。RadialMenuBaseItem集合编辑器出现。
    2. Members列表中选中radialMenuItem2,设置其Name属性为 rmiProducts,Text属性为Products
    3. 点击Items属性旁边的省略号按钮。RadialMenuBaseItem 集合编辑器打开。
    4. 点击Add下拉框按钮选中RadialMenuItem。重复此步骤直到有6个RadialMenuItem。
    5. 选中第一个成员radialMenuItem2,设置其Image属性为ultLogo_32,ToolTip 属性为Studio Ultimate, Name 属性为rmiStuUlt。
    6. 选中第二个成员radialMenuItem7,设置其Image属性为seLogo_32, ToolTip 属性为Studio Enterprise,Name属性为rmiStuEnt.
    7. 选中第三个成员radialMenuItem8,设置其Image属性为c1powersuite_logo_32, ToolTip 属性为Enterpriseready reporting and spreadsheets controls for .NET applications, Name 属性为rmiStuPower.
    8. 选中第四个成员radialMenuItem9,设置其Image属性为winformsLogo_321, Tooltip 属性为Studio for WinForms, Name 属性为rmiStuWinForms.
    9. 选中第五个成员radialMenuItem10,设置其Image属性为wpfLogo_32, ToolTip 属性为Studio for WPF, Name 属性为rmiStuWPF.
    10. 选中第六个成员radialMenuItem11,设置其Image属性为aspLogo_32, ToolTip 属性为Studio for ASP.NET Wijmo,Name属性为rmiStuWijmo.
    11. 点击OK保存并关闭RadialMenuItemBase 集合编辑器。
    12. 点击OK保存并关闭RadialMenuItemBase 集合编辑器。 13. 运行工程如下所示:


注意第二个RadialMenuItem, Products已经被添加。点击 Products 菜单,其子菜单项目将会如下所示:

注意当鼠标悬停在菜单项时,工具提示将会显示。点击返回按钮可以回到主径向菜单。

  • 无标签