例：C1Toolbar に項目を追加する

次の XAML コードは、C1ToolbarGroup、C1ToolbarStrip、および C1ToolbarButton を C1Toolbar コントロールに追加する方法を示します。

XAML	コードのコピー
<c1:C1Toolbar Name="c1Toolbar1"> <c1:C1ToolbarTabControl> <c1:C1ToolbarTabItem Header="ホーム"> <c1:C1ToolbarGroup Header="クリップボード"> <c1:C1ToolbarButton LabelTitle="貼り付け" LargeImageSource="/Images/Paste.png" /> <c1:C1ToolbarButton LabelTitle="切り取り" SmallImageSource="/Images/Cut.png" /> <c1:C1ToolbarButton LabelTitle="コピー" SmallImageSource="/Images/Copy.png" /> </c1:C1ToolbarGroup> <c1:C1ToolbarGroup Header="フォント"> <c1:C1ToolbarStrip> <c1:C1ToolbarToggleButton LabelTitle="太字" /> <c1:C1ToolbarToggleButton LabelTitle="斜体" /> <c1:C1ToolbarToggleButton LabelTitle="下線" /> </c1:C1ToolbarStrip> </c1:C1ToolbarGroup> </c1:C1ToolbarTabItem> </c1:C1ToolbarTabControl> </c1:C1Toolbar>

XAML

コードのコピー

<c1:C1Toolbar Name="c1Toolbar1">
 <c1:C1ToolbarTabControl>
  <c1:C1ToolbarTabItem Header="ホーム">
   <c1:C1ToolbarGroup Header="クリップボード">
     <c1:C1ToolbarButton LabelTitle="貼り付け" LargeImageSource="/Images/Paste.png" />
     <c1:C1ToolbarButton LabelTitle="切り取り" SmallImageSource="/Images/Cut.png" />
     <c1:C1ToolbarButton LabelTitle="コピー" SmallImageSource="/Images/Copy.png" />
   </c1:C1ToolbarGroup>
   <c1:C1ToolbarGroup Header="フォント">
    <c1:C1ToolbarStrip>
       <c1:C1ToolbarToggleButton LabelTitle="太字" />
       <c1:C1ToolbarToggleButton LabelTitle="斜体" />
       <c1:C1ToolbarToggleButton LabelTitle="下線" />
    </c1:C1ToolbarStrip>
   </c1:C1ToolbarGroup>
  </c1:C1ToolbarTabItem>
 </c1:C1ToolbarTabControl>
</c1:C1Toolbar>

上記の XAML コードを追加した後、C1Toolbar コントロールは次の図のように表示されます。