バージョン

xamCarouselPanel のパスで項目の傾斜効果を変更

xamCarouselPanel コントロールはパス上の項目を斜めにすることができます。X 軸または Y 軸のいずれかで個々に傾斜効果を設定できます。その他のパス エフェクト (不透明、スケール、Z-オーダー) と同じように、 CarouselViewSettings オブジェクトは SkewAngleXEffectStopCollection および SkewAngleYEffectStopCollection を公開します。さらに、その他の効果と同じように、 SkewAngleXEffectStopDirection プロパティと SkewAngleYEffectStopDirection プロパティを設定することによって、X および Y の傾斜両方に対して Horizontal、Vertical、または UseItemPath のいずれかに効果の方向を設定する必要があります。傾斜の値は、オブジェクトの回転を処理します。有効な値は -360 から +360 です。

Note

このトピックは、 xamCarouselPanel をページに追加のタスクを完了していることが前提となります。

傾斜-X を修正

以下のコードは、パスに関連して X 軸に沿ってオブジェクトを傾斜します。最初の SkewAngleXEffectStop はパスの先頭 (オフセット 0) で 25 度傾斜します。中間点 (オフセット .5) で項目は傾斜されません。パスの最後 (オフセット 1) で項目は -25 度傾斜されます。

XAML の場合:

<igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings SkewAngleXEffectStopDirection="UseItemPath"
          UseSkewing="True">
                <igWindows:CarouselViewSettings.SkewAngleXEffectStops>
                        <igWindows:SkewAngleXEffectStopCollection>
                                <igWindows:SkewAngleXEffectStop Offset="0" Value="25" />
                                <igWindows:SkewAngleXEffectStop Offset=".5" Value="0" />
                                <igWindows:SkewAngleXEffectStop Offset="1" Value="-25" />
                        </igWindows:SkewAngleXEffectStopCollection>
                </igWindows:CarouselViewSettings.SkewAngleXEffectStops>
        </igWindows:CarouselViewSettings>
</igWindows:XamCarouselPanel.ViewSettings>
xamcarouselpanel のパスで項目の傾斜 X 効果を変更

傾斜-Y を修正

以下のコードは、パスに関連して Y 軸に沿ってオブジェクトを傾斜します。最初の SkewAngleYEffectStop はパスの先頭 (オフセット 0) で項目を 10 度傾斜します。中間点 (オフセット .5) で項目は傾斜されません。パスの最後 (オフセット 1) で項目は -10 度傾斜されます。

XAML の場合:

<igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings SkewAngleYEffectStopDirection="UseItemPath"
          UseSkewing="True">
                <igWindows:CarouselViewSettings.SkewAngleYEffectStops>
                        <igWindows:SkewAngleYEffectStopCollection>
                                <igWindows:SkewAngleYEffectStop Offset="0" Value="10" />
                                <igWindows:SkewAngleYEffectStop Offset=".5" Value="0" />
                                <igWindows:SkewAngleYEffectStop Offset="1" Value="-10" />
                        </igWindows:SkewAngleYEffectStopCollection>
                </igWindows:CarouselViewSettings.SkewAngleYEffectStops>
        </igWindows:CarouselViewSettings>
</igWindows:XamCarouselPanel.ViewSettings>
xamcarousel のパスで項目の傾斜 Y 効果を変更