次の方法で共有


リボン デザイナー

更新 : 2011 年 5 月

リボン デザイナーは、ビジュアルなデザイン キャンバスです。 リボン デザイナーを使用すると、Microsoft Office アプリケーションのリボンに、カスタムのタブ、グループ、およびコントロールを追加できます。

対象: このトピックの情報は、Excel 2007 と Excel 2010、InfoPath 2010、Outlook 2007 と Outlook 2010、PowerPoint 2007 と PowerPoint 2010、Project 2010、Visio 2010、および Word 2007 と Word 2010 のドキュメント レベルのプロジェクトおよびアプリケーション レベルのプロジェクトに適用されます。詳細については、「Office アプリケーションおよびプロジェクト タイプ別の使用可能な機能」を参照してください。

リボン デザイナーを開くには、プロジェクトにリボン (ビジュアル デザイナー) 項目を追加します。 その後、デザイン ツールを使用して、以下のタスクを実行できます。

  • リボン レイアウトのデザイン

  • イベントの処理とコントロール プロパティの設定

  • Microsoft Office ボタン メニューのカスタマイズ

注意

リボン デザイナーでは行うことのできないタスクがあります。 該当するタスクと、それらのタスクを実現する方法の詳細については、「リボンの概要」を参照してください。

ビデオへのリンク 関連のビデオ デモについては、「How Do I: Use the Ribbon Designer to Customize the Ribbon in Outlook? (操作方法: リボン デザイナーを使用して Outlook のリボンをカスタマイズする)」を参照してください。

プロジェクトへのリボン (ビジュアル デザイナー) 項目の追加

リボン デザイナーを使用するには、プロジェクトに新しいリボン (ビジュアル デザイナー) 項目を追加します。 詳細については、「方法 : リボンのカスタマイズの概要」を参照してください。

新しいリボン (ビジュアル デザイナー) 項目を追加すると、Visual Studio により、次のファイルがプロジェクトに自動的に追加されます。

  • リボン コード ファイル。 このファイルの名前は、[新しい項目の追加] ダイアログ ボックスでリボン (ビジュアル デザイナー) 項目に指定した名前になります。 このファイルには、リボンのイベントを処理するコードを追加します。

  • リボン デザイナー コード ファイル。 このファイルには、リボン デザイナーによって生成されるコードが格納されます。直接編集することはできません。

  • リソース ファイル。 このファイルには、リボンの各コントロールのプロパティ値が格納されます。

別のプロジェクトに既存のリボン (ビジュアル デザイナー) 項目がある場合は、[既存項目の追加] ダイアログ ボックスを使用して、その項目を現在のプロジェクトで再利用できます。

リボンのデザイン

リボン デザイナーを開くには、次の 3 つの方法があります。

  • ソリューション エクスプローラーでリボン コード ファイルをダブルクリックします。

  • ソリューション エクスプローラーで、リボン コード ファイルを右クリックし、[デザイナーの表示] をクリックします。

  • ソリューション エクスプローラーでリボン コード ファイルを選択し、[表示] メニューの [デザイナー] をクリックします。

リボン デザイナーには、既定のタブとグループがあります。 既定のタブとグループは、リボン デザイナーから削除することができます。 既定のグループを削除するには、[Group1] を右クリックし、[削除] をクリックします。 既定のタブを削除するには、デザイン サーフェイス上の空の領域を右クリックし、[リボン タブの削除] をクリックします。

リボン デザイナーにカスタム タブ、グループ、およびコントロールを追加することもできます。 これらのコントロールは、ツールボックス[Office リボン コントロール] グループに含まれています。 [Office リボン コントロール] グループからリボン デザイナーにコントロールを追加するには、次の 3 つの方法があります。

  • リボン デザイナーの適切な領域にコントロールをドラッグします。

  • コントロールをクリックし、リボン デザイナーの適切な領域をクリックします。

  • デザイナーの適切な領域を選択し、ツールボックスにあるコントロールをダブルクリックします。

リボン デザインのワークフロー

リボンのレイアウトをデザインするときの基本的な手順は次のとおりです。

  1. リボンへのカスタム タブの追加

  2. タブへのグループの追加

  3. グループへのコントロールの追加

コントロールのドロップ操作を行うことができるのは、グループだけです。タブやリボンに対してコントロールを直接ドラッグすることはできません。 グループのドロップ操作を行うことができるのは、タブだけです。リボンに対してグループを直接ドラッグすることはできません。

コントロールを正確な位置にドラッグして、配置します。 [プロパティ] ウィンドウを使用してコントロールのプロパティを設定することもできます。

コントロールは、リボン上のタブ間でドラッグすることはできません。 コントロールを別のタブに移動するには、[切り取り] コマンドを使用してタブからコントロールを切り取り、別のタブに貼り付ける必要があります。 コントロールを切り取って貼り付けると、イベント ハンドラーは動作を停止します。 イベント ハンドラーに再接続するには、[プロパティ] ウィンドウを使用します。 詳細については、「[プロパティ] ウィンドウ」を参照してください。

リボンへのカスタム タブの追加

リボンにカスタム タブを追加するには、次の 3 つの方法があります。

  • ツールボックスからタブを追加します。

  • リボン デザイナーを右クリックし、[リボン タブの追加] をクリックします。

  • タブ コレクション エディターを開き、[追加] をクリックします。

    タブ コレクション エディターを開くには、[プロパティ] ウィンドウで [タブ] プロパティを選択し、省略記号ボタン ASP.NET モバイル デザイナー楕円 をクリックします。

タブを追加すると、グループを追加してコントロールを含めることができます。

リボンからのカスタム タブの削除

リボンからカスタム タブを削除するには、次の 3 つの方法があります。

  • デザイナーを右クリックし、[リボン タブの削除] をクリックします。

  • [プロパティ] ウィンドウのコマンド ペインで、[リボン タブの削除] をクリックします。

  • タブ コレクション エディターを開き、タブを選択して、[削除] をクリックします。

リボンのタブの位置の変更

リボンのカスタム タブの順序を変更できます。 また、リボン上の組み込みタブの前または後ろにカスタム タブを配置することもできます。 詳細については、「方法: リボンのタブの位置を変更する」を参照してください。

リボンの組み込みタブのカスタマイズ

組み込みタブは、Microsoft Office アプリケーションのリボンに用意されているタブです。 たとえば、[データ] タブは、Excel の組み込みタブです。

組み込みタブには、グループやコントロールを追加できます。 既定では、カスタム グループは組み込みタブの最後のグループとして表示されます。ただし、タブ上で組み込みグループの前または後ろにカスタム グループを配置することができます。

組み込みグループを削除することはできません。

組み込みタブをカスタマイズする方法の詳細については、「方法 : 組み込みタブをカスタマイズする」を参照してください。

タブへのグループの追加

グループを使用すると、リボンのコントロールを論理的に整理できます。 タブにグループを追加します。 グループに、他のすべてのコントロールを追加します。

グループへのコントロールの追加

グループに 1 つ以上のコントロールを追加します。 各コントロールの説明を次の表に示します。

コントロール

説明

Box

グループ内のコントロールを整理するコンテナー。 区分線、グループ、タブを除き、任意のコントロールを追加できます。 ボックスは水平または垂直にできます。

Button

アクションを起動するボタン。 ボタンは、グループ、ボタン グループ、ドロップダウン リスト、ギャラリ、メニュー、分割ボタンのいずれかに追加できます。

ButtonGroup

1 つ以上のボタン、トグル ボタン、メニュー、分割ボタン、ギャラリを含むグループ。 ボタン グループは、グループまたはメニューに追加できます。

CheckBox

オンまたはオフにしてオプションの有効/無効を切り換えるボックス。

ComboBox

リスト ボックスが付属したエディット ボックス。 ユーザーは、選択内容を入力したり、選択したりできます。 ボックスには、現在の選択項目が表示されます。 実行時に、リボンが Office アプリケーションに読み込まれる前または読み込まれた後に項目の追加や削除を行うには、Items プロパティを使用します。

DropDown

ユーザーが選択できる項目の一覧。 ユーザーがドロップダウン リストに新しい項目を入力することはできません。

一覧に項目を追加するには、Items プロパティを使用します。 項目の追加や削除は、実行時に行うことができます。

一覧にボタンを追加するには、Buttons プロパティを使用します。 ただし、リボンが Office アプリケーションに読み込まれた後に、実行時にボタンの追加や削除を行うことはできません。

EditBox

ユーザーがテキストを入力できるボックス。

Gallery

ユーザーが選択できる項目を配列やグリッドで視覚的に示すメニュー。 メニューの選択項目のレイアウトを調整できます。 ギャラリの項目やボタンを表示する行や列の数を指定するには、ColumnCount プロパティと RowCount プロパティを使用します。

Label

リボン上のコントロールの識別に使用できるテキスト。

Menu

ドロップダウン リスト。次のいずれかのコントロールを含めることができます。

  • ボタン

  • チェック ボックス

  • ギャラリー

  • メニュー

  • 分割ボタン

  • トグル ボタン

  • 区分線

リボン デザイナーのメニューにコントロールを追加するには、メニューの下向き矢印をクリックし、メニューのデザイン サーフェイスを開きます。 ツールボックスからメニューにリボン コントロールをドラッグできます。 コントロールを並べ替えるには、コントロールを目的の位置にドラッグします。

リボンが Office アプリケーションに読み込まれた後でコントロールを RibbonMenu に追加する場合は、リボンを読み込む前に Dynamic プロパティを true に設定する必要があります。 この方法については、「リボン オブジェクト モデルの概要」を参照してください。

Separator

一覧内の項目を分割するために使用する細いバー。 グループに追加すると、バーは垂直に表示されます。 メニュー追加すると、バーは水平に表示されます。

SplitButton

メニューが付属したボタン。 以下の任意のコントロールを含めることができます。

  • ボタン

  • チェック ボックス

  • ギャラリー

  • メニュー

  • 分割ボタン

  • トグル ボタン

  • 区分線

メニューと同様に、分割ボタンにも独自のデザイン サーフェイスがあります。 ただし、メニューとは異なり、分割ボタンにある項目を更新することができるのは、リボンが Office アプリケーションに読み込まれる前だけです。 分割ボタンの項目を更新する方法の詳細については、「リボン オブジェクト モデルの概要」を参照してください。

ToggleButton

押された状態または押されていない状態で表示されるボタン。

イベントの処理とプロパティの設定

リボン デザイナーでは、[プロパティ] ウィンドウを使用して、デザイン時にコントロールのプロパティを設定できます。 さらに、リボンでは、厳密に型指定されたオブジェクト モデルを公開します。このモデルを使用して、実行時にリボン コントロールのプロパティに対して取得や設定を行うことができます。

デザイナー上の任意のコントロールをダブルクリックすると、そのコントロールの既定のイベントのイベント ハンドラーが開きます。 [プロパティ] ウィンドウを使用して、他のすべてのコントロール イベントのイベント ハンドラーを作成できます。

リボンのイベントとプロパティは、Microsoft.Office.Tools.Ribbon 名前空間に格納されています。 リボン (ビジュアル デザイナー) 項目は、プロジェクト内のこのアセンブリに参照を自動的に追加し、リボン コード ファイルの先頭に適切な using ステートメントまたは Imports ステートメントを挿入します。

実行時におけるリボンのイベントの処理、リボン コントロールのプロパティの設定に関する詳細については、リボン オブジェクト モデルの概要」を参照してください。

Microsoft Office メニューのカスタマイズ

リボン デザイナーを使用して、[ファイル] タブ (Microsoft Office 2010 の場合) または Microsoft Office ボタン (Microsoft Office system の場合) をクリックしたときに表示されるメニューにコントロールを追加できます。

メニューをカスタマイズする方法の詳細については、「方法 : Microsoft Office メニューをカスタマイズする」を参照してください。

リボン デザイナーでのユーザー補助

キーボード ショートカットを使用して、リボン デザイナーのコントロールを移動できます。 キーボード ショートカットには、すべてのコントロールに適用されるものと、メニューを備えたコントロールにのみ適用されるものがあります。

すべてのコントロールに適用されるキーボード ショートカットを、次の表に示します。

アクション

キーボード ショートカット

一覧内の直前のコントロールの前に、コントロールを移動します。

Ctrl + 上方向 (↑) キー

Ctrl + 左方向 (←) キー

一覧内の次のコントロールの後ろに、コントロールを移動します。

Ctrl + 下方向 (↓) キー

Ctrl + 右方向 (→) キー

コントロールでの選択を、同じグループ内の別のコントロールに移動します。 ドロップダウン パネルの場合は、親コントロールとドロップダウン パネル内のコントロールの間で移動します。

上方向 (↑) キー

下方向 (↓) キー

すべてのコントロールを通して前方に進む処理を反復します。

Tab

すべてのコントロールを通して後方に進む処理を反復します。

Shift + Tab

選択したコントロール (1 つまたは一連のコントロール) を削除します。

Del

選択したコントロールをコピーします。

Ctrl + C

選択したコントロールを切り取ります。

Ctrl + X

クリップボードからコントロールを貼り付けます。

Ctrl + V

ツールボックスを選択します。

Ctrl + Alt + X

親コンポーネントを選択します。

Esc

Microsoft Office メニュー、RibbonMenu、および RibbonSplitButton にのみ適用されるキーボード ショートカットを、次の表に示します。

アクション

キーボード ショートカット

ドロップダウン パネルが開いていて、パネル上で選択されているコントロールがある場合は、その親コントロールを選択します。

左方向 (←) キー

ドロップダウン パネルが開いていて、親コントロールが選択されている場合は、ドロップダウン パネルを閉じます。

左方向 (←) キー

ドロップダウン パネルを開きます。

右方向 (→) キー

ドロップダウン パネルが開いている場合は、そのパネルにある最初のコントロールを選択します。

右方向 (→) キー

ドロップダウン パネルを閉じます。

Esc

参照

処理手順

チュートリアル : リボン デザイナーを使用したカスタム タブの作成

方法 : リボンをリボン デザイナーからリボン XML にエクスポートする

方法 : リボンのカスタマイズの概要

概念

リボンの概要

リボン XML

実行時のリボンへのアクセス

履歴の変更

日付

履歴

理由

2011 年 5 月

リボン上の組み込みタブの前または後ろへのカスタム タブの配置に関する情報を追加しました。

カスタマー フィードバック