リボンデザイナー (MFC)

[アーティクル]
08/09/2011

リボンデザイナーを使用すると、MFC アプリケーションでリボンを作成してカスタマイズできます。リボンは、複数のコマンドを 1 つの論理グループにまとめたユーザーインターフェイス (UI) 要素です。これらのグループは、ウィンドウの上部に水平に並んで表示されるタブに別々に表示されます。リボンは、メニューバーとツールバーの代わりに表示されます。リボンは、アプリケーションの使用性を大幅に向上させます。詳細については、「リボン」を参照してください。リボンを次の図に示します。

MFC リボンリソースコントロール

Visual Studio の旧バージョンでは、リボンを作成するには CMFCRibbonBar クラスなどの MFC リボンクラスを使用するコードを記述する必要がありました。 Visual Studio 2010、リボンデザイナーがリボンを構築する別の方法を提供しています。最初に、作成し、リソースとして、リボンをカスタマイズします。次に、リボンリソースを MFC アプリケーションのコードから読み込みます。リボンリソースと MFC リボンクラスを同時に使用することもできます。たとえば、リボンリソースを作成しておき、実行時にコードを使用して要素を追加できます。

リボンデザイナーについて

リボンデザイナーは、リボンをリソースとして作成および保存します。リボンリソースを作成すると、リボンデザイナーによって次の 3 つの操作が行われます。

プロジェクトリソース定義スクリプト (*.rc) にエントリを追加する。次の例では、IDR_RIBBON はリボンリソースを識別する一意の名前、RT_RIBBON_XML はリボンリソースの種類、ribbon.mfcribbon-ms はリソースファイルの名前です。
```
IDR_RIBBON             RT_RIBBON_XML                      "res\\ribbon.mfcribbon-ms"
```
コマンド ID の定義を resource.h に追加する。
```
#define IDR_RIBBON            307
```
リボンのボタン、コントロール、および属性を定義する XML コードを含むリボンリソースファイル (*.mfcribbon-ms) を作成する。リボンデザイナーで行ったリボンの変更は、リソースファイルに XML として保存されます。次のコード例は、*.mfcribbon-ms ファイルの内容の一部を示しています。
```
  <RIBBON_BAR>
    <ELEMENT_NAME>RibbonBar</ELEMENT_NAME>
    <IMAGE>
      <ID>
        <NAME>IDB_BUTTONS</NAME>
        <VALUE>113</VALUE>
      </ID> …
```

MFC アプリケーションでリボンリソースを使用するには、CMFCRibbonBar::LoadFromResource を呼び出してリボンリソースを読み込みます。

リボンデザイナーを使用したリボンの作成

リボンリソースを MFC プロジェクトに追加する方法は 2 つあります。

MFC アプリケーションを作成し、リボンを作成するように MFC プロジェクトウィザードを構成する。詳細については、「チュートリアル: MFC によるリボンアプリケーションの作成」を参照してください。
既存の MFC プロジェクトにリボンリソースを作成し、それを読み込む。詳細については、「チュートリアル: MFC Scribble アプリケーションの更新 (パート 1)」を参照してください。

プロジェクトに手動でコード化されたリボンが既に存在する場合でも、MFC には既存のリボンをリボンリソースに変換するために使用できる機能が用意されています。詳細については、「方法: 既存の MFC リボンをリボンリソースに変換する」を参照してください。

注意

リボンはダイアログベースのアプリケーションには作成できません。詳細については、「[アプリケーションの種類] (MFC アプリケーションウィザード)」を参照してください。

リボンのカスタマイズ

リボンデザイナーでリボンを開くには、リソースビューでリボンリソースをダブルクリックします。デザイナーでは、リボン、アプリケーションボタン、またはクイックアクセスツールバーに対する要素の追加、削除、およびカスタマイズを実行できます。さらに、イベント (ボタンクリックイベントやメニューイベントなど) をアプリケーション内のメソッドにリンクできます。

リボンデザイナーのさまざまなコンポーネントを次の図に示します。

MFC リボンデザイナー

**ツールボックス:**デザイナー画面にドラッグできるコントロールが含まれています。
**デザイナー画面:**リボンリソースの視覚的な表現が含まれています。
**プロパティウィンドウ:**デザイナー画面に選択されている項目の属性を一覧表示します。
**リソースビューウィンドウ:**リボンのリソースをプロジェクトに含めるリソースを表示します。
**リボンエディターツールバー:**リボンのプレビューし、その視覚的テーマを変更するコマンドが含まれています。

次のトピックでは、リボンデザイナーの機能の使用方法について説明します。

リボン要素の定義

MFC リボン

**アプリケーションボタン:**リボンの左上隅に表示されるボタン。アプリケーションボタンは [ファイル] メニューの代わりに表示され、リボンが最小化されている場合でも表示されます。このボタンをクリックすると、コマンドリストを含むメニューが表示されます。
**クイックアクセスツールバー:**頻繁に表示する小さな、カスタマイズ可能なツールバーコマンドを使用します。
カテゴリ:リボンタブの内容を表す論理グループ。
**カテゴリの既定のボタン:**このボタンはリボンを最小化すると、リボンに表示されます。このボタンをクリックすると、カテゴリがメニューとして再表示されます。
**パネル:**関連するコントロールのグループを表示するリボンバーの領域。すべてのリボンカテゴリには、1 つ以上のリボンパネルが含まれます。
**リボン要素:**パネルでは、たとえば、ボタンとコンボボックスを制御します。リボンにホストできるさまざまなコントロールを確認するには、「RibbonGadgets サンプル:リボンガジェットアプリケーション」を参照してください。

参照

その他の技術情報

ユーザーインターフェイス

リソースファイルの操作

リボン デザイナー (MFC)

リボン デザイナーについて

リボン デザイナーを使用したリボンの作成