バージョン

UseSkewing プロパティ

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

このプロパティが False に設定されている場合、定義される SkewAngleXEffectStop または SkewAngleYEffectStop は無視されます。

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

使用例
In the following example, the ability to control the horizontal skew has been used to ensure that items along the edge of the triagular path are skewed along the edge of the path. The skewing is enabled by setting the UseSkewing to true and then providing SkewAngleXEffectStop values for the SkewAngleXEffectStops property. Since the SkewAngleXEffectStops is set to UseItemPath, the Offsets are based upon the position of the items along the path. As such, an Offset of 0.5 is half way along the path provided.
<igWindows:XamCarouselPanel>
    
<igWindows:XamCarouselPanel.ViewSettings>
        
<igWindows:CarouselViewSettings 
            
UseSkewing="True"
            
SkewAngleXEffectStopDirection="UseItemPath"
            
ItemPathRenderBrush="#77000000">

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

            
<igWindows:CarouselViewSettings.SkewAngleXEffectStops>
                
<igWindows:SkewAngleXEffectStop Offset="0.15" Value="20"/>
                
<igWindows:SkewAngleXEffectStop Offset="0.45" Value="20"/>
                
<igWindows:SkewAngleXEffectStop Offset="0.5" Value="0"/>
                
<igWindows:SkewAngleXEffectStop Offset="0.55" Value="-20"/>
                
<igWindows:SkewAngleXEffectStop Offset="0.85" Value="-20"/>
            
</igWindows:CarouselViewSettings.SkewAngleXEffectStops>
        
</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>
参照