グループにコントロールを追加する

グループに追加できるコントロールには下記があります。

グループに追加できるコントロール コントロール 説明 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>