OpacityEffect は、項目の不透明度を変更して、項目を明るくまたは暗くしたり、フェードの効果を提供することができます。適切に使用すると、この効果で前景項目がより近く見え、背景項目がより遠く見える効果を提供することができます。OpacityEffect は OpacityEffectStopCollection として作成されます。 このコレクションには、Offsets と Values を持ついくつかの OpacityEffectStops が含まれています。値は 0 から 10 の小数のパーセントとして指定できます。Offset は OpacityEffectStopDirection によって異なり、以下の 3 つの値のいずれかに設定できます。
Vertical
水平
UseItemPath
これらの手順に従って、xamDataPresenter カルーセル ビューのレコードに不透明効果を作成します。
コードで、グリッド ビューの設定を以下で置き換えます。CarouselView とタイプ CarouselViewSettings の CarouselView の ViewSettings を作成します。OpacityEffectStopDirection プロパティを UseItemPath に設定し、UseOpacity プロパティを True に設定します。これによって、Opacity の設定がパスに沿って使用されることが保証されます。
XAML の場合:
<igDP:XamDataPresenter.View>
<igDP:CarouselView>
<igDP:CarouselView.ViewSettings>
<igWindows:CarouselViewSettings
OpacityEffectStopDirection="UseItemPath"
UseOpacity="True">
...
</igWindows:CarouselViewSettings>
</igDP:CarouselView.ViewSettings>
</igDP:CarouselView>
</igDP:XamDataPresenter.View>
CarouselViewSettings オブジェクト内で OpacityEffectStops オブジェクトと OpacityEffectStopCollection オブジェクトを定義します。
XAML の場合:
<igWindows:CarouselViewSettings.OpacityEffectStops>
<igWindows:OpacityEffectStopCollection>
...
</igWindows:OpacityEffectStopCollection>
</igWindows:CarouselViewSettings.OpacityEffectStops>
OpacityEffectStops オブジェクトを定義します。3 つの OpacityEffectStops を作成します。Offsets はパスの先頭から開始して終わりまで続き、ゼロの不透明度から開始して 1 になるとゼロに戻ります。
XAML の場合:
<igWindows:OpacityEffectStop Offset="0" Value="0" /> <igWindows:OpacityEffectStop Offset=".5" Value="1" /> <igWindows:OpacityEffectStop Offset="1" Value="0" />
プロジェクトをビルドして実行します。最も遠いレコードが依然として若干見えることが分かります。これは、パス上の項目は必ずしも 0 の不透明度で開始するわけではない、また必ずしも 1 の不透明度で終わるわけではないからです。パスの先頭の後にレコードが表示されます。したがって厳密に 0 の不透明度で項目を見ることはありません。
