バージョン

UseZOrder プロパティ

ZOrderEffectStops がサポートされ、Z オーダー効果をカルーセルで項目に適用するかどうかを返すか設定します。デフォルトは False です。
シンタックス
'宣言
 
Public Property UseZOrder As Boolean
public bool UseZOrder {get; set;}
解説

このプロパティが False に設定されると、定義される ZOrderEffectStop は無視され、項目はリストの位置に基づき Z 領域に並べられます(低いリスト位置の項目は下に表示され、高いリスト位置の項目は上に表示されます)。

注:PathItemTransitionStyle プロパティは、ItemPath のプリフィックスおよびサフィックス領域から表示および非表示を切り替える時に項目に追加効果を適用するために使用できます。

使用例
In the following example, the ability to control the zorder of the items within the path has been used to ensure that the larger scaled items, which are in the middle of the path, are above those items on either side of it. This is done by setting the UseZOrder to true and providing ScalingEffectStop values such that the items half way along the path (those closest to the Offset of 0.5 since the ZOrderEffectStopDirection is set to UseItemPath) have the largest zorder values. In this example, this is necessary since a scaling effect was applied that caused items closest to the middle of the path to be scaled larger that the items on either side.
<igWindows:XamCarouselPanel>
    
<igWindows:XamCarouselPanel.ViewSettings>
        
<igWindows:CarouselViewSettings 
            
UseScaling="True" 
            
ScalingEffectStopDirection="UseItemPath" 
            
UseZOrder="True" 
            
ZOrderEffectStopDirection="UseItemPath" 
            
AutoScaleItemContentsToFit="True" 
            
ItemSize="300,300" 
            
ItemPathRenderBrush="#77000000">
            
            
<igWindows:CarouselViewSettings.ItemPath>
                
<Path Data="M0,50 100,50" Width="100" Height="100" />
            
</igWindows:CarouselViewSettings.ItemPath>

            
<igWindows:CarouselViewSettings.ScalingEffectStops>
                
<igWindows:ScalingEffectStop Offset="0.0" Value="0"/>
                
<igWindows:ScalingEffectStop Offset="0.4" Value="0.4"/>
                
<igWindows:ScalingEffectStop Offset="0.5" Value="0.8"/>
                
<igWindows:ScalingEffectStop Offset="0.6" Value="0.4"/>
                
<igWindows:ScalingEffectStop Offset="1.0" Value="0"/>
            
</igWindows:CarouselViewSettings.ScalingEffectStops>
            
            
<igWindows:CarouselViewSettings.ZOrderEffectStops>
                
<igWindows:ZOrderEffectStop/>
                
<igWindows:ZOrderEffectStop Offset="0.5" Value="1"/>
                
<igWindows:ZOrderEffectStop Offset="1"/>
            
</igWindows:CarouselViewSettings.ZOrderEffectStops>
            
        
</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>
参照