Getting Started with Reflector Flex Component

  1. Follow this guide to add the swc library into your project. Add swc in your project.
  2. Adding id for the targets.

Select the visual component, which you want to add reflection effect. In the id field of property panel, fill in a unique name. e.g. image_1.

3. Adding the tag for Reflector component.

Open up the code view by selecting the source button.

Inside the <Application> tag. Before any visual component tag. Type “<Reflect….”, you will get the quick look on the correct tag name.

<dceffs:Reflector />

This also add a new namespace xmlns:dceffs=”library://ns.digicrafts.com.hk/flex/dceffs” in your application tab.

4. Specify the targets.

Inside the tag, add the targets parameter and specify a array which hold the targets.

<dceffs:Reflector targets=”{[image_1,image_2]}”/>

5.     5. Now you test your application, you will see a reflection effect added.