Adding a Blur Effect to the Reflection

In this topic, you will use Expression Blend to add a blur effect to the reflections of a C1CoverFlow control’s items.

Complete the following steps:

Right-click the C1CoverFlow control and select Edit Additional Templates | Edit Generated Item Container (ItemContainerStyle) | Edit a Copy.

The Create Style Resource dialog box opens.

In the Name(Key) field, enter “AddBlurEffect”.
Click OK to create the template and close the Create Style Resource dialog box. Observe that the Objects and Timeline panel shows a Template with a Reflector control as its child item.
In the Objects and Timeline panel, select Reflector to reveal its list of properties in the Properties panel and then complete the following:

a. Expand the Miscellaneous node.

b. Click the ReflectionEffects(Collection) ellipsis button.

The Effect Collection Editor: ReflectionEffects dialog box opens.

c. Click Add another item to open the Select Object dialog box.

d. Select BlurEffect and click OK to add the blur effect and to close the Select Object dialog box.

e. Set the BlurEffect’s Radius property to “45”.

f. Click OK to close the Effect Collection Editor: ReflectionEffects dialog box.

This Topic Illustrates the Following:

The following image demonstrates what the reflection of a C1CoverFlow control’s items looks like with a heavy blur effect.