Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

UseScaling Property

Returns/sets whether ScalingEffectStops and ScalingEffectStopDirection should be honored and scaling effects applied to items in the Carousel. The default is True.
Syntax
'Declaration
 
Public Property UseScaling As Boolean
public bool UseScaling {get; set;}
Remarks

When this property is set to false, any ScalingEffectStops 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 UseScaling property has been set to true so that the ScalingEffectStops provided will be used when arranging the panel items. Since the ScalingEffectStopDirection is set to UseItemPath, the offsets specified in the ScalingEffectStop instances will be based on their position along the path with items about 80% along the path being scaled largest and items at each end of that percent having a decreasingly smaller scale.
<igWindows:XamCarouselPanel>
    <igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings 
            UseScaling="True" 
            ScalingEffectStopDirection="UseItemPath" 
            ItemPathRenderBrush="#77000000">
            
            <igWindows:CarouselViewSettings.ItemPath>
                <Path Data="M-96.905841,269.54353 C-96.905841,269.54353 -28.403209,328.24638 85.941049,349.95603 188.78648,369.4825 914.01753,418.65525 960.78345,385.1648" />
            </igWindows:CarouselViewSettings.ItemPath>

            <igWindows:CarouselViewSettings.ScalingEffectStops>
                <igWindows:ScalingEffectStopCollection>
                    <igWindows:ScalingEffectStop Value="0.1"/>
                    <igWindows:ScalingEffectStop Offset="0.2" Value="0.2"/>
                    <igWindows:ScalingEffectStop Offset="0.4" Value="0.4"/>
                    <igWindows:ScalingEffectStop Offset="0.7" Value="0.8"/>
                    <igWindows:ScalingEffectStop Offset="0.8" Value="2.0"/>
                    <igWindows:ScalingEffectStop Offset="1" Value="1"/>
                </igWindows:ScalingEffectStopCollection>
            </igWindows:CarouselViewSettings.ScalingEffectStops>

        </igWindows:CarouselViewSettings>
    </igWindows:XamCarouselPanel.ViewSettings>

    <Ellipse Width="50" Height="50" Stroke="Black" Fill="Red" />
    <Ellipse Width="50" Height="50" Stroke="Black" Fill="Green" />
    <Ellipse Width="50" Height="50" Stroke="Black" Fill="Purple" />
    <Ellipse Width="50" Height="50" Stroke="Black" Fill="SlateGray" />
    <Ellipse Width="50" Height="50" Stroke="Black" Fill="Yellow" />
    <Ellipse Width="50" Height="50" Stroke="Black" Fill="Blue" />
    <Ellipse Width="50" Height="50" Stroke="Black" Fill="White" />
</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