バージョン

OpacityEffectStopDirection プロパティ

OpacityEffectStop を評価するために使用される方向を返すか設定します。デフォルトは EffectStopDirection.UseItemPath です。
シンタックス
'宣言
 
Public Property OpacityEffectStopDirection As EffectStopDirection
public EffectStopDirection OpacityEffectStopDirection {get; set;}
解説

XamCarouselPanel に沿って項目の位置に基づく、または ItemPath 内の項目の垂直または水平位置に基づき、効果ストップを評価するために方向を設定できます。

たとえば、円状パスを使用していて、円の上にある項目が遠ざかるようにユーザーに感じさせたい場合、このプロパティを EffectStopDirection.Vertical に設定して、ゼロのオフセットで .6 の値から 1 のオフセットで 1 の値の範囲の OpacityEffectStops を追加します。これで遠くの項目は少し透過に表示されます。ScalingEffectStops で同様のことを行うことができる遠近効果をさらに強化するには、前景 (円の下) の項目を大きくして、背景 (円の上) の項目を小さくします。

使用例
In the following example, the UseOpacity has been set to true so that the panel will utilize the OpacityEffectStops that have been provided. Since the OpacityEffectStopDirection is set to Vertical, the offsets are calculated with regards to that orientation and items at the bottom will be fully opaque and the items as you move further from the bottom will be more transparent.
<igWindows:XamCarouselPanel>
    <igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings 
            UseOpacity="True"
            OpacityEffectStopDirection="Vertical"
            ItemPathRenderBrush="#77000000">

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

            <igWindows:CarouselViewSettings.OpacityEffectStops>
                <igWindows:OpacityEffectStopCollection>
                    <igWindows:OpacityEffectStop/>
                    <igWindows:OpacityEffectStop Offset="0.20" Value="0.10"/>
                    <igWindows:OpacityEffectStop Offset="0.50" Value="0.40"/>
                    <igWindows:OpacityEffectStop Offset="0.80" Value="0.60"/>
                    <igWindows:OpacityEffectStop Offset="1" Value="1"/>
                </igWindows:OpacityEffectStopCollection>
            </igWindows:CarouselViewSettings.OpacityEffectStops>                                        
            
        </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>
参照