Toolbar for WPF/Silverlight
手順 2:C1ToolbarGroup の追加
クイックスタート > 手順 2:C1ToolbarGroup の追加

この手順では、引き続き Visual Studio で作業し、C1Toolbar に C1ToolbarGroup を追加します。次に、C1ToolbarGroup に C1ToolbarButton を追加します。

  1. C1Toolbar コントロールを右クリックし、[プロパティ]を選択して[プロパティ]ウィンドウを開きます。ToolbarItems プロパティに移動し、省略符ボタンをクリックして[コレクションエディター:Items]を開きます。

  2. [追加]ボタンを2回クリックして、2つの C1ToolbarGroup を追加し、[OK]をクリックします。XAML は、次のようになります。

    XAML
    コードのコピー
    <c1:C1Toolbar Name="c1Toolbar1">
        <c1:C1ToolbarGroup />
        <c1:C1ToolbarGroup />
    </c1:C1Toolbar>
    
  3. XAML で、各 C1ToolbarGroupHeader プロパティをそれぞれ クリップボードフォント に設定します。XAML は、次のようになります。

    XAML
    コードのコピー
    <c1:C1Toolbar Grid.Row="1" Name="c1Toolbar1">
       <c1:C1ToolbarGroup Header="クリップボード"/>
       <c1:C1ToolbarGroup Header="フォント"/>
    </c1:C1Toolbar>
    
  4. クリップボード C1ToolbarGroup を選択し、Items コレクションエディタの横にある省略符ボタンをクリックします。

  5. [項目の選択]ドロップダウンから、[追加]を3回クリックして、コレクションに3つの C1ToolbarButton を追加します。

  6. 最初の C1ToolbarButton を選択し、プロパティウィンドウで その他 ノードを展開します。LabelTitle プロパティを「貼り付け」に設定し、他の2つのボタンのプロパティをそれぞれ「切り取り」と「コピー」に設定します。

  7. オプションの手順として、LargeImageSource または SmallImageSource プロパティをプロジェクト内にあるリソースに設定したり、新しい画像を追加することができます。

  8. [OK]をクリックして[コレクションエディター:Items]を閉じます。XAML は次のようになります。

    XAML
    コードのコピー
    <c1:C1Toolbar Name="c1Toolbar1">
        <c1:C1ToolbarGroup Header="クリップボード">
                <c1:C1ToolbarButton LabelTitle="貼り付け" LargeImageSource="/C1Toolbar;component/Resources/Paste.png" />
                <c1:C1ToolbarButton LabelTitle="切り取り" SmallImageSource="/C1Toolbar;component/Resources/Cut.png" />
                <c1:C1ToolbarButton LabelTitle="コピー" SmallImageSource="/C1Toolbar;component/Resources/Copy.png" />
            </c1:C1ToolbarGroup>
            <c1:C1ToolbarGroup Header="フォント"/>
    </c1:C1Toolbar>