ExtendedLibrary for WPF/Silverlight
ドロップシャドウ効果を使用する
Reflector (Silverlight のみ) > タスク別ヘルプ > ドロップシャドウ効果を使用する

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

Blend での設計時

ドロップシャドウ効果を使用するには、次の手順に従います。

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

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

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

  4. ［別のアイテムを追加］をクリックします。

    ［オブジェクトの選択］ダイアログボックスが開きます。

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

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

    • BlurRadius プロパティを "7" に設定します。

    • Direction プロパティを "180" に設定します。

    • Opacity プロパティを "95%" に設定します。

    • ShadowDepth を「8」に設定します。

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

Blend での設計時

ドロップシャドウ効果を使用するには、次の手順に従います。

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

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

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

    XAML
    コードのコピー 
    <c1:C1Reflector.ReflectionEffects>
<DropShadowEffect BlurRadius="7" Opacity="0.95" ShadowDepth="8" Direction="180"/>
      </c1:C1Reflector.ReflectionEffects>

コードの場合

ドロップシャドウ効果を使用するには、次の手順に従います。ドロップシャドウ効果を使用するには、次の手順に従います。

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

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

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

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

    コードのコピー 
    Imports System.Windows.Media.Effects
    コードのコピー 
    using System.Windows.Media.Effects;

  5. InitializeComponent() メソッドの下に次のコードを追加します。

    コードのコピー 
    'DropShadowEffect オブジェクトを作成してプロパティを設定します。
Dim newDropShadowEffect As New DropShadowEffect() newDropShadowEffect.BlurRadius = 7
newDropShadowEffect.Direction = 180
newDropShadowEffect.Opacity = 95
newDropShadowEffect.ShadowDepth = 8
'C1Reflector コントロールに DropShadowEffect オブジェクトを追加します。
C1Reflector1.ReflectionEffects.Add(newDropShadowEffect)
    コードのコピー 
    //DropShadowEffect オブジェクトを作成してプロパティを設定します。
DropShadowEffect newDropShadowEffect = new DropShadowEffect();
newDropShadowEffect.BlurRadius = 7;
newDropShadowEffect.Direction = 180;
newDropShadowEffect.Opacity = 95;
newDropShadowEffect.ShadowDepth = 8;
//C1Reflector コントロールに DropShadowEffect オブジェクトを追加します。
C1Reflector1.ReflectionEffects.Add(newDropShadowEffect);

  6. プログラムを実行します

このトピックの作業結果

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

 

 

Copyright © GrapeCity, Inc. All rights reserved.