この手順では、引き続き Visual Studio で作業し、C1Toolbar に C1ToolbarGroup を追加します。次に、C1ToolbarGroup に C1ToolbarButton を追加します。
C1Toolbar コントロールを右クリックし、[プロパティ]を選択して[プロパティ]ウィンドウを開きます。ToolbarItems プロパティに移動し、省略符ボタンをクリックして[コレクションエディター:Items]を開きます。
[追加]ボタンを2回クリックして、2つの C1ToolbarGroup を追加し、[OK]をクリックします。XAML は、次のようになります。
XAML |
コードのコピー
|
---|---|
<c1:C1Toolbar Name="c1Toolbar1">
<c1:C1ToolbarGroup />
<c1:C1ToolbarGroup />
</c1:C1Toolbar>
|
XAML で、各 C1ToolbarGroup の Header プロパティをそれぞれ クリップボード と フォント に設定します。XAML は、次のようになります。
XAML |
コードのコピー
|
---|---|
<c1:C1Toolbar Grid.Row="1" Name="c1Toolbar1"> <c1:C1ToolbarGroup Header="クリップボード"/> <c1:C1ToolbarGroup Header="フォント"/> </c1:C1Toolbar> |
クリップボード C1ToolbarGroup を選択し、Items コレクションエディタの横にある省略符ボタンをクリックします。
[項目の選択]ドロップダウンから、[追加]を3回クリックして、コレクションに3つの C1ToolbarButton を追加します。
最初の C1ToolbarButton を選択し、プロパティウィンドウで その他 ノードを展開します。LabelTitle プロパティを「貼り付け」に設定し、他の2つのボタンのプロパティをそれぞれ「切り取り」と「コピー」に設定します。
オプションの手順として、LargeImageSource または SmallImageSource プロパティをプロジェクト内にあるリソースに設定したり、新しい画像を追加することができます。
[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> |