UseOpacity Property

Returns/sets whether OpacityEffectStops and OpacityEffectStopDirection should be honored and opacity effects applied to items in the Carousel. The default is False.

Syntax

Visual Basic

'Declaration
 
Public Property UseOpacity As Boolean

C#

public bool UseOpacity {get; set;}

Remarks

When this property is set to false, any OpacityEffectStops that may be defined are ignored.

Note: The PathItemTransitionStyle property can be used to apply additional effects to items as they transition into and out of view through the prefix and suffix areas of the ItemPath.

Example

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.

XAML

<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>

Requirements

Target Platforms: Windows 10, Windows 8.1, Windows 8, Windows 7, Windows Server 2012, Windows Vista SP1 or later, Windows XP SP3, Windows Server 2008 (Server Core not supported), Windows Server 2008 R2 (Server Core supported with SP1 or later), Windows Server 2003 SP2