視点をシミュレートするために
ItemPath に沿って項目をスケールする場合に使用される停止を定義する
ScalingEffectStop オブジェクトのコレクションを返します。
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>