バージョン

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

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

Note

注: このトピックは、 xamDataPresenter をアプリケーションに追加でタスクを完了しており、 CarouselView についてを読んでいることが前提となります。

傾斜-X を修正

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

XAML の場合:

<igDP:CarouselView.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>
</igDP:CarouselView.ViewSettings>
xamDataPresenter のパスで項目の傾斜 X 効果を変更

傾斜-Y を修正

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

XAML の場合:

<igDP:CarouselView.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>
</igDP:CarouselView.ViewSettings>
xamDataPresenter のパスで項目の傾斜 Y 効果を変更

関連トピック

パス エフェクトの概要

パスで項目の不透明効果を変更

パスで要素のスケールを変更