OpacityEffectStops および
OpacityEffectStopDirection がサポートされ、不透明効果をカルーセルで項目に適用するかどうかを返すか設定します。デフォルトは False です。
In the following example, the UseOpacity has been set to true so that the panel will utilize the OpacityEffectStops that have been provided. Since the OpacityEffectStopDirection is set to Vertical, the offsets are calculated with regards to that orientation and items at the bottom will be fully opaque and the items as you move further from the bottom will be more transparent.
<igWindows:XamCarouselPanel>
<igWindows:XamCarouselPanel.ViewSettings>
<igWindows:CarouselViewSettings
UseOpacity="True"
OpacityEffectStopDirection="Vertical"
ItemPathRenderBrush="#77000000">
<igWindows:CarouselViewSettings.ItemPath>
<Path Data="M 0,0 100,100, 200,0" />
</igWindows:CarouselViewSettings.ItemPath>
<igWindows:CarouselViewSettings.OpacityEffectStops>
<igWindows:OpacityEffectStopCollection>
<igWindows:OpacityEffectStop/>
<igWindows:OpacityEffectStop Offset="0.20" Value="0.10"/>
<igWindows:OpacityEffectStop Offset="0.50" Value="0.40"/>
<igWindows:OpacityEffectStop Offset="0.80" Value="0.60"/>
<igWindows:OpacityEffectStop Offset="1" Value="1"/>
</igWindows:OpacityEffectStopCollection>
</igWindows:CarouselViewSettings.OpacityEffectStops>
</igWindows:CarouselViewSettings>
</igWindows:XamCarouselPanel.ViewSettings>
<Ellipse Width="50" Height="50" Stroke="Black" Fill="Red" />
<Ellipse Width="100" Height="50" Stroke="Black" Fill="Green" />
<Polygon Points="0, 25, 25, 0, 75, 0, 100, 25, 75, 50, 25, 50" Stroke="Black" Fill="Yellow" />
<Rectangle Width="100" Height="50" Stroke="Black" Fill="Purple" />
<Polyline Points="0, 25, 25, 0, 50, 25, 25, 50, 0, 25" Stroke="SlateGray" StrokeThickness="2" Fill="Blue"/>
<Path Stroke="Black" Fill="Gray" Data="M 10,10 C 10,100 100,-100 100,10" />
</igWindows:XamCarouselPanel>