You can apply Path effects to enhance the paths of xamCarouselPanel™, xamCarouselListBox™, xamDataCarousel™, and xamDataPresenter™ Carousel View. The available Path effects are:
Opacity
Scaling
Z-Order
Skew-X
Skew-Y
Path effects are defined similarly to gradient stops in that each effect consists of a collection of EffectStops. These effects are then positioned on the control in one of the three ways:
Horizontally
Vertically
Item Path Stop Direction
These options are shown below:
Each EffectStop has an offset value to determine its position on the Path. The offset is expressed as a decimal percentage (0-1) of the overall length of the stop direction. For example, if the stop direction is horizontal, the offset is a percentage of the width of the control.
Each EffectStop also has a value corresponding to the value of the particular effect being set. Since each effect is different, the value ranges specified will be interpreted differently for each effect.
The following code shows how you might define a OpacityEffectStopCollection with three OpacityEffectStops. The opacity value goes from 0 (completely transparent) to 1 (completely opaque), expressed as a decimal percentage.
In XAML:
...
<igWindows:OpacityEffectStopCollection>
<igWindows:OpacityEffectStop Offset="0" Value="1" />
<igWindows:OpacityEffectStop Offset=".5" Value="0" />
<igWindows:OpacityEffectStop Offset="1" Value="1" />
</igWindows:OpacityEffectStopCollection>
...
Once you have the EffectStops determined the control uses the stop values and interpolation to create a linear range of values to apply to the item’s position between each stop offset.