前の手順では、Expression Blend で最上位のメニュー項目を追加しました。この手順では、XAML を使って２つのメニュー項目にサブメニューを追加します。
- XAML ビューに切り替えます。
- 開始タグと終了タグができるように、最初の２つの <c1:C1MenuItem> タグを変更します。次のようになります。
| XAML |
コードのコピー
|
<c1:C1MenuItem Height="Auto" Width="Auto" Header="File"></c1:C1MenuItem>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Edit"></c1:C1MenuItem>
|
- ［ファイル］メニュー項目にサブメニューを追加するために、<c1:C1MenuItem Header="ファイル"> タグと </c1:C1MenuItem> タグの間に次のマークアップを追加します。
| XAML |
コードのコピー
|
<c1:C1MenuItem Height="Auto" Width="Auto" Header="新規作成">
<c1:C1MenuItem Height="Auto" Width="Auto" Header="ドキュメント"/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="プロジェクト"/>
</c1:C1MenuItem>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="開く">
<c1:C1MenuItem Height="Auto" Width="Auto" Header="ドキュメント"/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="プロジェクト"/>
<c1:C1Separator/>
<c1:C1MenuItem Header="最近使用したドキュメント 1" Height="Auto" Width="Auto" GroupName="CheckedDocuments" IsCheckable="True" IsChecked="True" />
<c1:C1MenuItem Header="最近使用したドキュメント 2" Height="Auto" Width="Auto" GroupName="CheckedDocuments" IsCheckable="True" />
</c1:C1MenuItem>
<c1:C1Separator/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="閉じる"/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="ソリューションを閉じる"/>
<c1:C1Separator/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="終了"/>
|
- ［Edit］メニュー項目にサブメニューを追加するために、<c1:C1MenuItem Header="編集"> タグと </c1:C1MenuItem> タグの間に次のマークアップを追加します。
| XAML |
コードのコピー
|
<c1:C1MenuItem Height="Auto" Width="Auto" Header="元に戻す"/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="やり直し"/>
|
この手順では、C1Menu コントロールの２つのメニュー項目にサブメニューを追加しました。次の手順では、C1ContextMenu コントロールを C1Menu コントロールに追加します。