Ribbon for WinForms
手順 2:リボンアイテムを追加する
クイックスタート > 手順 2:リボンアイテムを追加する

フォームに C1Ribbon コントロールを追加すると、リボンには1つのグループが入った1つのタブがすでに追加されています。このトピックでは、グループにリボンアイテムを追加し、スマートデザイナを使用してそのプロパティを変更する方法を示します。

以下の手順を実行します。

  1. リボングループにツールバーを追加する
    1. リボングループをクリックしてこのアイテムをアクティブにし、グループのフローティングツールバーを有効にします。
    2. アクション]ボタンをクリックします。アクションのリストが表示されます。
    3. ツールバーの追加]を選択します。

    1つのボタンを含むツールバーがグループに追加されます。
  2. トグルボタンを1つ追加し、そのプロパティを変更する
    1. ツールバーをクリックしてそのアイテムをアクティブにします。フローティングツールバーも有効にされ、以下の手順を実行します。
    2.  フローティングツールバーから、[アクション]ボタンをクリックし、[トグルボタンの追加]を選択します。
      ツールバーにトグルボタンが追加されます。
    3. ToggleButton1 のフローティングツールバーから、[画像の変更]ボタンをクリックします。[画像の変更]ダイアログボックスが表示されます。

    4. 小画像(16x16)]ドロップダウンリストから、[Bold]を選択します。
    5. ToggleButton1 のフローティングツールバーから、[テキストの設定]ボタンをクリックします。[テキストの設定]ダイアログボックスが表示されます。
    6. テキストの設定]ダイアログボックスで、以下のプロパティを設定します。
      • [テキスト]を削除します。
      • [ツールチップ]を「太字」に設定します。
  3. ツールバーに入っていた最初のボタンを削除する
    リボンツールバーにはすでに1つのボタンが含まれています。このツールバーには3つのトグルボタンを含める予定であるため、以下の手順を実行してボタンを削除します。
    1. RibbonButton1 を選択してこのアイテムをアクティブにし、アイテムのフローティングツールバーを有効にします。
    2. アクション]ボタンをクリックし、[削除]を選択して、ツールバーからボタンを削除します。

    これで、ツールバーにはトグルボタンが1つ含まれているはずです。
  4. 2つめのトグルボタンを追加し、そのプロパティを変更する
    ツールバーをクリックし、そのアイテムをアクティブにします。フローティングツールバーも有効にします。
    1. フローティングツールバーから、[アクション]ボタンをクリックし、[トグルボタンの追加]を選択します。
      Tツールバーに2つめのトグルボタンが追加されます。
    2. トグルボタンのフローティングツールバーを使用し、ToggleButton2 のプロパティを変更します。ToggleButton2 をクリックし、フローティングツールバーをアクティブにし、以下のタスクを実行します。
      • 画像を[小画像(16x16)]の[Italic]プリセット画像に設定します。
      • [テキスト]を削除します。
      • [ツールチップ]を「斜体」に設定します。
  5. 3つめのトグルボタンを追加し、そのプロパティを変更する
    ツールバーをクリックし、そのアイテムをアクティブにします。フローティングツールバーも有効にされ、以下の手順を実行します。
    1. フローティングツールバーから、[アクション]ボタンをクリックし、[トグルボタンの追加]を選択します。
      ツールバーに3つめのトグルボタンが追加されます。
    2. トグルボタンのフローティングツールバーを使用し、ToggleButton3 のプロパティを変更します。ToggleButton3 をクリックし、フローティングツールバーをアクティブにし、以下のタスクを実行します。
      • 画像を[小画像(16x16)]の[Underline]プリセット画像に設定します。
      • [テキスト]を削除します。
      • [ツールチップ]を「下線」に設定します。

リボングループは次のような表示になります。



これで、グループにリボンアイテムが追加され、そのプロパティが正常に変更されました。次の手順では、RibbonGroup1 の3つのトグルボタンにイベントハンドラを追加します。