SkewAngleYEffectStops Property

Returns a collection of SkewAngleYEffectStop objects that define the stops to be used when when setting the SkewAngleY angle of items along the ItemPath.

Syntax

Visual Basic

'Declaration
 
Public Property SkewAngleYEffectStops As SkewAngleYEffectStopCollection

C#

public SkewAngleYEffectStopCollection SkewAngleYEffectStops {get; set;}

Remarks

Note: the UseSkewing property must be set to true for these SkewAngleYEffectStops to be applied.

The way in which the scaling effect stops are applied to each item is determined by the item's location in the display area of the XamCarouselPanel and the setting of the SkewAngleYEffectStopDirection property.

Example

In the following example, the ability to control the vertical skew has been used to ensure that items are skewed along the default circular path. The skewing is enabled by setting the UseSkewing to true and then providing SkewAngleYEffectStop values for the SkewAngleYEffectStops property. Since the SkewAngleYEffectStops is set to UseItemPath, the Offsets are based upon the position of the items along the path. As such, an Offset of 0.5 is half way along the path provided.

XAML

<igWindows:XamCarouselPanel>
    <igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings 
            UseSkewing="True"
            SkewAngleYEffectStopDirection="UseItemPath"
            ItemPathRenderBrush="#77000000">

            <igWindows:CarouselViewSettings.SkewAngleYEffectStops>
                <igWindows:SkewAngleYEffectStopCollection>
                    <igWindows:SkewAngleYEffectStop Offset="0" Value="60" />
                    <igWindows:SkewAngleYEffectStop Offset=".5" Value="0" />
                    <igWindows:SkewAngleYEffectStop Offset="1" Value="-60" />
                </igWindows:SkewAngleYEffectStopCollection>
            </igWindows:CarouselViewSettings.SkewAngleYEffectStops>
            
        </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