Menus and Toolbars for WinForms
手順1:最初のメニューとサブメニュー項目の追加
ラジアルメニューの概要 > C1RadialMenuチュートリアル > 手順1:最初のメニューとサブメニュー項目の追加

フォームのデザイナまたはプログラムを使用して、C1RadialMenu コンポーネントをフォームに追加することができます。アプリケーションの実行時に C1RadialMenu を表示するには、設計時とプログラムのどちらの方法でも、Show メソッドを呼び出す必要があります。

C1Radial に RadialMenuItems を追加するには、次の手順に従います。

  1. 新しい Windows フォームプロジェクトを作成します。
  2. ツールボックスからフォームに C1RadialMenu コンポーネントを追加します。
  3. アプリケーションの実行時に C1RadialMenu を表示するには、次のコードを追加して Show メソッドを呼び出します。
    C#
    コードのコピー
    c1RadialMenu1.ShowMenu(this, new Point(350, 350));
    
    Visual Basic
    コードのコピー
    c1RadialMenu1.ShowMenu(Me, New Point(350, 350))
    
  1. C1RadialMenu コンポーネントを右クリックし、[プロパティ]を選択します。
  2. Items プロパティの横の省略符ボタンをクリックします。RadialMenuItemBase コレクションエディタが表示されます。
  3. [追加]ドロップダウンボタンをクリックし、RadialMenuItem を選択します。これをさらに5回繰り返して、6個の RadialMenuItem を作成します。

  1. radialMenuItem1 を選択し、Text プロパティを Locations に、ToolTipInternational and local C1 sites に、NamermiLocale に設定します。
  2. Image プロパティの横の省略符ボタンを選択します。[リソースの選択]ダイアログボックスが表示されます。
  3. [インポート]ボタンをクリックして、Project リソースファイルに追加する画像ファイルを見つけます。
  4. [プロジェクトリソースファイル]ドロップダウンリストボックスで、画像(flag_generic など)を選択し、[OK]をクリックします。
  5. rmiLocale を選択し、Items プロパティの横にある省略符ボタンをクリックします。RadialMenuItemBase コレクションエディタが表示されます。
  6. [追加]ドロップダウンボタンをクリックし、RadialMenuItem をクリックします。これを6回繰り返します。これらのメニュー項目は、radialMenuItem1 のサブメニュー項目になります。
  7. radialMenuItem7 を選択し、ToolTip を「USA and International」に、Name を rmiUS に設定します。
  8. Image プロパティの横の省略符ボタンを選択します。[リソースの選択]ダイアログボックスが表示されます。
  9. [プロジェクトリソースファイル]ドロップダウンリストボックスで、画像(flag_usa など)を選択し、[OK]をクリックします。
  10. RadialMenuItem1 を選択し、ToolTip プロパティを Disabled 項目に、Enabled プロパティを False に設定します。
  11. 3番目のメニュー項目 radialMenuItem8 を選択し、ToolTip プロパティを China に、NamermiChina に、UserDatalocale に設定します。
  12. Image プロパティの横の省略符ボタンを選択します。[リソースの選択]ダイアログボックスが表示されます。
  13. [プロジェクトリソースファイル]ドロップダウンリストボックスで、画像(flag_china など)を選択し、[OK]をクリックします。
  14. radialMenuItem9 を選択し、ToolTip プロパティを Japan に、Name プロパティを rmiJapan に、UserData プロパティを locale に設定します。
  15. Image プロパティの横の省略符ボタンを選択します。[リソースの選択]ダイアログボックスが表示されます。
  16. [プロジェクトリソースファイル]ドロップダウンリストボックスで、画像(flag_japan など)を選択し、[OK]をクリックします。
  17. radialMenuItem10 を選択し、ToolTip プロパティを India に、Name プロパティを rmiIndia に、UserDatalocale に設定します。
  18. Image プロパティの横の省略符ボタンを選択します。[リソースの選択]ダイアログボックスが表示されます。
  19. [プロジェクトリソースファイル]ドロップダウンリストボックスで、画像(flag_india など)を選択し、[OK]をクリックします。
  20. radialMenuItem11 を選択し、ToolTip プロパティを South Korea に、Name プロパティを rmiSouthKorea に、UserData プロパティを locale に設定します。
  21. Image プロパティの横の省略符ボタンを選択します。[リソースの選択]ダイアログボックスが表示されます。
  22. [プロジェクトリソースファイル]ドロップダウンリストボックスで、画像(flag_south_korea など)を選択し、[OK]をクリックします。
  23. radialMenuItem12 を選択し、ToolTip プロパティを Disabled 項目に、Enabled プロパティを False に設定します。
  24. [OK]をクリックして保存し、RadialMenuItemBase コレクションエディタを閉じます。
  25. プロジェクトを実行すると、次のようになります。

矢印をクリックまたはタップすると、別の Radial メニューに Locations RadialMenuItem のサブ RadialMenuItem が表示されます。

中央の戻るボタン矢印をクリックすると、前の Locations RadialMenuItem に戻ることができます。

関連トピック