Using skins with the TileList

The TileList component has a TileList skin, a CellRenderer skin, and a ScrollBar skin. You can edit these skins to change the TileList's appearance:

TileList skins

TileList skins


NOTE

Changing the ScrollBar skin in one component will change it in all other components that use the ScrollBar.

The following procedure changes the color of the TileList's CellRenderer Selected_Up skin.

To change the color of the TileList's CellRenderer skin:

  1. Create a Flash file (ActionScript 3.0)
  2. Drag the TileList component to the Stage and double-click it to open its panel of skins.
  3. Double-click the CellRenderer skin, then double-click the Selected_Up skin, and then click the rectangular background.
  4. Select color #99FFFF using the Fill color picker in the Property inspector to apply it to the Selected_Up skin.
  5. Click the Back button at the left side of the edit bar above the Stage until you return to document-editing mode.
  6. On the Parameters tab of the Property inspector, double-click the second column of the dataProvider row to open the Values dialog box. Add items with the following labels: 1st item, 2nd item, 3rd item, 4th item.
  7. Select Control > Test Movie.
  8. Click one of the cells in the TileList to select it, and then move the mouse away from the selected cell.

The selected cell should appear as it does in the following illustration:

TileList cell with the Selected_Up CellRenderer skin displaying modified color.