ViewSettings Property (XamCarouselListBox)

Returns/set the CarouselViewSettings object for this XamCarouselListBox.

Syntax

Visual Basic

'Declaration
 
Public Property ViewSettings As CarouselViewSettings

C#

public CarouselViewSettings ViewSettings {get; set;}

Remarks

The CarouselViewSettings object exposes properties for controlling all aspects of the Carousel view, including the number of items to display per page (ItemsPerPage), the path geometry used to create the path along which items in the list are arranged (ItemPath) and the various parent effects that can be applied to items as they are displayed at different points along the path (OpacityEffectStops, ScalingEffectStops, SkewAngleXEffectStops, SkewAngleYEffectStops, ZOrderEffectStops).

Example

The following example demonstrates how to create a CarouselViewSettings object for a XamCarouselListBox and initialize some of its properties. For a description and example of each property, please check the documentation for that property.

XAML

<igWindows:XamCarouselListBox x:Name="XamCarouselListBox1">
    <igWindows:XamCarouselListBox.Resources>
        <Path Visibility="Hidden" 
                Fill="{x:Null}" 
                Stretch="Fill" 
                Stroke="#FF000000" 
                x:Key="ovalPath" 
                Data="M230,239 C230,239 254.00029,48.999465 420.00029,47.999465 586.00029,46.999465 629.00026,157.00004 618.00026,276.00004 607.00026,395.00004 538.91118,531.32446 425.00013,523.00028 164.99995,504.00048 189.99998,154.99988 189.99998,154.99988" 
                Opacity="0.5" 
                Margin="0,0,0,0"/>
    </igWindows:XamCarouselListBox.Resources>

    <igWindows:XamCarouselListBox.ViewSettings>

        <igWindows:CarouselViewSettings IsListContinuous="True" 
                ItemPath="{Binding ElementName=ovalPath, Mode=OneWay}" 
                ItemPathAutoPad="False" 
                ItemPathPadding="251,50,260,170" 
                ItemSize="200,200" 
                ItemPathHorizontalAlignment="Stretch" 
                ItemPathVerticalAlignment="Stretch" 
                ItemsPerPage="8" 
                UseOpacity="True" 
                UseZOrder="True" >

            <igWindows:CarouselViewSettings.ScalingEffectStops>
                <igWindows:ScalingEffectStopCollection>
                    <igWindows:ScalingEffectStop Value="0.3"/>
                    <igWindows:ScalingEffectStop Offset="0.35" Value="0.7"/>
                    <igWindows:ScalingEffectStop Offset="0.44" Value="1.5"/>
                    <igWindows:ScalingEffectStop Offset="0.6" Value="0.4"/>
                    <igWindows:ScalingEffectStop Offset="0.8" Value="0.3"/>
                    <igWindows:ScalingEffectStop Offset="1"/>
                </igWindows:ScalingEffectStopCollection>
            </igWindows:CarouselViewSettings.ScalingEffectStops>

            <igWindows:CarouselViewSettings.OpacityEffectStops>
                <igWindows:OpacityEffectStopCollection>
                    <igWindows:OpacityEffectStop/>
                    <igWindows:OpacityEffectStop Offset="0.35" Value="0.5"/>
                    <igWindows:OpacityEffectStop Offset="0.44" Value="1"/>
                    <igWindows:OpacityEffectStop Offset="0.6" Value="0.5"/>
                    <igWindows:OpacityEffectStop Offset="0.8" Value="0.2"/>
                    <igWindows:OpacityEffectStop Offset="1"/>
                </igWindows:OpacityEffectStopCollection>
            </igWindows:CarouselViewSettings.OpacityEffectStops>

            <igWindows:CarouselViewSettings.ZOrderEffectStops>
                <igWindows:ZOrderEffectStopCollection>
                    <igWindows:ZOrderEffectStop/>
                    <igWindows:ZOrderEffectStop Offset="0.4" Value="1"/>
                    <igWindows:ZOrderEffectStop Offset="1"/>
                </igWindows:ZOrderEffectStopCollection>
            </igWindows:CarouselViewSettings.ZOrderEffectStops>

        </igWindows:CarouselViewSettings>

    </igWindows:XamCarouselListBox.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" />
    <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:XamCarouselListBox>

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