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

Blend での設計時

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

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

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

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. コードビューに切り替えて、次の名前空間をインポートします。

   • VisualBasic
   • C#

   	コードのコピー
   Imports C1.Silverlight.Extended

   	コードのコピー
   using C1.Silverlight.Extended;

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

   • VisualBasic
   • C#

   	コードのコピー
   '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 コントロールおよびそのコンテンツは次の画像のようになります。