このトピックでは、ラジアルメニュー項目間にセパレータを追加する方法について学習します。セパレータは、２つの C1RadialMenuItem の間に空のセクターとして表示されます。C1RadialMenuItem 間にセパレータを追加する方法は２通りあります。それには、既存のメニュー項目の間に空の C1RadialMenuItem を配置するか、各 C1RadialMenuItem の C1RadialMenu SectorCount および DisplayIndex を設定します。
XAML の場合
次のいずれかを実行します。
C1RadialMenuItem の挿入
他のメニュー項目の間に空の C1RadialMenu を配置してセパレータを追加するには、２つの <Xaml:C1RadialMenuItem> タグの間に <Xaml:C1RadialMenuItem /> を配置します。
| マークアップ |
コードのコピー
|
|---|---|
| <Xaml:C1RadialMenu SectorCount="8" > <Xaml:C1RadialMenuItem Header="項目１" /> <Xaml: C1RadialMenuItem /> <Xaml:C1RadialMenuItem Header="項目２" /> <Xaml: C1RadialMenuItem /> <Xaml:C1RadialMenuItem Header="項目３" /> </Xaml:C1RadialMenu> |
|
SectorCount と DisplayIndex の設定
各 C1RadialMenuItem の C1RadialMenu SectorCount および DisplayIndex を設定して、アプリケーションにセパレータを追加する場合、XAML マークアップは次のようになります。
| マークアップ |
コードのコピー
|
|---|---|
| <Xaml:C1RadialMenu SectorCount="8" > <Xaml:C1RadialMenuItem Header="項目１" /> <Xaml:C1RadialMenuItem Name="C1RadialMenuItem1" Header="項目２" DisplayIndex="2" /> <Xaml:C1RadialMenuItem Header="項目３" DisplayIndex="4" /> </Xaml:C1RadialMenu> |
|
このトピックの作業結果
どちらのマークアップサンプルでも、結果は次の図のようになります。
比較のために、同じマークアップでセパレータを追加しない場合の結果は、次の図のような C1RadialMenu になります。
関連トピック