OpacityEffectStops プロパティ

ItemPath と共に項目の不透明度の設定時に使用停止を定義する OpacityEffectStop オブジェクトのコレクションを返します

シンタックス

Visual Basic

'宣言
 
Public Property OpacityEffectStops As OpacityEffectStopCollection

C#

public OpacityEffectStopCollection OpacityEffectStops {get; set;}

解説

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

不透明効果の停止が各項目に適用される方法は、XamCarouselPanel および OpacityEffectStopDirection プロパティの設定の表示領域の項目の場所によって決定されます。

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

使用例

In the following example, the UseOpacity has been set to true so that the panel will utilize the OpacityEffectStops that have been provided. Since the OpacityEffectStopDirection is set to Vertical, the offsets are calculated with regards to that orientation and items at the bottom will be fully opaque and the items as you move further from the bottom will be more transparent.

XAML

<igWindows:XamCarouselPanel>
    <igWindows:XamCarouselPanel.ViewSettings>
        <igWindows:CarouselViewSettings 
            UseOpacity="True"
            OpacityEffectStopDirection="Vertical"
            ItemPathRenderBrush="#77000000">

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

            <igWindows:CarouselViewSettings.OpacityEffectStops>
                <igWindows:OpacityEffectStopCollection>
                    <igWindows:OpacityEffectStop/>
                    <igWindows:OpacityEffectStop Offset="0.20" Value="0.10"/>
                    <igWindows:OpacityEffectStop Offset="0.50" Value="0.40"/>
                    <igWindows:OpacityEffectStop Offset="0.80" Value="0.60"/>
                    <igWindows:OpacityEffectStop Offset="1" Value="1"/>
                </igWindows:OpacityEffectStopCollection>
            </igWindows:CarouselViewSettings.OpacityEffectStops>                                        
            
        </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>