07.グループを作成する
タブ内にグループを作成するにはRibbonGroupコントロールを使用します。
下記は「ホーム」と表示されたRibbonTabコントロール内に「グループ1」「グループ2」「グループ3」というグループを作成する例です。
グループを作成する例
XAMLの例
<Grid>
<ribbon:Ribbon x:Name="Ribbon">
<ribbon:RibbonTab x:Name="HomeTab" Header="ホーム">
<ribbon:RibbonGroup x:Name="Group1" Header="グループ1" />
<ribbon:RibbonGroup x:Name="Group2" Header="グループ2" />
<ribbon:RibbonGroup x:Name="Group3" Header="グループ3" />
</ribbon:RibbonTab>
</ribbon:Ribbon>
</Grid>
ポイント
タブ内にグループを作成するにはRibbonGroupコントロールを使用する。
08.グループにコントロールを追加する
グループに追加できるコントロールには下記があります。
グループに追加できるコントロール
| コントロール | 説明 |
| RibbonButton | テキストやイメージを表示可能なボタン |
| RibbonCheckBox | チェック・アンチェックができるチェックボックスボックス |
| RibbonRadioButton | 複数のテキストやイメージを格納しドロップダウンから選択を可能にするコンボボックス |
| RibbonRadioButton | 複数項目の中から一つを選択可能にするラジオボタン |
| RibbonSplitButton | ボタン部分とドロップダウン部分で構成され、現在表示されている項目をボタンとして機能させるスプリットボタン |
| RibonTextBox | テキストの入力を可能にするテキストボックス |
| RibbonToggleButton | 押された状態と押されていない状態を表現することができるトグルボタン |
コントロールは<RibbonGroup>要素の中に配置します。
下記は、様々なコントロールを配置する例です。
様々なコントロールを表示した例
XAMLの例
<ribbon:Ribbon x:Name="Ribbon">
<ribbon:RibbonTab x:Name="HomeTab" Header="ホーム">
<ribbon:RibbonGroup x:Name="Group1" Header="コントロール1">
<ribbon:RibbonButton Label="pen" SmallImageSource="Images/037_Colorize_24x24_72.png" />
<ribbon:RibbonCheckBox Label="チェックボックス"/>
<ribbon:RibbonToggleButton Label="トグルボタン" />
<ribbon:RibbonTextBox />
</ribbon:RibbonGroup>
<ribbon:RibbonGroup x:Name="Group2" Header="コントロール2">
<ribbon:RibbonControlGroup>
<ribbon:RibbonRadioButton Label="赤" />
<ribbon:RibbonRadioButton Label="黄" />
<ribbon:RibbonRadioButton Label="緑" />
</ribbon:RibbonControlGroup>
<ribbon:RibbonComboBox>
<ribbon:RibbonGallery>
<ribbon:RibbonGalleryCategory Header="フルーツ">
<ribbon:RibbonGalleryItem Content="リンゴ" FontFamily="メイリオ" FontSize="16"/>
<ribbon:RibbonGalleryItem Content="ミカン" FontFamily="メイリオ" FontSize="16"/>
<ribbon:RibbonGalleryItem Content="バナナ" FontFamily="メイリオ" FontSize="16"/>
</ribbon:RibbonGalleryCategory>
</ribbon:RibbonGallery>
</ribbon:RibbonComboBox>
<ribbon:RibbonSplitButton Label="編集">
<MenuItem Command="Cut">
<MenuItem.Icon>
<Image Source="Images/Cut.png" Width="16" Height="16" />
</MenuItem.Icon>
</MenuItem>
<MenuItem Command="Copy">
<MenuItem.Icon>
<Image Source="Images/Copy.png" Width="16" Height="16" />
</MenuItem.Icon>
</MenuItem>
<MenuItem Command="Paste">
<MenuItem.Icon>
<Image Source="Images/Paste.png" Width="16" Height="16" />
</MenuItem.Icon>
</MenuItem>
</ribbon:RibbonSplitButton>
</ribbon:RibbonGroup>
</ribbon:RibbonTab>
</ribbon:Ribbon>
ポイント
グループに追加できるコントロールは、RibbonButton、RibbonCheckBox、RibbonComboBox、RibbonRadioButton、RibbonSplitButton、RibbonTextBox、RibbonToggleButtonがある。
まとめ
今回は、Ribbonアプリケーションの開発環境構築、プロジェクトの作成方法、タブの作成方法を主に説明しました。
後編では、メニューの作成方法やコントロールの使用方法などを説明します。
最後にWPF RibbonコントロールのMSDNリンクを下記に示します。日本語版MSDNは機械翻訳されており日本語として意味が通じない部分もあります。英語の文献でも問題ないという方は英語版の方のリンクを参照ください。
