ツールバー分割ボタン

C1ToolbarSplitButton コントロールは、C1ToobarStrip 上のドロップダウン分割ボタンを表します。

このコントロールは、C1ToolbarDropDown に似ていますが、ボタン領域と下向き矢印という２つのクリック可能な領域が含まれます。

右端にある下向き矢印が付いた四角形の部分をクリックすると、Content プロパティを含むポップアップパネルまたは ContextMenu プロパティによって設定されたコンテキストメニューが表示されます。ボタンの左側をクリックすると、標準のボタンと同様に Click イベントが発生します。通常は、Click イベントを使用してデフォルトのアクションまたは最後のアクションを実行しますが、ポップアップを使用して別のオプションを選択することもできます。

次の図のように、ボタンの上にカーソルを合わせると、ボタン領域とドロップダウン矢印を分けるための縦線が表示されます。

例：ポップアップメニューを使用した分割ボタン

XAML	コードのコピー
<c1:C1ToolbarSplitButton Padding="2" Header="デフォルト" Click="SetDefaultStyle"> <c1:C1ToolbarDropDown.ContextMenu> <ContextMenu> <MenuItem Header="見出し 1" FontSize="14" /> <MenuItem Header="見出し 2" FontSize="12" /> <MenuItem Header="タイトル" FontWeight="Bold" /> <MenuItem Header="サブタイトル" FontWeight="SemiBold" FontStyle="Italic" /> <MenuItem Header="引用分" FontStyle="Italic" /> </ContextMenu> </c1:C1ToolbarDropDown.ContextMenu> </c1:C1ToolbarSplitButton>

XAML

コードのコピー

<c1:C1ToolbarSplitButton Padding="2" Header="デフォルト" Click="SetDefaultStyle">
   <c1:C1ToolbarDropDown.ContextMenu>
     <ContextMenu>
       <MenuItem Header="見出し 1" FontSize="14" />
       <MenuItem Header="見出し 2" FontSize="12" />
       <MenuItem Header="タイトル" FontWeight="Bold" />
       <MenuItem Header="サブタイトル" FontWeight="SemiBold" FontStyle="Italic" />
       <MenuItem Header="引用分" FontStyle="Italic" />
     </ContextMenu>
   </c1:C1ToolbarDropDown.ContextMenu>
</c1:C1ToolbarSplitButton>