ラジアルメニュー項目間へのセパレータの加

このトピックでは、ラジアルメニュー項目間にセパレータを追加する方法について学習します。セパレータは、２つの 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 になります。