バージョン

ScalingEffectStopDirection プロパティ

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

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

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

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