Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

UseSkewing Property

Returns/sets whether SkewAngleXEffectStops, SkewAngleYEffectStops, SkewAngleXEffectStopDirection and SkewAngleYEffectStopDirection should be honored and skewing effects applied to items in the Carousel. The default is False.
Syntax
'Declaration
 
Public Property UseSkewing As Boolean
public bool UseSkewing {get; set;}
Remarks

When this property is set to false, any SkewAngleXEffectStops or SkewAngleYEffectStops 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 ability to control the horizontal skew has been used to ensure that items along the edge of the triagular path are skewed along the edge of the path. The skewing is enabled by setting the UseSkewing to true and then providing SkewAngleXEffectStop values for the SkewAngleXEffectStops property. Since the SkewAngleXEffectStops 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.
<igWindows:XamCarouselPanel>
    <igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings 
            UseSkewing="True"
            SkewAngleXEffectStopDirection="UseItemPath"
            ItemPathRenderBrush="#77000000">

            <igWindows:CarouselViewSettings.ItemPath>
                <Path Data="M 0,0 100,100, 200,0" />
            </igWindows:CarouselViewSettings.ItemPath>

            <igWindows:CarouselViewSettings.SkewAngleXEffectStops>
                <igWindows:SkewAngleXEffectStop Offset="0.15" Value="20"/>
                <igWindows:SkewAngleXEffectStop Offset="0.45" Value="20"/>
                <igWindows:SkewAngleXEffectStop Offset="0.5" Value="0"/>
                <igWindows:SkewAngleXEffectStop Offset="0.55" Value="-20"/>
                <igWindows:SkewAngleXEffectStop Offset="0.85" Value="-20"/>
            </igWindows:CarouselViewSettings.SkewAngleXEffectStops>
        </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

See Also