バージョン

XamCarouselListBox クラス

ユーザー定義パスに沿って項目を整理するために XamCarouselPanel を ItemsPanel として使用する System.Windows.Controls.Primitives.Selector 派生コントロール。
シンタックス
解説

XamCarouselListBox は XamCarouselPanel を次のレベルにします。その ItemsPanel として XamCarouselPanel を使用することによって、XamCarouselListBox は、WPF Selector コントロールのリスト管理、選択、およびデータ バインディング機能と XamCarouselPanel のパワーとレイアウトの柔軟性を組み合わせることができます。ユーザー定義パスと共にリスト項目の整理のために組み込みサポートの追加利点で System.Windows.Controls.ListBox を使用するのと同じ方法で、このコントロールを使用します。

どのようにカルーセル表示が機能するかの説明については、開発者ガイドの「カルーセル アーキテクチャの概要」を参照してください。

使用例
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.
<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>
参照