バージョン

ScalingEffectStops プロパティ

視点をシミュレートするために ItemPath に沿って項目をスケールする場合に使用される停止を定義する ScalingEffectStop オブジェクトのコレクションを返します。
シンタックス
'宣言
 
Public Property ScalingEffectStops As ScalingEffectStopCollection
public ScalingEffectStopCollection ScalingEffectStops {get; set;}
解説

注: これらの ScalingEffectStop を適用するのに、UseScaling プロパティを true に設定する必要があります。

スケーリング効果の停止が各項目に適用される方法は、XamCarouselPanel および ScalingEffectStopDirection プロパティの設定の表示領域の項目の場所によって決定されます。

たとえば、円状パスを使用していて、円の上にある項目が遠ざかるようにユーザーに感じさせたい場合、このプロパティを 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>
参照