ツールバーの設定

ここで作成するアプリケーションは、上部に C1Toolbar があり、残りの部分は格子模様の背景になります。C1Toolbar と C1ToolbarStrip を使用して、リボン形式のグループを含むツールバーを作成します。ComponentOne Studio for Silverlight には、C1CheckeredBorder という便利な格子模様のパネルコントロールがあり、C1.Silverlight.Extended ライブラリに置かれています。このコントロールは、画像エディタのデザインに役立ちます。ツールバーは、３つの C1ToolbarGroups（File、Edit、Image）で構成されます。

XAML	コードのコピー
<c1:C1Toolbar Name="c1Toolbar1" Grid.Row="0"> <c1:C1ToolbarGroup Header="ファイル"> <c1:C1ToolbarStrip > <c1:C1ToolbarButton Name="btnSave" Click="btnSave_Click"> <Image Source="Resources/save.png" Margin="2" ToolTipService.ToolTip="保存"/> </c1:C1ToolbarButton> <c1:C1ToolbarButton Name="btnOpen" Click="btnOpen_Click"> <Image Source="Resources/Open.png" Margin="2" ToolTipService.ToolTip="開く"/> </c1:C1ToolbarButton> <c1:C1ToolbarButton Name="btnPrint" Click="btnPrint_Click"> <Image Source="Resources/Print.png" Margin="2" ToolTipService.ToolTip="印刷"/> </c1:C1ToolbarButton> </c1:C1ToolbarStrip> </c1:C1ToolbarGroup> ... </c1:C1Toolbar>

XAML

コードのコピー

<c1:C1Toolbar Name="c1Toolbar1" Grid.Row="0">
     <c1:C1ToolbarGroup Header="ファイル">
         <c1:C1ToolbarStrip >
             <c1:C1ToolbarButton Name="btnSave" Click="btnSave_Click">
                 <Image Source="Resources/save.png" Margin="2" ToolTipService.ToolTip="保存"/>
             </c1:C1ToolbarButton>
             <c1:C1ToolbarButton Name="btnOpen" Click="btnOpen_Click">
                 <Image Source="Resources/Open.png" Margin="2" ToolTipService.ToolTip="開く"/>
             </c1:C1ToolbarButton>
             <c1:C1ToolbarButton Name="btnPrint" Click="btnPrint_Click">
                 <Image Source="Resources/Print.png" Margin="2" ToolTipService.ToolTip="印刷"/>
             </c1:C1ToolbarButton>
         </c1:C1ToolbarStrip>
     </c1:C1ToolbarGroup>
...
</c1:C1Toolbar>