このトピックは、Office 2013 のリボン機能およびスタイルについての概要を説明し、Office 2010 との違いについても説明します。
このトピックは、以下のセクションで構成されます。
マイクロソフトは、Office 2013 リリースでリボンの新しいバージョンを導入しました。Office 2013 のリボンは旧バージョンのリボンと類似していますが、新たなカラー スキームやさまざまなスタイルなどの特徴があります。
UltraToolbarsManager コンポーネントではすでに、Office 2007、Office 2010、Scenic Ribbons を再現する複数のビュー スタイルがサポートされています。Office 2013 のリボン機能には、現在のリボン デザインに変更されたスタイルのほとんどが反映されています。
Office 2013 のリボン
UltraToolbarsManager.Style プロパティを使用して Office 2013 スタイルでリボンを設定します。
1.コード例の構成
C# の場合:
ultraToolbarsManager1.Style = ToolbarStyle.Office2013;Visual Basic の場合:
ultraToolbarsManager1.Style = ToolbarStyle.Office20132.Visual Studio のプロパティ ウィンドウを使用したスタイルの構成
リボンの表示オプション ボタンが Office 2013 のリボン に新たに追加され、リボンのキャプション領域に配置されています。ドロップダウン ボタンによりリボンの表示が選択できます。リボン全体を非表示することによりリボンを表示していた領域を利用することができます。キャプションは 3 つのボタン ( リボンを表示 、 リボンの表示オプション 、 閉じる ) を含むキャプション バーに置き換えられます。
[リボンを自動的に隠す] は、表示されているリボンを右揃えの 3 つのボタン ( リボンを表示 、 リボンの表示オプション 、 閉じる ) がある細いバーに置き換えて、リボン用の領域を最小化します。
リボンを表示 - フォーカスをやめると自動的に非表示になるドロップダウンに、リボン全体 (タブ、クイック アクセス ツールバー、キャプションを含む) を表示します。
リボンの表示オプション - 標準のキャプション上の表示オプションと同じメニューを表示します。
閉じる - フォームを閉じます。
タブの表示 - このオプションは、Office 2010 バージョンのリボンのピン解除状態と同じです。
タブとコマンドの表示 - このオプションは、旧バージョンのリボンのピン設定/標準状態と同じです。
フラットでシンプルなデザインのOffice 2013 のリボンは、3D 風のアイコンを使用した Office 2010 のリボンと比較すると圧迫感がありません。マイクロソフトは Office 2013 で Aero グラス テーマを無効にしました。
Office 2013 のツールバー スタイルを使用する場合は常に、IsGlassSupported プロパティが false に解決されます。
Office 2013 では、ピン設定/ピン解除ボタンがキャプション領域からリボン グループ領域に移動しています。
Office 2013 の描画フォームは、長方形の細い境界線 (シャドー/グロー付き) に変更されました。
Office 2010 のファイル メニュー (アプリケーション メニュー 2010) 領域は、タブの下のコンテナー下部全体を含んで表示されます。アプリケーション メニュー 2010 を閉じるには、ファイル タブなど任意のタブをクリックする必要があります。
Office 2013 では、アプリケーション メニュー 2010 がコンテナー全体が表示されるように変更されました。アプリケーション メニュー 2010 は同じ領域に表示されますが、アプリケーション メニュー 2010 の上の領域の描画は異なります。タブ項目が削除され、アプリケーション メニュー 2010 を閉じることができるように、ナビゲーション領域の上に固定の [ [戻る ] ボタンが追加されています。
UltraToolbarsManager は、ホスティング フォームを融合してカスタム フォーム境界線を描画できます。Office 2013 では、旧バージョンになかった新しい境界線のスタイルを使用します。フォーム境界は、輪郭がシングル ピクセルの長方形です。また、アクティブなフォームではグロー/シャドー効果が使用できます。
1 ピクセルの輪郭。「 ファイル 」アプリケーション メニュー ボタンに合わせた彩色。
輪郭のグロー/シャドー効果。
1 ピクセルの輪郭。フォームはダーク グレーでテキストはライト グレー (Office 2013)。
グロー効果なし。
Office 2013 では、Office 2010 のリボンで使用されていたシステム メニュー アイコンとクイック アクセス ツールバー (QAT) クイック カスタマイズ メニュー間のツールを区切る 2 つのセパレーターが廃止されました。
Office 2013 では QAT のセパレーターはありません。
Office 2010 および Office 2013 ともにリボン機能は同じです。唯一の違いは外観です。
選択されたタブのコーナーは、形状が丸から直角に変更されました。また、タブを選択した時のフォントの色は、「 ファイル 」アプリケーション メニュー ボタンと同じ色になります。
Office 2010 のリボンで選択されていないタブをホットトラックする (タブ上にマウスを移動) と、タブの周囲に光彩のある境界線が表示されます。Office 2013 のリボンでは、タブの境界線は表示されずにフォント色のみが変化してホットトラックしていることを示します。
Office 2010 および Office 2013 のリボンはともに、隣接するリボン グループ間にセパレーターを使用しています。Office 2010 のセパレーターは、タブ ページの下端に接触して上端に向かって徐々に濃度が薄くなっていきますが、Office 2013 のセパレーターは実線で表示され、リボン グループの上部や下部に若干のスペースが空いています。リボン グループの背景は、リボン タブと同じオフ ホワイト一色です。
Office 2010 および Office 2013 のリボンのコンテキスト タブ グループには、表面的な違いしかありません。Office 2010 および Office 2013 のコンテキスト タブ グループのヘッダーはともに、そのグループ色を示す実線で上部に沿って描画されます。
Office 2010 リボンのコンテキスト タブ グループのヘッダーでは、グラス部分は上から下に明るく変化するグラデーション カラーで、コンテキスト タブ グループを区切る線は、上部から下部に向かって徐々に濃度が薄くなりタブ ページの上端には接触しません。タブを選択すると、選択したタブ ページはコンテキスト タブ グループと同じ色の境界線で描画されます。
Office 2013 リボンのコンテキスト タブ グループのヘッダーはグラデーションではなく、グループ色のアルファブレンドを使用した実線での描画です。また、選択したタブの上の境界線は、コンテキスト タブ グループの色に応じて変化しません。代わりに、選択したタブ、ホットトラックされたタブ、およびグループ ヘッダーのフォントの色が、グループ色と一致します。
Office 2013 ツールでのスタイル設定は、Office 2010 のリリース以降、大幅に変更されています。旧バージョンのグロー効果およびグラデーション スタイルは全体的に、境界線も濃淡もないベタ一色のスタイルに置き換えられています。
Microsoft Office のリボンには、タブおよびタブ メンバー間のキーボードでのナビゲートを容易にする keyTips が用意されています。KeyTips およびキーボード ナビゲーションは Office 2010 と Office 2013 で同じですが、keyTips 要素の外観に変更が加えられています。
Office 2010 以前のバージョンのリボンでは、keyTips は薄いグラデーションと丸みのある境界線で描画されていますが、Office 2013 の keyTips は濃いべた一色と四角のコーナーで描画されています。
In.
Office 2013 では、選択した背景画像 (提供なし) を以下のプロパティを使用してアプリケーションのキャプション領域に描画できます。
ultraToolbarsManager1.Ribbon.CaptionAreaAppearance.ImageBackground
新しい AutoHide 機能が Office 2010 のリボンに追加されたため、Application Styling が Office 2010 と Office 2013 のリボン間で変更されました。
Office 2013 のリボン機能を現在のアーキテクチャに統合するために、新しい値が現在の列挙体に追加されました。現在の列挙体の更新に伴い、エディター コントロールやボタン コントロールなどスタイル設定用の列挙体を使用するアッセンブリも同様に更新されました。
以下のリストは、更新により影響を受けたアッセンブリを示します。
Infragistics.Win.UltraWinEditors
Infragistics.Win.UltraWinGrid
Infragistics.Win.UltraWinMaskedEdit
Infragistics.Win.UltraWinSchedule
Infragistics.Win.UltraWinTabControl
Infragistics.Win.UltraWinListView
Infragistics.Win.UltraWinDataSource
Infragistics.Win.UltraWinToolbars
以下の表は、Office 2013 のビュー スタイルのサポートで追加された新しい値を含む現在の列挙体の一覧です。
既存の UltraCheckEditor 用グリフ エディターおよび UltraOptionSet グリフは、Office 2013 のオプションを含むように更新されました。グリフ エディター ダイアログは GlyphInfo タイプのプロパティを表示します。 UltraCheckEditor および UltraOptionSet コントロールの AppStylist for Windows Forms デザイン ダイアログ (チェック ボックス デザイナーおよびラジオ ボタン デザイナーのスクリーンショットに表示) に、Office 2013 スタイルが追加されました。これらのオプションは、それぞれ CheckBoxGlyphInfo および RadioButtonGlyphInfo プロパティを使用して設定します。
以下のスクリーンショットは、デザイン ダイアログの Office 2013 スタイル オプションの選択肢を示しています。このダイアログは次の手順で表示します。
1.AppStylist を開き ロール タブをクリックします。
2.コントロールの一覧から UltraCheckEditor コントロールを選択します。その下に共通コンポーネント プロパティ セクション セクションが表示されます。
3.CheckBoxGlyphInfo プロパティを選択します。その行の右端の 3 点リーダー (…) が表示されたボタンが有効になります。
4.ボタンをクリックすると、Office 2013 スタイル オプションを示すデザイナー ダイアログが表示されます。
以下のスクリーンショットは、デザイン ダイアログの Office 2013 スタイル オプションの選択肢を示しています。このダイアログは次の手順で表示します。
1.AppStylist を開き ロール タブをクリックします。
2.コントロールの一覧からUltraOptionSet コントロールを選択します。その下に共通コンポーネント プロパティ セクションが表示されます。
3.RadioButtonGlyphInfo プロパティを選択します。その行の右端の 3 点リーダー (…) が表示されたボタンが有効になります。
4.ボタンをクリックすると、Office 2013 スタイル オプションを示すデザイナー ダイアログが表示されます。
以下のコントロールは Office 2013 のリボン スタイルをサポートしています。スクリーンショットに、Office 2013 のリボンで項目を描画するさまざまな方法を示します。
新しい 自動非表示 ボタンのメニュー オプションおよびツールチップは、ローカライズされたテキストで表示されます。たとえば、Office 2013 のリボンが英語以外のバージョンのコンピューターで実行されている場合、開発者がカスタマイズ可能なリソース文字列を使用してドロップダウン メニューおよびツールチップで表示される文字列をコンピュータの言語環境に応じてローカライズできます。
以下の表は、カスタマイズ可能なテキスト要素 (左の列) および相対するリソース文字列 (右の列) を表示します。テキスト要素をカスタマイズするか、ローカライズできます。
テキスト要素をカスタマイズするコード例。
C# の場合:
private Infragistics.Shared.ResourceCustomizer _rc;
_rc = Infragistics.Win.UltraWinToolbars.Resources.Customizer;
_rc.SetCustomizedString("RibbonDisplayOptions", "[Localized] - RibbonDisplayOptions");
_rc.SetCustomizedString("RibbonDisplayOptions_AutoHide_Title", "[Localized] - AutoHide Title");
_rc.SetCustomizedString("RibbonDisplayOptions_AutoHide_Description", "[Localized] - AutoHide Description");Visual Basic の場合:
Private _rc As Infragistics.Shared.ResourceCustomizer
_rc = Infragistics.Win.UltraWinToolbars.Resources.Customizer
_rc.SetCustomizedString("RibbonDisplayOptions", "[Localized] - RibbonDisplayOptions")
_rc.SetCustomizedString("RibbonDisplayOptions_AutoHide_Title", "[Localized] - AutoHide Title")
_rc.SetCustomizedString("RibbonDisplayOptions_AutoHide_Description", "[Localized] - AutoHide Description")上記の例の結果です。
リソース文字列をカスタマイズする方法の詳細は、 アセンブリ リソース文字列のカスタマイズトピックを参照してください。
このトピックの追加情報については、以下のトピックも合わせてご参照ください。