ExtendedLibrary for WPF/Silverlight
不透明効果を使用する
Reflector (Silverlight のみ) > タスク別ヘルプ > 不透明効果を使用する

Silverlight の標準ドロップシャドウ効果を使用すると、リフレクションに不透明効果を追加できます。このトピックでは、Blend、XAML、およびコードで、ドロップシャドウ効果を追加します

Blend での設計時

不透明効果を使用するには、次の手順に従います。

  1. Blend プロジェクトに C1Reflector コントロールを追加します。

  2. C1Reflector コントロールを1回クリックして選択します。

  3. [プロパティ]ウィンドウで ReflectionEffects の省略符ボタンをクリックし、[Effect コレクションエディター: ReflectionEffects]ダイアログボックスを開きます。

  4. [別のアイテムを追加]をクリックします。
    [オブジェクトの選択]ダイアログボックスが開きます。

  5. リストから ReflectionOpacityEffect を選択し、[OK]をクリックすると、効果がコントロールに追加され、[Effect コレクションエディター: ReflectionEffects]ダイアログボックスに戻ります。

  6. [プロパティ]グリッドで、次のプロパティを設定します。

    • Coefficient プロパティを「1」に設定します。

    • Offset プロパティを「0.5」に設定します。

  7. [OK]をクリックして、[Effect コレクションエディター: ReflectionEffects]ダイアログボックスを閉じます。

Blend での設計時

不透明効果を使用するには、次の手順に従います。

  1. Blend プロジェクトに C1Reflector コントロールを追加します。

  2. <c1:C1Reflector> タグに Content="C1Reflector" を追加し、文字列コンテンツを設定します。

  3. <c1:C1Reflector> タグと </c1:C1Reflector> タグの間に次の XAML を配置し、不透明効果を追加してそのプロパティを設定します。

    XAML
    コードのコピー
    <c1:C1Reflector.ReflectionEffects>
    <c1:ReflectionOpacityEffect Coefficient="1" Offset="0.5"/>
    </c1:C1Reflector.ReflectionEffects>
    

コードの場合

不透明効果を使用するには、次の手順に従います。

  1. Blend プロジェクトに C1Reflector コントロールを追加します。

  2. <c1:C1Reflector> タグに Content="C1Reflector" を追加し、文字列コンテンツを設定します。

  3. x:Name="C1Reflector1" を <c1:C1Reflector> タグに追加します。これによってコントロールに一意の識別子が与えられ、それを使用することによってコードからコントロールを呼び出すことができます。

  4. コードビューに切り替えて、次の名前空間をインポートします。

    コードのコピー
    Imports C1.Silverlight.Extended
    
    コードのコピー
    using C1.Silverlight.Extended;
    
  5. InitializeComponent() メソッドの下に次のコードを追加します。

    コードのコピー
    'ReflectionOpacityEffect オブジェクトを作成してプロパティを設定します。
    Dim newOpacity As New ReflectionOpacityEffect()
    newOpacity.Coefficient = 1
    newOpacity.Offset = 0.5
    'C1Reflector1 コントロールに ReflectionOpacityEffect オブジェクトを追加します。
    C1Reflector1.ReflectionEffects.Add(newOpacity)
    
    コードのコピー
    //ReflectionOpacityEffect オブジェクトを作成してプロパティを設定します。
    ReflectionOpacityEffect newOpacity = new ReflectionOpacityEffect();
    newOpacity.Coefficient = 1;
    newOpacity.Offset = 0.5;
    //C1Reflector1 コントロールに ReflectionOpacityEffect オブジェクトを追加します。
    C1Reflector1.ReflectionEffects.Add(newOpacity);
    
  6. プログラムを実行します

このトピックの作業結果

プロジェクトを実行すると、C1Reflector コントロールおよびそのコンテンツは次の画像のようになります。